@editframe/react 0.11.0-beta.9 → 0.12.0-beta.2

package/dist/components/TimeDisplay.js

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

package/dist/elements/Captions.d.ts

@@ -1,3 +1,6 @@
-import { EFCaptions as EFCaptionsElement, EFCaptionsActiveWord as EFCaptionsActiveWordElement } from '../../../elements/src/index.ts';
+import { EFCaptionsActiveWord as EFCaptionsActiveWordElement, EFCaptionsAfterActiveWord as EFCaptionsAfterActiveWordElement, EFCaptionsBeforeActiveWord as EFCaptionsBeforeActiveWordElement, EFCaptions as EFCaptionsElement, EFCaptionsSegment as EFCaptionsSegmentElement } from '../../../elements/src/index.ts';
 export declare const Captions: import('@lit/react').ReactWebComponent<EFCaptionsElement, {}>;
 export declare const CaptionsActiveWord: import('@lit/react').ReactWebComponent<EFCaptionsActiveWordElement, {}>;
+export declare const CaptionsSegment: import('@lit/react').ReactWebComponent<EFCaptionsSegmentElement, {}>;
+export declare const CaptionsBeforeActiveWord: import('@lit/react').ReactWebComponent<EFCaptionsBeforeActiveWordElement, {}>;
+export declare const CaptionsAfterActiveWord: import('@lit/react').ReactWebComponent<EFCaptionsAfterActiveWordElement, {}>;

package/dist/elements/Captions.js

@@ -1,6 +1,6 @@
-import React from "react";
+import { EFCaptions, EFCaptionsActiveWord, EFCaptionsSegment, EFCaptionsBeforeActiveWord, EFCaptionsAfterActiveWord } from "@editframe/elements";
 import { createComponent } from "@lit/react";
-import { EFCaptions, EFCaptionsActiveWord } from "@editframe/elements";
+import React from "react";
 const Captions = createComponent({
   tagName: "ef-captions",
   elementClass: EFCaptions,
@@ -11,7 +11,25 @@ const CaptionsActiveWord = createComponent({
   elementClass: EFCaptionsActiveWord,
   react: React
 });
+const CaptionsSegment = createComponent({
+  tagName: "ef-captions-segment",
+  elementClass: EFCaptionsSegment,
+  react: React
+});
+const CaptionsBeforeActiveWord = createComponent({
+  tagName: "ef-captions-before-active-word",
+  elementClass: EFCaptionsBeforeActiveWord,
+  react: React
+});
+const CaptionsAfterActiveWord = createComponent({
+  tagName: "ef-captions-after-active-word",
+  elementClass: EFCaptionsAfterActiveWord,
+  react: React
+});
 export {
   Captions,
-  CaptionsActiveWord
+  CaptionsActiveWord,
+  CaptionsAfterActiveWord,
+  CaptionsBeforeActiveWord,
+  CaptionsSegment
 };

package/dist/gui/Scrubber.d.ts

@@ -0,0 +1,2 @@
+import { EFScrubber as EFScrubberElement } from '../../../elements/src/index.ts';
+export declare const Scrubber: import('@lit/react').ReactWebComponent<EFScrubberElement, {}>;

package/dist/gui/Scrubber.js

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

package/dist/index.d.ts

@@ -5,7 +5,7 @@ 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';
+CaptionsActiveWord as EFCaptionsActiveWord, CaptionsActiveWord, CaptionsSegment, CaptionsBeforeActiveWord, CaptionsAfterActiveWord, } 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. */
@@ -27,4 +27,6 @@ export {
 EFPreview, EFPreview as Preview, } from './gui/Preview.ts';
 export { TogglePlay } from './gui/TogglePlay.ts';
 export { ToggleLoop } from './gui/ToggleLoop.ts';
+export { Scrubber } from './gui/Scrubber.ts';
 export { useTimingInfo } from './hooks/useTimingInfo.ts';
+export { TimeDisplay } from './components/TimeDisplay.tsx';

package/dist/index.js

@@ -1,5 +1,5 @@
 import { Audio, Audio as Audio2 } from "./elements/Audio.js";
-import { Captions, CaptionsActiveWord, Captions as Captions2, CaptionsActiveWord as CaptionsActiveWord2 } from "./elements/Captions.js";
+import { Captions, CaptionsActiveWord, CaptionsAfterActiveWord, CaptionsBeforeActiveWord, CaptionsSegment, 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";
@@ -9,11 +9,16 @@ 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 { Scrubber } from "./gui/Scrubber.js";
 import { useTimingInfo } from "./hooks/useTimingInfo.js";
+import { TimeDisplay } from "./components/TimeDisplay.js";
 export {
   Audio,
   Captions,
   CaptionsActiveWord,
+  CaptionsAfterActiveWord,
+  CaptionsBeforeActiveWord,
+  CaptionsSegment,
   Audio2 as EFAudio,
   Captions2 as EFCaptions,
   CaptionsActiveWord2 as EFCaptionsActiveWord,
@@ -27,6 +32,8 @@ export {
   Filmstrip2 as Filmstrip,
   Image2 as Image,
   EFPreview2 as Preview,
+  Scrubber,
+  TimeDisplay,
   Timegroup2 as Timegroup,
   ToggleLoop,
   TogglePlay,

package/package.json

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

package/src/components/TimeDisplay.tsx

@@ -0,0 +1,13 @@
+import { EFTimeDisplay } from "@editframe/elements";
+import { createComponent } from "@lit/react";
+import React from "react";
+
+export const TimeDisplay = createComponent({
+  tagName: "ef-time-display",
+  elementClass: EFTimeDisplay,
+  react: React,
+});
+
+export type TimeDisplayProps = {
+  className?: string;
+};

package/src/elements/Captions.ts

@@ -1,9 +1,12 @@
-import React from "react";
-import { createComponent } from "@lit/react";
 import {
-  EFCaptions as EFCaptionsElement,
   EFCaptionsActiveWord as EFCaptionsActiveWordElement,
+  EFCaptionsAfterActiveWord as EFCaptionsAfterActiveWordElement,
+  EFCaptionsBeforeActiveWord as EFCaptionsBeforeActiveWordElement,
+  EFCaptions as EFCaptionsElement,
+  EFCaptionsSegment as EFCaptionsSegmentElement,
 } from "@editframe/elements";
+import { createComponent } from "@lit/react";
+import React from "react";
 
 export const Captions = createComponent({
   tagName: "ef-captions",
@@ -16,3 +19,21 @@ export const CaptionsActiveWord = createComponent({
   elementClass: EFCaptionsActiveWordElement,
   react: React,
 });
+
+export const CaptionsSegment = createComponent({
+  tagName: "ef-captions-segment",
+  elementClass: EFCaptionsSegmentElement,
+  react: React,
+});
+
+export const CaptionsBeforeActiveWord = createComponent({
+  tagName: "ef-captions-before-active-word",
+  elementClass: EFCaptionsBeforeActiveWordElement,
+  react: React,
+});
+
+export const CaptionsAfterActiveWord = createComponent({
+  tagName: "ef-captions-after-active-word",
+  elementClass: EFCaptionsAfterActiveWordElement,
+  react: React,
+});

package/src/gui/Scrubber.ts

@@ -0,0 +1,9 @@
+import { EFScrubber as EFScrubberElement } from "@editframe/elements";
+import { createComponent } from "@lit/react";
+import React from "react";
+
+export const Scrubber = createComponent({
+  tagName: "ef-scrubber",
+  elementClass: EFScrubberElement,
+  react: React,
+});