@editframe/react 0.8.0-beta.2 → 0.8.0-beta.4

package/dist/elements/Audio.d.ts

@@ -0,0 +1,3 @@
+import { EFAudio as EFAudioElement } from '../../../elements/src';
+
+export declare const Audio: import('@lit/react').ReactWebComponent<EFAudioElement, {}>;

package/dist/elements/Audio.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFAudio } from "@editframe/elements";
+const Audio = createComponent({
+  tagName: "ef-audio",
+  elementClass: EFAudio,
+  react: React
+});
+export {
+  Audio
+};

package/dist/elements/Captions.d.ts

@@ -0,0 +1,4 @@
+import { EFCaptions as EFCaptionsElement, EFCaptionsActiveWord as EFCaptionsActiveWordElement } from '../../../elements/src';
+
+export declare const Captions: import('@lit/react').ReactWebComponent<EFCaptionsElement, {}>;
+export declare const CaptionsActiveWord: import('@lit/react').ReactWebComponent<EFCaptionsActiveWordElement, {}>;

package/dist/elements/Captions.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFCaptions, EFCaptionsActiveWord } from "@editframe/elements";
+const Captions = createComponent({
+  tagName: "ef-captions",
+  elementClass: EFCaptions,
+  react: React
+});
+const CaptionsActiveWord = createComponent({
+  tagName: "ef-captions-active-word",
+  elementClass: EFCaptionsActiveWord,
+  react: React
+});
+export {
+  Captions,
+  CaptionsActiveWord
+};

package/dist/elements/Image.d.ts

@@ -0,0 +1,3 @@
+import { EFImage as EFImageElement } from '../../../elements/src';
+
+export declare const Image: import('@lit/react').ReactWebComponent<EFImageElement, {}>;

package/dist/elements/Image.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFImage } from "@editframe/elements";
+const Image = createComponent({
+  tagName: "ef-image",
+  elementClass: EFImage,
+  react: React
+});
+export {
+  Image
+};

package/dist/elements/Timegroup.d.ts

@@ -0,0 +1,3 @@
+import { EFTimegroup as EFTimegroupElement } from '../../../elements/src';
+
+export declare const Timegroup: import('../create-component.ts').ReactWebComponent<EFTimegroupElement, {}>;

package/dist/elements/Timegroup.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "../create-component.js";
+import { EFTimegroup } from "@editframe/elements";
+const Timegroup = createComponent({
+  tagName: "ef-timegroup",
+  elementClass: EFTimegroup,
+  react: React
+});
+export {
+  Timegroup
+};

package/dist/elements/Video.d.ts

@@ -0,0 +1,3 @@
+import { EFVideo as EFVideoElement } from '../../../elements/src';
+
+export declare const Video: import('@lit/react').ReactWebComponent<EFVideoElement, {}>;

package/dist/elements/Video.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFVideo } from "@editframe/elements";
+const Video = createComponent({
+  tagName: "ef-video",
+  elementClass: EFVideo,
+  react: React
+});
+export {
+  Video
+};

package/dist/elements/Waveform.d.ts

@@ -0,0 +1,3 @@
+import { EFWaveform as EFWaveformElement } from '../../../elements/src';
+
+export declare const Waveform: import('@lit/react').ReactWebComponent<EFWaveformElement, {}>;

package/dist/elements/Waveform.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFWaveform } from "@editframe/elements";
+const Waveform = createComponent({
+  tagName: "ef-waveform",
+  elementClass: EFWaveform,
+  react: React
+});
+export {
+  Waveform
+};

package/dist/gui/Filmstrip.d.ts

@@ -0,0 +1,3 @@
+import { EFFilmstrip as EFFilmstripElement } from '../../../elements/src';
+
+export declare const Filmstrip: import('@lit/react').ReactWebComponent<EFFilmstripElement, {}>;

package/dist/gui/Filmstrip.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFFilmstrip } from "@editframe/elements";
+const Filmstrip = createComponent({
+  tagName: "ef-filmstrip",
+  elementClass: EFFilmstrip,
+  react: React
+});
+export {
+  Filmstrip
+};

package/dist/gui/ToggleLoop.d.ts

@@ -0,0 +1,3 @@
+import { EFToggleLoop as EFToggleLoopElement } from '../../../elements/src';
+
+export declare const ToggleLoop: import('@lit/react').ReactWebComponent<EFToggleLoopElement, {}>;

