@editframe/elements 0.34.11-beta → 0.36.0-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/elements/EFAudio.d.ts +2 -2
  2. package/dist/elements/EFImage.js +11 -2
  3. package/dist/elements/EFImage.js.map +1 -1
  4. package/dist/elements/EFTemporal.js +1 -0
  5. package/dist/elements/EFTemporal.js.map +1 -1
  6. package/dist/elements/EFText.d.ts +4 -4
  7. package/dist/elements/EFTextSegment.d.ts +4 -4
  8. package/dist/elements/EFTimegroup.d.ts +40 -6
  9. package/dist/elements/EFTimegroup.js +127 -8
  10. package/dist/elements/EFTimegroup.js.map +1 -1
  11. package/dist/elements/EFVideo.d.ts +4 -4
  12. package/dist/elements/EFWaveform.d.ts +4 -4
  13. package/dist/elements/updateAnimations.js +38 -15
  14. package/dist/elements/updateAnimations.js.map +1 -1
  15. package/dist/gui/EFConfiguration.d.ts +4 -4
  16. package/dist/gui/EFFilmstrip.d.ts +2 -2
  17. package/dist/gui/EFPause.d.ts +4 -4
  18. package/dist/gui/EFPlay.d.ts +4 -4
  19. package/dist/gui/EFPreview.d.ts +4 -4
  20. package/dist/gui/EFToggleLoop.d.ts +4 -4
  21. package/dist/gui/EFTogglePlay.d.ts +4 -4
  22. package/dist/gui/EFWorkbench.d.ts +4 -4
  23. package/dist/gui/EFWorkbench.js +10 -12
  24. package/dist/gui/EFWorkbench.js.map +1 -1
  25. package/dist/gui/TWMixin.js +1 -1
  26. package/dist/gui/TWMixin.js.map +1 -1
  27. package/dist/gui/hierarchy/EFHierarchy.d.ts +4 -4
  28. package/dist/gui/hierarchy/EFHierarchyItem.d.ts +2 -2
  29. package/dist/gui/tree/EFTree.d.ts +4 -4
  30. package/dist/gui/tree/EFTreeItem.d.ts +4 -4
  31. package/dist/preview/FrameController.js +6 -1
  32. package/dist/preview/FrameController.js.map +1 -1
  33. package/dist/preview/encoding/canvasEncoder.js.map +1 -1
  34. package/dist/preview/encoding/mainThreadEncoder.js +3 -0
  35. package/dist/preview/encoding/mainThreadEncoder.js.map +1 -1
  36. package/dist/preview/renderTimegroupPreview.js +57 -55
  37. package/dist/preview/renderTimegroupPreview.js.map +1 -1
  38. package/dist/preview/renderTimegroupToCanvas.js +22 -23
  39. package/dist/preview/renderTimegroupToCanvas.js.map +1 -1
  40. package/dist/preview/renderTimegroupToVideo.d.ts +2 -1
  41. package/dist/preview/renderTimegroupToVideo.js +77 -40
  42. package/dist/preview/renderTimegroupToVideo.js.map +1 -1
  43. package/dist/preview/rendering/renderToImage.d.ts +1 -0
  44. package/dist/preview/rendering/renderToImage.js +1 -26
  45. package/dist/preview/rendering/renderToImage.js.map +1 -1
  46. package/dist/preview/rendering/renderToImageForeignObject.js +34 -6
  47. package/dist/preview/rendering/renderToImageForeignObject.js.map +1 -1
  48. package/dist/preview/rendering/serializeTimelineDirect.js +379 -0
  49. package/dist/preview/rendering/serializeTimelineDirect.js.map +1 -0
  50. package/dist/render/EFRenderAPI.js +45 -0
  51. package/dist/render/EFRenderAPI.js.map +1 -1
  52. package/dist/style.css +12 -0
  53. package/package.json +2 -2
@@ -1,7 +1,6 @@
1
1
  import { __decorate } from "../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
2
2
  import { ContextMixin } from "./ContextMixin.js";
3
3
  import { TWMixin } from "./TWMixin2.js";
4
- import { renderTimegroupPreview } from "../preview/renderTimegroupPreview.js";
5
4
  import { getPreviewPresentationMode, getPreviewResolutionScale, getRenderMode, getShowStats, isNativeCanvasApiAvailable, setPreviewPresentationMode, setPreviewResolutionScale, setRenderMode, setShowStats } from "../preview/previewSettings.js";
6
5
  import { renderTimegroupToCanvas } from "../preview/renderTimegroupToCanvas.js";
7
6
  import { RenderCancelledError, renderTimegroupToVideo } from "../preview/renderTimegroupToVideo.js";
@@ -1825,19 +1824,18 @@ let EFWorkbench = class EFWorkbench$1 extends ContextMixin(TWMixin(LitElement))
1825
1824
  </div>
1826
1825
 
1827
1826
  ${isRendering && p !== null ? html`
1828
- ${p.framePreviewUrl ? html`
1827
+ ${p.framePreviewCanvas ? html`
1829
1828
  <div style="margin-bottom: 10px; display: flex; justify-content: center;">
1830
- <img
1831
- src=${p.framePreviewUrl}
1832
- alt="Current frame"
1833
- style="
1834
- border-radius: 4px;
1835
- border: 1px solid rgba(148, 163, 184, 0.2);
1836
- max-width: 100%;
1837
- height: auto;
1838
- "
1839
- />
1829
+ ${p.framePreviewCanvas}
1840
1830
  </div>
1831
+ <style>
1832
+ ef-workbench canvas {
1833
+ border-radius: 4px;
1834
+ border: 1px solid rgba(148, 163, 184, 0.2);
1835
+ max-width: 100%;
1836
+ height: auto;
1837
+ }
1838
+ </style>
1841
1839
  ` : null}
1842
1840
 
1843
1841
  <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin-bottom: 10px; font-family: ui-monospace, monospace; font-size: 10px;">