@editframe/elements 0.36.0-beta → 0.36.1-beta

package/dist/gui/hierarchy/EFHierarchy.d.ts

@@ -1,12 +1,12 @@
 import { SelectionContext } from "../../canvas/selection/selectionContext.js";
-import * as lit10 from "lit";
+import * as lit4 from "lit";
 import { LitElement, PropertyValues } from "lit";
-import * as lit_html11 from "lit-html";
+import * as lit_html3 from "lit-html";
 
 //#region src/gui/hierarchy/EFHierarchy.d.ts
 declare const EFHierarchy_base: typeof LitElement;
 declare class EFHierarchy extends EFHierarchy_base {
-  static styles: lit10.CSSResult[];
+  static styles: lit4.CSSResult[];
   target: string;
   header: string;
   showHeader: boolean;
@@ -53,7 +53,7 @@ declare class EFHierarchy extends EFHierarchy_base {
   private autoSelectFirstRootTimegroup;
   private setupSelectionListener;
   private removeSelectionListener;
-  render(): lit_html11.TemplateResult<1>;
+  render(): lit_html3.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/hierarchy/EFHierarchyItem.d.ts

@@ -4,13 +4,13 @@ import { EFAudio } from "../../elements/EFAudio.js";
 import { EFTimegroup } from "../../elements/EFTimegroup.js";
 import { EFImage } from "../../elements/EFImage.js";
 import { HierarchyContext } from "./hierarchyContext.js";
-import * as lit11 from "lit";
+import * as lit13 from "lit";
 import { LitElement, PropertyValues, TemplateResult, nothing } from "lit";
 
 //#region src/gui/hierarchy/EFHierarchyItem.d.ts
 declare const EFHierarchyItem_base: typeof LitElement;
 declare class EFHierarchyItem<ElementType extends HTMLElement = HTMLElement> extends EFHierarchyItem_base {
-  static styles: lit11.CSSResult[];
+  static styles: lit13.CSSResult[];
   hierarchyContext?: HierarchyContext;
   canvasSelectionContext?: SelectionContext;
   element: ElementType;

package/dist/gui/timeline/tracks/ImageTrack.d.ts

@@ -1,10 +1,10 @@
 import { TrackItem } from "./TrackItem.js";
 import { nothing } from "lit";
-import * as lit_html37 from "lit-html";
+import * as lit_html39 from "lit-html";
 
 //#region src/gui/timeline/tracks/ImageTrack.d.ts
 declare class EFImageTrack extends TrackItem {
-  contents(): lit_html37.TemplateResult<1> | typeof nothing;
+  contents(): lit_html39.TemplateResult<1> | typeof nothing;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/timeline/tracks/TimegroupTrack.d.ts

@@ -1,12 +1,12 @@
 import { TrackItem } from "./TrackItem.js";
 import "../../../elements/EFThumbnailStrip.js";
-import * as lit40 from "lit";
+import * as lit38 from "lit";
 import { nothing } from "lit";
-import * as lit_html38 from "lit-html";
+import * as lit_html35 from "lit-html";
 
 //#region src/gui/timeline/tracks/TimegroupTrack.d.ts
 declare class EFTimegroupTrack extends TrackItem {
-  static styles: lit40.CSSResult[];
+  static styles: lit38.CSSResult[];
   /**
    * When true, children are not rendered (used in unified row architecture
    * where children get their own rows).
@@ -33,11 +33,11 @@ declare class EFTimegroupTrack extends TrackItem {
     minWidth: string;
     left: string;
   };
-  contents(): lit_html38.TemplateResult<1> | typeof nothing;
+  contents(): lit_html35.TemplateResult<1> | typeof nothing;
   /**
    * Override render to use taller height for filmstrip rows
    */
-  render(): lit_html38.TemplateResult<1>;
+  render(): lit_html35.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/timeline/tracks/VideoTrack.d.ts

@@ -1,13 +1,13 @@
 import { TrackItem } from "./TrackItem.js";
 import "../../../elements/EFThumbnailStrip.js";
-import * as lit39 from "lit";
-import * as lit_html36 from "lit-html";
+import * as lit40 from "lit";
+import * as lit_html38 from "lit-html";
 import * as lit_html_directives_ref_js5 from "lit-html/directives/ref.js";
 
 //#region src/gui/timeline/tracks/VideoTrack.d.ts
 declare class EFVideoTrack extends TrackItem {
   #private;
-  static styles: lit39.CSSResult[];
+  static styles: lit40.CSSResult[];
   audioCanvasRef: lit_html_directives_ref_js5.Ref<HTMLCanvasElement>;
   private _timelineState?;
   private _waveformData;
@@ -15,7 +15,7 @@ declare class EFVideoTrack extends TrackItem {
   connectedCallback(): void;
   disconnectedCallback(): void;
   updated(changedProperties: Map<string | number | symbol, unknown>): void;
-  render(): lit_html36.TemplateResult<1>;
+  render(): lit_html38.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/tree/EFTree.d.ts

@@ -1,8 +1,8 @@
 import { TreeItem } from "./treeContext.js";
 import "./EFTreeItem.js";
-import * as lit12 from "lit";
+import * as lit14 from "lit";
 import { LitElement, PropertyValues } from "lit";
-import * as lit_html12 from "lit-html";
+import * as lit_html14 from "lit-html";
 
 //#region src/gui/tree/EFTree.d.ts
 
@@ -29,7 +29,7 @@ import * as lit_html12 from "lit-html";
  * ```
  */
 declare class EFTree extends LitElement {
-  static styles: lit12.CSSResult;
+  static styles: lit14.CSSResult;
   /** Tree items to display */
   items: TreeItem[];
   /** Optional header text */
@@ -48,7 +48,7 @@ declare class EFTree extends LitElement {
   protected willUpdate(changedProperties: PropertyValues): void;
   protected updated(changedProperties: PropertyValues): void;
   connectedCallback(): void;
-  render(): lit_html12.TemplateResult<1>;
+  render(): lit_html14.TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/tree/EFTreeItem.d.ts

@@ -1,7 +1,7 @@
 import { TreeContext, TreeItem } from "./treeContext.js";
-import * as lit13 from "lit";
+import * as lit15 from "lit";
 import { LitElement, nothing } from "lit";
-import * as lit_html13 from "lit-html";
+import * as lit_html15 from "lit-html";
 
 //#region src/gui/tree/EFTreeItem.d.ts
 
@@ -17,7 +17,7 @@ import * as lit_html13 from "lit-html";
  * @fires tree-item-click - When item is clicked (for selection)
  */
 declare class EFTreeItem extends LitElement {
-  static styles: lit13.CSSResult;
+  static styles: lit15.CSSResult;
   treeContext?: TreeContext;
   item: TreeItem;
   private localExpanded;
@@ -26,7 +26,7 @@ declare class EFTreeItem extends LitElement {
   get hasChildren(): boolean;
   private handleClick;
   private handleExpandClick;
-  render(): lit_html13.TemplateResult<1> | typeof nothing;
+  render(): lit_html15.TemplateResult<1> | typeof nothing;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/style.css

@@ -777,3 +777,36 @@ video {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+
+/* Caption element styles - default behavior is block container with inline text flow */
+ef-captions {
+  display: block;
+  white-space: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  line-height: inherit;
+}
+
+/* Child elements are transparent to layout - text flows as if they don't exist */
+ef-captions-segment,
+ef-captions-before-active-word,
+ef-captions-active-word,
+ef-captions-after-active-word {
+  display: inline;
+  white-space: normal;
+  word-wrap: inherit;
+  overflow-wrap: inherit;
+  line-height: inherit;
+  /* Remove any default spacing that might interfere with text flow */
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+/* Hidden state */
+ef-captions-segment[hidden],
+ef-captions-before-active-word[hidden],
+ef-captions-active-word[hidden],
+ef-captions-after-active-word[hidden] {
+  display: none;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.36.0-beta",
+  "version": "0.36.1-beta",
   "description": "",
   "type": "module",
   "scripts": {
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@bramus/style-observer": "^1.3.0",
-    "@editframe/assets": "0.36.0-beta",
+    "@editframe/assets": "0.36.1-beta",
     "@lit/context": "^1.1.6",
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/context-zone": "^1.26.0",