package/dist/gui/ToggleLoop.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFToggleLoop } from "@editframe/elements";
+const ToggleLoop = createComponent({
+  tagName: "ef-toggle-loop",
+  elementClass: EFToggleLoop,
+  react: React
+});
+export {
+  ToggleLoop
+};

package/dist/gui/TogglePlay.d.ts

@@ -0,0 +1,3 @@
+import { EFTogglePlay as EFTogglePlayElement } from '../../../elements/src';
+
+export declare const TogglePlay: import('@lit/react').ReactWebComponent<EFTogglePlayElement, {}>;

package/dist/gui/TogglePlay.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFTogglePlay } from "@editframe/elements";
+const TogglePlay = createComponent({
+  tagName: "ef-toggle-play",
+  elementClass: EFTogglePlay,
+  react: React
+});
+export {
+  TogglePlay
+};

package/dist/gui/Workbench.d.ts

@@ -0,0 +1,3 @@
+import { EFWorkbench as EFWorkbenchElement } from '../../../elements/src';
+
+export declare const Workbench: import('@lit/react').ReactWebComponent<EFWorkbenchElement, {}>;

package/dist/gui/Workbench.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFWorkbench } from "@editframe/elements";
+const Workbench = createComponent({
+  tagName: "ef-workbench",
+  elementClass: EFWorkbench,
+  react: React
+});
+export {
+  Workbench
+};

package/dist/index.d.ts

@@ -1,10 +1,30 @@
-export { EFAudio } from './elements/EFAudio.ts';
-export { EFCaptions, EFCaptionsActiveWord } from './elements/EFCaptions.ts';
-export { EFImage } from './elements/EFImage.ts';
-export { EFTimegroup } from './elements/EFTimegroup.ts';
-export { EFVideo } from './elements/EFVideo.ts';
-export { EFWaveform } from './elements/EFWaveform.ts';
-export { EFWorkbench } from './gui/EFWorkbench.ts';
-export { EFFilmstrip } from './gui/EFFilmstrip.ts';
-export { EFPreview } from './gui/EFPreview.ts';
+export { 
+/** @deprecated Use `Audio` instead of `EFAudio`. Exports starting `EF*` wil be removed in a future release. */
+Audio as EFAudio, Audio, } from './elements/Audio.ts';
+export { 
+/** @deprecated Use `Captions` instead of `EFCaptions`. Exports starting `EF*` wil be removed in a future release. */
+Captions as EFCaptions, Captions, 
+/** @deprecated Use `CaptionsActiveWord` instead of `EFCaptionsActiveWord`. Exports starting `EF*` wil be removed in a future release. */
+CaptionsActiveWord as EFCaptionsActiveWord, CaptionsActiveWord, } from './elements/Captions.ts';
+export { Image as EFImage, Image, } from './elements/Image.ts';
+export { 
+/** @deprecated Use `Timegroup` instead of `EFTimegroup`. Exports starting `EF*` wil be removed in a future release. */
+Timegroup as EFTimegroup, Timegroup, } from './elements/Timegroup.ts';
+export { 
+/** @deprecated Use `Video` instead of `EFVideo`. Exports starting `EF*` wil be removed in a future release. */
+Video as EFVideo, Video, } from './elements/Video.ts';
+export { 
+/** @deprecated Use `Waveform` instead of `EFWaveform`. Exports starting `EF*` wil be removed in a future release. */
+Waveform as EFWaveform, Waveform, } from './elements/Waveform.ts';
+export { 
+/** @deprecated Use `Workbench` instead of `EFWorkbench`. Exports starting `EF*` wil be removed in a future release. */
+Workbench as EFWorkbench, Workbench, } from './gui/Workbench.ts';
+export { 
+/** @deprecated Use `Filmstrip` instead of `EFFilmstrip`. Exports starting `EF*` wil be removed in a future release. */
+Filmstrip as EFFilmstrip, Filmstrip, } from './gui/Filmstrip.ts';
+export { 
+/** @deprecated Use `Preview` instead of `EFPreview`. Exports starting `EF*` wil be removed in a future release. */
+EFPreview, EFPreview as Preview, } from './gui/Preview.ts';
+export { TogglePlay } from './gui/TogglePlay.ts';
+export { ToggleLoop } from './gui/ToggleLoop.ts';
 export { useTimingInfo } from './hooks/useTimingInfo.ts';

package/dist/index.js

@@ -1,23 +1,37 @@
-import { EFAudio } from "./elements/EFAudio.js";
-import { EFCaptions, EFCaptionsActiveWord } from "./elements/EFCaptions.js";
-import { EFImage } from "./elements/EFImage.js";
-import { EFTimegroup } from "./elements/EFTimegroup.js";
-import { EFVideo } from "./elements/EFVideo.js";
-import { EFWaveform } from "./elements/EFWaveform.js";
-import { EFWorkbench } from "./gui/EFWorkbench.js";
-import { EFFilmstrip } from "./gui/EFFilmstrip.js";
-import { EFPreview } from "./gui/EFPreview.js";
+import { Audio, Audio as Audio2 } from "./elements/Audio.js";
+import { Captions, CaptionsActiveWord, Captions as Captions2, CaptionsActiveWord as CaptionsActiveWord2 } from "./elements/Captions.js";
+import { Image, Image as Image2 } from "./elements/Image.js";
+import { Timegroup, Timegroup as Timegroup2 } from "./elements/Timegroup.js";
+import { Video, Video as Video2 } from "./elements/Video.js";
+import { Waveform, Waveform as Waveform2 } from "./elements/Waveform.js";
+import { Workbench, Workbench as Workbench2 } from "./gui/Workbench.js";
+import { Filmstrip, Filmstrip as Filmstrip2 } from "./gui/Filmstrip.js";
+import { EFPreview, EFPreview as EFPreview2 } from "./gui/Preview.js";
+import { TogglePlay } from "./gui/TogglePlay.js";
+import { ToggleLoop } from "./gui/ToggleLoop.js";
 import { useTimingInfo } from "./hooks/useTimingInfo.js";
 export {
-  EFAudio,
-  EFCaptions,
-  EFCaptionsActiveWord,
-  EFFilmstrip,
-  EFImage,
+  Audio,
+  Captions,
+  CaptionsActiveWord,
+  Audio2 as EFAudio,
+  Captions2 as EFCaptions,
+  CaptionsActiveWord2 as EFCaptionsActiveWord,
+  Filmstrip as EFFilmstrip,
+  Image as EFImage,
   EFPreview,
-  EFTimegroup,
-  EFVideo,
-  EFWaveform,
-  EFWorkbench,
+  Timegroup as EFTimegroup,
+  Video as EFVideo,
+  Waveform as EFWaveform,
+  Workbench as EFWorkbench,
+  Filmstrip2 as Filmstrip,
+  Image2 as Image,
+  EFPreview2 as Preview,
+  Timegroup2 as Timegroup,
+  ToggleLoop,
+  TogglePlay,
+  Video2 as Video,
+  Waveform2 as Waveform,
+  Workbench2 as Workbench,
   useTimingInfo
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/react",
-  "version": "0.8.0-beta.2",
+  "version": "0.8.0-beta.4",
   "description": "",
   "exports": {
     ".": {
@@ -19,7 +19,7 @@
   "author": "",
   "license": "UNLICENSED",
   "dependencies": {
-    "@editframe/elements": "0.8.0-beta.2",
+    "@editframe/elements": "0.8.0-beta.4",
     "@lit/react": "^1.0.5",
     "debug": "^4.3.5",
     "react": "^18.3.0",

package/src/elements/{EFAudio.ts → Audio.ts}

@@ -2,7 +2,7 @@ import React from "react";
 import { createComponent } from "@lit/react";
 import { EFAudio as EFAudioElement } from "@editframe/elements";
 
-export const EFAudio = createComponent({
+export const Audio = createComponent({
   tagName: "ef-audio",
   elementClass: EFAudioElement,
   react: React,

package/src/elements/{EFCaptions.ts → Captions.ts}

@@ -5,13 +5,13 @@ import {
   EFCaptionsActiveWord as EFCaptionsActiveWordElement,
 } from "@editframe/elements";
 
-export const EFCaptions = createComponent({
+export const Captions = createComponent({
   tagName: "ef-captions",
   elementClass: EFCaptionsElement,
   react: React,
 });
 
-export const EFCaptionsActiveWord = createComponent({
+export const CaptionsActiveWord = createComponent({
   tagName: "ef-captions-active-word",
   elementClass: EFCaptionsActiveWordElement,
   react: React,

package/src/elements/{EFImage.ts → Image.ts}

@@ -2,7 +2,7 @@ import React from "react";
 import { createComponent } from "@lit/react";
 import { EFImage as EFImageElement } from "@editframe/elements";
 
-export const EFImage = createComponent({
+export const Image = createComponent({
   tagName: "ef-image",
   elementClass: EFImageElement,
   react: React,

package/src/elements/{EFTimegroup.ts → Timegroup.ts}

@@ -2,7 +2,7 @@ import React from "react";
 import { createComponent } from "../create-component.ts";
 import { EFTimegroup as EFTimegroupElement } from "@editframe/elements";
 
-export const EFTimegroup = createComponent({
+export const Timegroup = createComponent({
   tagName: "ef-timegroup",
   elementClass: EFTimegroupElement,
   react: React,

package/src/elements/{EFVideo.ts → Video.ts}

@@ -2,7 +2,7 @@ import React from "react";
 import { createComponent } from "@lit/react";
 import { EFVideo as EFVideoElement } from "@editframe/elements";
 
-export const EFVideo = createComponent({
+export const Video = createComponent({
   tagName: "ef-video",
   elementClass: EFVideoElement,
   react: React,

package/src/elements/{EFWaveform.ts → Waveform.ts}

@@ -2,7 +2,7 @@ import React from "react";
 import { createComponent } from "@lit/react";
 import { EFWaveform as EFWaveformElement } from "@editframe/elements";
 
-export const EFWaveform = createComponent({
+export const Waveform = createComponent({
   tagName: "ef-waveform",
   elementClass: EFWaveformElement,
   react: React,

package/src/gui/{EFFilmstrip.ts → Filmstrip.ts}

@@ -2,7 +2,7 @@ import React from "react";
 import { createComponent } from "@lit/react";
 import { EFFilmstrip as EFFilmstripElement } from "@editframe/elements";
 
-export const EFFilmstrip = createComponent({
+export const Filmstrip = createComponent({
   tagName: "ef-filmstrip",
   elementClass: EFFilmstripElement,
   react: React,

package/src/gui/ToggleLoop.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFToggleLoop as EFToggleLoopElement } from "@editframe/elements";
+
+export const ToggleLoop = createComponent({
+  tagName: "ef-toggle-loop",
+  elementClass: EFToggleLoopElement,
+  react: React,
+});

package/src/gui/TogglePlay.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { EFTogglePlay as EFTogglePlayElement } from "@editframe/elements";
+
+export const TogglePlay = createComponent({
+  tagName: "ef-toggle-play",
+  elementClass: EFTogglePlayElement,
+  react: React,
+});

package/src/gui/{EFWorkbench.ts → Workbench.ts}

@@ -2,7 +2,7 @@ import React from "react";
 import { createComponent } from "@lit/react";
 import { EFWorkbench as EFWorkbenchElement } from "@editframe/elements";
 
-export const EFWorkbench = createComponent({
+export const Workbench = createComponent({
   tagName: "ef-workbench",
   elementClass: EFWorkbenchElement,
   react: React,

package/dist/elements/EFAudio.d.ts

@@ -1,3 +0,0 @@
-import { EFAudio as EFAudioElement } from '../../../elements/src';
-
-export declare const EFAudio: import('@lit/react').ReactWebComponent<EFAudioElement, {}>;

package/dist/elements/EFAudio.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { createComponent } from "@lit/react";
-import { EFAudio as EFAudio$1 } from "@editframe/elements";
-const EFAudio = createComponent({
-  tagName: "ef-audio",
-  elementClass: EFAudio$1,
-  react: React
-});
-export {
-  EFAudio
-};

package/dist/elements/EFCaptions.d.ts

@@ -1,4 +0,0 @@
-import { EFCaptions as EFCaptionsElement, EFCaptionsActiveWord as EFCaptionsActiveWordElement } from '../../../elements/src';
-
-export declare const EFCaptions: import('@lit/react').ReactWebComponent<EFCaptionsElement, {}>;
-export declare const EFCaptionsActiveWord: import('@lit/react').ReactWebComponent<EFCaptionsActiveWordElement, {}>;

package/dist/elements/EFCaptions.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { createComponent } from "@lit/react";
-import { EFCaptions as EFCaptions$1, EFCaptionsActiveWord as EFCaptionsActiveWord$1 } from "@editframe/elements";
-const EFCaptions = createComponent({
-  tagName: "ef-captions",
-  elementClass: EFCaptions$1,
-  react: React
-});
-const EFCaptionsActiveWord = createComponent({
-  tagName: "ef-captions-active-word",
-  elementClass: EFCaptionsActiveWord$1,
-  react: React
-});
-export {
-  EFCaptions,
-  EFCaptionsActiveWord
-};

package/dist/elements/EFImage.d.ts

@@ -1,3 +0,0 @@
-import { EFImage as EFImageElement } from '../../../elements/src';
-
-export declare const EFImage: import('@lit/react').ReactWebComponent<EFImageElement, {}>;

package/dist/elements/EFImage.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { createComponent } from "@lit/react";
-import { EFImage as EFImage$1 } from "@editframe/elements";
-const EFImage = createComponent({
-  tagName: "ef-image",
-  elementClass: EFImage$1,
-  react: React
-});
-export {
-  EFImage
-};

package/dist/elements/EFTimegroup.d.ts

@@ -1,3 +0,0 @@
-import { EFTimegroup as EFTimegroupElement } from '../../../elements/src';
-
-export declare const EFTimegroup: import('../create-component.ts').ReactWebComponent<EFTimegroupElement, {}>;

package/dist/elements/EFTimegroup.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { createComponent } from "../create-component.js";
-import { EFTimegroup as EFTimegroup$1 } from "@editframe/elements";
-const EFTimegroup = createComponent({
-  tagName: "ef-timegroup",
-  elementClass: EFTimegroup$1,
-  react: React
-});
-export {
-  EFTimegroup
-};

package/dist/elements/EFVideo.d.ts

@@ -1,3 +0,0 @@
-import { EFVideo as EFVideoElement } from '../../../elements/src';
-
-export declare const EFVideo: import('@lit/react').ReactWebComponent<EFVideoElement, {}>;

package/dist/elements/EFVideo.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { createComponent } from "@lit/react";
-import { EFVideo as EFVideo$1 } from "@editframe/elements";
-const EFVideo = createComponent({
-  tagName: "ef-video",
-  elementClass: EFVideo$1,
-  react: React
-});
-export {
-  EFVideo
-};

package/dist/elements/EFWaveform.d.ts

@@ -1,3 +0,0 @@
-import { EFWaveform as EFWaveformElement } from '../../../elements/src';
-
-export declare const EFWaveform: import('@lit/react').ReactWebComponent<EFWaveformElement, {}>;

package/dist/elements/EFWaveform.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { createComponent } from "@lit/react";
-import { EFWaveform as EFWaveform$1 } from "@editframe/elements";
-const EFWaveform = createComponent({
-  tagName: "ef-waveform",
-  elementClass: EFWaveform$1,
-  react: React
-});
-export {
-  EFWaveform
-};

package/dist/gui/EFFilmstrip.d.ts

@@ -1,3 +0,0 @@
-import { EFFilmstrip as EFFilmstripElement } from '../../../elements/src';
-
-export declare const EFFilmstrip: import('@lit/react').ReactWebComponent<EFFilmstripElement, {}>;

package/dist/gui/EFFilmstrip.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { createComponent } from "@lit/react";
-import { EFFilmstrip as EFFilmstrip$1 } from "@editframe/elements";
-const EFFilmstrip = createComponent({
-  tagName: "ef-filmstrip",
-  elementClass: EFFilmstrip$1,
-  react: React
-});
-export {
-  EFFilmstrip
-};

package/dist/gui/EFWorkbench.d.ts

@@ -1,3 +0,0 @@
-import { EFWorkbench as EFWorkbenchElement } from '../../../elements/src';
-
-export declare const EFWorkbench: import('@lit/react').ReactWebComponent<EFWorkbenchElement, {}>;

package/dist/gui/EFWorkbench.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { createComponent } from "@lit/react";
-import { EFWorkbench as EFWorkbench$1 } from "@editframe/elements";
-const EFWorkbench = createComponent({
-  tagName: "ef-workbench",
-  elementClass: EFWorkbench$1,
-  react: React
-});
-export {
-  EFWorkbench
-};