@editframe/elements 0.24.1-beta.0 → 0.25.0-beta.0

package/dist/gui/EFFilmstrip.d.ts

@@ -1,204 +1,210 @@
-import { LitElement, nothing, PropertyValueMap, ReactiveController, TemplateResult } from 'lit';
-import { EFAudio } from '../elements/EFAudio.js';
-import { Caption } from '../elements/EFCaptions.js';
-import { EFImage } from '../elements/EFImage.js';
-import { TemporalMixinInterface } from '../elements/EFTemporal.js';
-import { EFTimegroup } from '../elements/EFTimegroup.js';
-import { EFVideo } from '../elements/EFVideo.js';
-import { TimegroupController } from '../elements/TimegroupController.js';
-import { FocusContext } from './focusContext.js';
+import { TemporalMixinInterface } from "../elements/EFTemporal.js";
+import { EFTimegroup } from "../elements/EFTimegroup.js";
+import { EFImage } from "../elements/EFImage.js";
+import { EFAudio } from "../elements/EFAudio.js";
+import { EFVideo } from "../elements/EFVideo.js";
+import { Caption } from "../elements/EFCaptions.js";
+import { TimegroupController } from "../elements/TimegroupController.js";
+import { FocusContext } from "./focusContext.js";
+import * as lit12 from "lit";
+import { LitElement, PropertyValueMap, ReactiveController, TemplateResult, nothing } from "lit";
+import * as lit_html_directives_ref0 from "lit-html/directives/ref";
+
+//#region src/gui/EFFilmstrip.d.ts
 declare class ElementFilmstripController implements ReactiveController {
-    private host;
-    private filmstrip;
-    constructor(host: LitElement, filmstrip: FilmstripItem);
-    remove(): void;
-    hostDisconnected(): void;
-    hostUpdated(): void;
+  private host;
+  private filmstrip;
+  constructor(host: LitElement, filmstrip: FilmstripItem);
+  remove(): void;
+  hostDisconnected(): void;
+  hostUpdated(): void;
 }
 declare const FilmstripItem_base: typeof LitElement;
 declare class FilmstripItem extends FilmstripItem_base {
-    static styles: import('lit').CSSResult[];
-    focusContext?: FocusContext;
-    focusedElement?: HTMLElement | null;
-    get isFocused(): boolean;
-    element: TemporalMixinInterface & LitElement;
-    pixelsPerMs: number;
-    get gutterStyles(): {
-        position: string;
-        left: string;
-        width: string;
-    };
-    get trimPortionStyles(): {
-        width: string;
-        left: string;
-    };
-    render(): TemplateResult<1>;
-    renderChildren(): Array<TemplateResult<1> | typeof nothing> | typeof nothing;
-    hideSelectors?: string[];
-    showSelectors?: string[];
-    contents(): TemplateResult<1>;
-    animations(): (TemplateResult<1> | typeof nothing)[];
-    protected filmstripController?: ElementFilmstripController;
-    update(changedProperties: Map<string | number | symbol, unknown>): void;
-}
-export declare class EFAudioFilmstrip extends FilmstripItem {
-    contents(): TemplateResult<1>;
-}
-export declare class EFVideoFilmstrip extends FilmstripItem {
-    contents(): TemplateResult<1>;
-}
-export declare class EFCaptionsFilmstrip extends FilmstripItem {
-    render(): TemplateResult<1>;
-    renderCaptionsData(captionsData: Caption | null | undefined): TemplateResult<1>;
-    renderChildren(): Array<TemplateResult<1> | typeof nothing> | typeof nothing;
-}
-export declare class EFCaptionsActiveWordFilmstrip extends FilmstripItem {
-    get captionsTrackStyles(): {
-        position: string;
-        left: string;
-        width: string;
-    };
-    render(): TemplateResult<1>;
-}
-export declare class EFCaptionsSegmentFilmstrip extends FilmstripItem {
-    get captionsTrackStyles(): {
-        position: string;
-        left: string;
-        width: string;
-    };
-    render(): TemplateResult<1>;
-}
-export declare class EFCaptionsBeforeWordFilmstrip extends FilmstripItem {
-    get captionsTrackStyles(): {
-        position: string;
-        left: string;
-        width: string;
-    };
-    render(): TemplateResult<1>;
-}
-export declare class EFCaptionsAfterWordFilmstrip extends FilmstripItem {
-    get captionsTrackStyles(): {
-        position: string;
-        left: string;
-        width: string;
-    };
-    render(): TemplateResult<1>;
-}
-export declare class EFWaveformFilmstrip extends FilmstripItem {
-    contents(): TemplateResult<1>;
-    renderChildren(): typeof nothing;
-}
-export declare class EFImageFilmstrip extends FilmstripItem {
-    contents(): TemplateResult<1>;
-}
-export declare class EFTimegroupFilmstrip extends FilmstripItem {
-    contents(): TemplateResult<1>;
-}
-export declare class EFHTMLFilmstrip extends FilmstripItem {
-    contents(): TemplateResult<1>;
+  static styles: lit12.CSSResult[];
+  focusContext?: FocusContext;
+  focusedElement?: HTMLElement | null;
+  get isFocused(): boolean;
+  element: TemporalMixinInterface & LitElement;
+  pixelsPerMs: number;
+  get gutterStyles(): {
+    position: string;
+    left: string;
+    width: string;
+  };
+  get trimPortionStyles(): {
+    width: string;
+    left: string;
+  };
+  render(): TemplateResult<1>;
+  renderChildren(): Array<TemplateResult<1> | typeof nothing> | typeof nothing;
+  hideSelectors?: string[];
+  showSelectors?: string[];
+  contents(): TemplateResult<1>;
+  animations(): (TemplateResult<1> | typeof nothing)[];
+  protected filmstripController?: ElementFilmstripController;
+  update(changedProperties: Map<string | number | symbol, unknown>): void;
+}
+declare class EFAudioFilmstrip extends FilmstripItem {
+  contents(): TemplateResult<1>;
+}
+declare class EFVideoFilmstrip extends FilmstripItem {
+  contents(): TemplateResult<1>;
+}
+declare class EFCaptionsFilmstrip extends FilmstripItem {
+  render(): TemplateResult<1>;
+  renderCaptionsData(captionsData: Caption | null | undefined): TemplateResult<1>;
+  renderChildren(): Array<TemplateResult<1> | typeof nothing> | typeof nothing;
+}
+declare class EFCaptionsActiveWordFilmstrip extends FilmstripItem {
+  get captionsTrackStyles(): {
+    position: string;
+    left: string;
+    width: string;
+  };
+  render(): TemplateResult<1>;
+}
+declare class EFCaptionsSegmentFilmstrip extends FilmstripItem {
+  get captionsTrackStyles(): {
+    position: string;
+    left: string;
+    width: string;
+  };
+  render(): TemplateResult<1>;
+}
+declare class EFCaptionsBeforeWordFilmstrip extends FilmstripItem {
+  get captionsTrackStyles(): {
+    position: string;
+    left: string;
+    width: string;
+  };
+  render(): TemplateResult<1>;
+}
+declare class EFCaptionsAfterWordFilmstrip extends FilmstripItem {
+  get captionsTrackStyles(): {
+    position: string;
+    left: string;
+    width: string;
+  };
+  render(): TemplateResult<1>;
+}
+declare class EFWaveformFilmstrip extends FilmstripItem {
+  contents(): TemplateResult<1>;
+  renderChildren(): typeof nothing;
+}
+declare class EFImageFilmstrip extends FilmstripItem {
+  contents(): TemplateResult<1>;
+}
+declare class EFTimegroupFilmstrip extends FilmstripItem {
+  contents(): TemplateResult<1>;
+}
+declare class EFHTMLFilmstrip extends FilmstripItem {
+  contents(): TemplateResult<1>;
 }
 declare const EFHierarchyItem_base: typeof LitElement;
 declare class EFHierarchyItem<ElementType extends HTMLElement = HTMLElement> extends EFHierarchyItem_base {
-    element: ElementType;
-    focusContext?: FocusContext;
-    focusedElement?: HTMLElement | null;
-    hideSelectors?: string[];
-    showSelectors?: string[];
-    get icon(): TemplateResult<1> | string;
-    get isFocused(): boolean;
-    displayLabel(): TemplateResult<1> | string | typeof nothing;
-    render(): TemplateResult<1>;
-    renderChildren(): Array<TemplateResult<1> | typeof nothing> | typeof nothing;
+  element: ElementType;
+  focusContext?: FocusContext;
+  focusedElement?: HTMLElement | null;
+  hideSelectors?: string[];
+  showSelectors?: string[];
+  get icon(): TemplateResult<1> | string;
+  get isFocused(): boolean;
+  displayLabel(): TemplateResult<1> | string | typeof nothing;
+  render(): TemplateResult<1>;
+  renderChildren(): Array<TemplateResult<1> | typeof nothing> | typeof nothing;
 }
 declare class EFTimegroupHierarchyItem extends EFHierarchyItem<EFTimegroup> {
-    get icon(): string;
-    displayLabel(): string | TemplateResult<1> | typeof nothing;
+  get icon(): string;
+  displayLabel(): string | TemplateResult<1> | typeof nothing;
 }
 declare class EFAudioHierarchyItem extends EFHierarchyItem<EFAudio> {
-    get icon(): string;
-    displayLabel(): string;
+  get icon(): string;
+  displayLabel(): string;
 }
 declare class EFVideoHierarchyItem extends EFHierarchyItem<EFVideo> {
-    get icon(): string;
-    displayLabel(): string;
+  get icon(): string;
+  displayLabel(): string;
 }
 declare class EFCaptionsHierarchyItem extends EFHierarchyItem {
-    get icon(): string;
+  get icon(): string;
 }
 declare class EFCaptionsActiveWordHierarchyItem extends EFHierarchyItem {
-    get icon(): string;
+  get icon(): string;
 }
 declare class EFWaveformHierarchyItem extends EFHierarchyItem {
-    get icon(): string;
-    renderChildren(): typeof nothing;
+  get icon(): string;
+  renderChildren(): typeof nothing;
 }
 declare class EFImageHierarchyItem extends EFHierarchyItem<EFImage> {
-    get icon(): string;
-    displayLabel(): string;
+  get icon(): string;
+  displayLabel(): string;
 }
 declare class EFHTMLHierarchyItem extends EFHierarchyItem {
-    get icon(): TemplateResult<1>;
+  get icon(): TemplateResult<1>;
 }
 declare const EFFilmstrip_base: typeof LitElement;
-export declare class EFFilmstrip extends EFFilmstrip_base {
-    #private;
-    static styles: import('lit').CSSResult[];
-    pixelsPerMs: number;
-    hide: string;
-    show: string;
-    get hideSelectors(): string[] | undefined;
-    get showSelectors(): string[] | undefined;
-    scrubbing: boolean;
-    timelineScrolltop: number;
-    playing?: boolean;
-    loop?: boolean;
-    timegroupController?: TimegroupController;
-    currentTimeMs: number;
-    autoScale: boolean;
-    private resizeObserver;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updatePixelsPerMs(): void;
-    syncGutterScroll(): void;
-    syncHierarchyScroll(): void;
-    scrub(e: MouseEvent): void;
-    startScrub(e: MouseEvent): void;
-    applyScrub(e: MouseEvent): void;
-    scrollScrub(e: WheelEvent): void;
-    gutterRef: import('lit-html/directives/ref').Ref<HTMLDivElement>;
-    hierarchyRef: import('lit-html/directives/ref').Ref<HTMLDivElement>;
-    playheadRef: import('lit-html/directives/ref').Ref<HTMLDivElement>;
-    get gutter(): HTMLDivElement | undefined;
-    render(): TemplateResult<1>;
-    updated(changes: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    target: string;
-    targetElement: Element | null;
-    private _contextProvidedTemporal?;
-    get targetTemporal(): TemporalMixinInterface | null;
-    protected willUpdate(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+declare class EFFilmstrip extends EFFilmstrip_base {
+  #private;
+  static styles: lit12.CSSResult[];
+  pixelsPerMs: number;
+  hide: string;
+  show: string;
+  get hideSelectors(): string[] | undefined;
+  get showSelectors(): string[] | undefined;
+  scrubbing: boolean;
+  timelineScrolltop: number;
+  playing?: boolean;
+  loop?: boolean;
+  timegroupController?: TimegroupController;
+  currentTimeMs: number;
+  autoScale: boolean;
+  private resizeObserver;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  updatePixelsPerMs(): void;
+  syncGutterScroll(): void;
+  syncHierarchyScroll(): void;
+  scrub(e: MouseEvent): void;
+  startScrub(e: MouseEvent): void;
+  applyScrub(e: MouseEvent): void;
+  scrollScrub(e: WheelEvent): void;
+  gutterRef: lit_html_directives_ref0.Ref<HTMLDivElement>;
+  hierarchyRef: lit_html_directives_ref0.Ref<HTMLDivElement>;
+  playheadRef: lit_html_directives_ref0.Ref<HTMLDivElement>;
+  get gutter(): HTMLDivElement | undefined;
+  render(): TemplateResult<1>;
+  updated(changes: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+  target: string;
+  targetElement: Element | null;
+  private _contextProvidedTemporal?;
+  get targetTemporal(): TemporalMixinInterface | null;
+  protected willUpdate(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        "ef-filmstrip": EFFilmstrip;
-        "ef-timegroup-hierarchy-item": EFTimegroupHierarchyItem;
-        "ef-audio-hierarchy-item": EFAudioHierarchyItem;
-        "ef-video-hierarchy-item": EFVideoHierarchyItem;
-        "ef-captions-hierarchy-item": EFCaptionsHierarchyItem;
-        "ef-captions-active-word-hierarchy-item": EFCaptionsActiveWordHierarchyItem;
-        "ef-waveform-hierarchy-item": EFWaveformHierarchyItem;
-        "ef-image-hierarchy-item": EFImageHierarchyItem;
-        "ef-html-hierarchy-item": EFHTMLHierarchyItem;
-        "ef-timegroup-filmstrip": EFTimegroupFilmstrip;
-        "ef-audio-filmstrip": EFAudioFilmstrip;
-        "ef-video-filmstrip": EFVideoFilmstrip;
-        "ef-captions-filmstrip": EFCaptionsFilmstrip;
-        "ef-captions-active-word-filmstrip": EFCaptionsActiveWordFilmstrip;
-        "ef-captions-segment-filmstrip": EFCaptionsSegmentFilmstrip;
-        "ef-captions-before-word-filmstrip": EFCaptionsBeforeWordFilmstrip;
-        "ef-captions-after-word-filmstrip": EFCaptionsAfterWordFilmstrip;
-        "ef-waveform-filmstrip": EFWaveformFilmstrip;
-        "ef-image-filmstrip": EFImageFilmstrip;
-        "ef-html-filmstrip": EFHTMLFilmstrip;
-    }
-}
-export {};
+  interface HTMLElementTagNameMap {
+    "ef-filmstrip": EFFilmstrip;
+    "ef-timegroup-hierarchy-item": EFTimegroupHierarchyItem;
+    "ef-audio-hierarchy-item": EFAudioHierarchyItem;
+    "ef-video-hierarchy-item": EFVideoHierarchyItem;
+    "ef-captions-hierarchy-item": EFCaptionsHierarchyItem;
+    "ef-captions-active-word-hierarchy-item": EFCaptionsActiveWordHierarchyItem;
+    "ef-waveform-hierarchy-item": EFWaveformHierarchyItem;
+    "ef-image-hierarchy-item": EFImageHierarchyItem;
+    "ef-html-hierarchy-item": EFHTMLHierarchyItem;
+    "ef-timegroup-filmstrip": EFTimegroupFilmstrip;
+    "ef-audio-filmstrip": EFAudioFilmstrip;
+    "ef-video-filmstrip": EFVideoFilmstrip;
+    "ef-captions-filmstrip": EFCaptionsFilmstrip;
+    "ef-captions-active-word-filmstrip": EFCaptionsActiveWordFilmstrip;
+    "ef-captions-segment-filmstrip": EFCaptionsSegmentFilmstrip;
+    "ef-captions-before-word-filmstrip": EFCaptionsBeforeWordFilmstrip;
+    "ef-captions-after-word-filmstrip": EFCaptionsAfterWordFilmstrip;
+    "ef-waveform-filmstrip": EFWaveformFilmstrip;
+    "ef-image-filmstrip": EFImageFilmstrip;
+    "ef-html-filmstrip": EFHTMLFilmstrip;
+  }
+}
+//#endregion
+export { EFFilmstrip };
+//# sourceMappingURL=EFFilmstrip.d.ts.map

package/dist/gui/EFFilmstrip.js

@@ -19,6 +19,8 @@ import { LitElement, css, html, nothing } from "lit";
 import { customElement, eventOptions, property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/gui/EFFilmstrip.ts
 var ElementFilmstripController = class {
 	constructor(host, filmstrip) {
 		this.host = host;
@@ -35,7 +37,7 @@ var ElementFilmstripController = class {
 		this.filmstrip.requestUpdate();
 	}
 };
-var CommonEffectKeys = new Set([
+const CommonEffectKeys = new Set([
 	"offset",
 	"easing",
 	"composite",
@@ -157,19 +159,19 @@ __decorate([property({
 	type: Array,
 	attribute: false
 })], FilmstripItem.prototype, "showSelectors", void 0);
-var EFAudioFilmstrip = class EFAudioFilmstrip$1 extends FilmstripItem {
+let EFAudioFilmstrip = class EFAudioFilmstrip$1 extends FilmstripItem {
 	contents() {
 		return html``;
 	}
 };
 EFAudioFilmstrip = __decorate([customElement("ef-audio-filmstrip")], EFAudioFilmstrip);
-var EFVideoFilmstrip = class EFVideoFilmstrip$1 extends FilmstripItem {
+let EFVideoFilmstrip = class EFVideoFilmstrip$1 extends FilmstripItem {
 	contents() {
 		return html` 📼 `;
 	}
 };
 EFVideoFilmstrip = __decorate([customElement("ef-video-filmstrip")], EFVideoFilmstrip);
-var EFCaptionsFilmstrip = class EFCaptionsFilmstrip$1 extends FilmstripItem {
+let EFCaptionsFilmstrip = class EFCaptionsFilmstrip$1 extends FilmstripItem {
 	render() {
 		const captionsData = this.element.unifiedCaptionsDataTask.value;
 		return html`<div style=${styleMap(this.gutterStyles)}>
@@ -219,7 +221,7 @@ var EFCaptionsFilmstrip = class EFCaptionsFilmstrip$1 extends FilmstripItem {
 	}
 };
 EFCaptionsFilmstrip = __decorate([customElement("ef-captions-filmstrip")], EFCaptionsFilmstrip);
-var EFCaptionsActiveWordFilmstrip = class EFCaptionsActiveWordFilmstrip$1 extends FilmstripItem {
+let EFCaptionsActiveWordFilmstrip = class EFCaptionsActiveWordFilmstrip$1 extends FilmstripItem {
 	get captionsTrackStyles() {
 		const parentCaptions = this.element.closest("ef-captions");
 		return {
@@ -259,7 +261,7 @@ var EFCaptionsActiveWordFilmstrip = class EFCaptionsActiveWordFilmstrip$1 extend
 	}
 };
 EFCaptionsActiveWordFilmstrip = __decorate([customElement("ef-captions-active-word-filmstrip")], EFCaptionsActiveWordFilmstrip);
-var EFCaptionsSegmentFilmstrip = class EFCaptionsSegmentFilmstrip$1 extends FilmstripItem {
+let EFCaptionsSegmentFilmstrip = class EFCaptionsSegmentFilmstrip$1 extends FilmstripItem {
 	get captionsTrackStyles() {
 		const parentCaptions = this.element.closest("ef-captions");
 		return {
@@ -299,7 +301,7 @@ var EFCaptionsSegmentFilmstrip = class EFCaptionsSegmentFilmstrip$1 extends Film
 	}
 };
 EFCaptionsSegmentFilmstrip = __decorate([customElement("ef-captions-segment-filmstrip")], EFCaptionsSegmentFilmstrip);
-var EFCaptionsBeforeWordFilmstrip = class EFCaptionsBeforeWordFilmstrip$1 extends FilmstripItem {
+let EFCaptionsBeforeWordFilmstrip = class EFCaptionsBeforeWordFilmstrip$1 extends FilmstripItem {
 	get captionsTrackStyles() {
 		const parentCaptions = this.element.closest("ef-captions");
 		return {
@@ -338,7 +340,7 @@ var EFCaptionsBeforeWordFilmstrip = class EFCaptionsBeforeWordFilmstrip$1 extend
 	}
 };
 EFCaptionsBeforeWordFilmstrip = __decorate([customElement("ef-captions-before-word-filmstrip")], EFCaptionsBeforeWordFilmstrip);
-var EFCaptionsAfterWordFilmstrip = class EFCaptionsAfterWordFilmstrip$1 extends FilmstripItem {
+let EFCaptionsAfterWordFilmstrip = class EFCaptionsAfterWordFilmstrip$1 extends FilmstripItem {
 	get captionsTrackStyles() {
 		const parentCaptions = this.element.closest("ef-captions");
 		return {
@@ -377,7 +379,7 @@ var EFCaptionsAfterWordFilmstrip = class EFCaptionsAfterWordFilmstrip$1 extends
 	}
 };
 EFCaptionsAfterWordFilmstrip = __decorate([customElement("ef-captions-after-word-filmstrip")], EFCaptionsAfterWordFilmstrip);
-var EFWaveformFilmstrip = class EFWaveformFilmstrip$1 extends FilmstripItem {
+let EFWaveformFilmstrip = class EFWaveformFilmstrip$1 extends FilmstripItem {
 	contents() {
 		return html` 🌊 `;
 	}
@@ -386,13 +388,13 @@ var EFWaveformFilmstrip = class EFWaveformFilmstrip$1 extends FilmstripItem {
 	}
 };
 EFWaveformFilmstrip = __decorate([customElement("ef-waveform-filmstrip")], EFWaveformFilmstrip);
-var EFImageFilmstrip = class EFImageFilmstrip$1 extends FilmstripItem {
+let EFImageFilmstrip = class EFImageFilmstrip$1 extends FilmstripItem {
 	contents() {
 		return html` 🖼️ `;
 	}
 };
 EFImageFilmstrip = __decorate([customElement("ef-image-filmstrip")], EFImageFilmstrip);
-var EFTimegroupFilmstrip = class EFTimegroupFilmstrip$1 extends FilmstripItem {
+let EFTimegroupFilmstrip = class EFTimegroupFilmstrip$1 extends FilmstripItem {
 	contents() {
 		return html`
       <span>TIME GROUP</span>
@@ -402,7 +404,7 @@ var EFTimegroupFilmstrip = class EFTimegroupFilmstrip$1 extends FilmstripItem {
 	}
 };
 EFTimegroupFilmstrip = __decorate([customElement("ef-timegroup-filmstrip")], EFTimegroupFilmstrip);
-var EFHTMLFilmstrip = class EFHTMLFilmstrip$1 extends FilmstripItem {
+let EFHTMLFilmstrip = class EFHTMLFilmstrip$1 extends FilmstripItem {
 	contents() {
 		return html`
       <span>${this.element.tagName}</span>
@@ -411,7 +413,7 @@ var EFHTMLFilmstrip = class EFHTMLFilmstrip$1 extends FilmstripItem {
 	}
 };
 EFHTMLFilmstrip = __decorate([customElement("ef-html-filmstrip")], EFHTMLFilmstrip);
-var EFHierarchyItem = class EFHierarchyItem$1 extends TWMixin(LitElement) {
+let EFHierarchyItem = class EFHierarchyItem$1 extends TWMixin(LitElement) {
 	constructor(..._args2) {
 		super(..._args2);
 		this.element = new EFTimegroup();
@@ -471,7 +473,7 @@ __decorate([property({
 	attribute: false
 })], EFHierarchyItem.prototype, "showSelectors", void 0);
 EFHierarchyItem = __decorate([customElement("ef-hierarchy-item")], EFHierarchyItem);
-var EFTimegroupHierarchyItem = class EFTimegroupHierarchyItem$1 extends EFHierarchyItem {
+let EFTimegroupHierarchyItem = class EFTimegroupHierarchyItem$1 extends EFHierarchyItem {
 	get icon() {
 		return "🕒";
 	}
@@ -480,7 +482,7 @@ var EFTimegroupHierarchyItem = class EFTimegroupHierarchyItem$1 extends EFHierar
 	}
 };
 EFTimegroupHierarchyItem = __decorate([customElement("ef-timegroup-hierarchy-item")], EFTimegroupHierarchyItem);
-var EFAudioHierarchyItem = class EFAudioHierarchyItem$1 extends EFHierarchyItem {
+let EFAudioHierarchyItem = class EFAudioHierarchyItem$1 extends EFHierarchyItem {
 	get icon() {
 		return "🔊";
 	}
@@ -489,7 +491,7 @@ var EFAudioHierarchyItem = class EFAudioHierarchyItem$1 extends EFHierarchyItem
 	}
 };
 EFAudioHierarchyItem = __decorate([customElement("ef-audio-hierarchy-item")], EFAudioHierarchyItem);
-var EFVideoHierarchyItem = class EFVideoHierarchyItem$1 extends EFHierarchyItem {
+let EFVideoHierarchyItem = class EFVideoHierarchyItem$1 extends EFHierarchyItem {
 	get icon() {
 		return "📼";
 	}
@@ -498,19 +500,19 @@ var EFVideoHierarchyItem = class EFVideoHierarchyItem$1 extends EFHierarchyItem
 	}
 };
 EFVideoHierarchyItem = __decorate([customElement("ef-video-hierarchy-item")], EFVideoHierarchyItem);
-var EFCaptionsHierarchyItem = class EFCaptionsHierarchyItem$1 extends EFHierarchyItem {
+let EFCaptionsHierarchyItem = class EFCaptionsHierarchyItem$1 extends EFHierarchyItem {
 	get icon() {
 		return "📝 Captions";
 	}
 };
 EFCaptionsHierarchyItem = __decorate([customElement("ef-captions-hierarchy-item")], EFCaptionsHierarchyItem);
-var EFCaptionsActiveWordHierarchyItem = class EFCaptionsActiveWordHierarchyItem$1 extends EFHierarchyItem {
+let EFCaptionsActiveWordHierarchyItem = class EFCaptionsActiveWordHierarchyItem$1 extends EFHierarchyItem {
 	get icon() {
 		return "🗣️ Active Word";
 	}
 };
 EFCaptionsActiveWordHierarchyItem = __decorate([customElement("ef-captions-active-word-hierarchy-item")], EFCaptionsActiveWordHierarchyItem);
-var EFWaveformHierarchyItem = class EFWaveformHierarchyItem$1 extends EFHierarchyItem {
+let EFWaveformHierarchyItem = class EFWaveformHierarchyItem$1 extends EFHierarchyItem {
 	get icon() {
 		return "🌊";
 	}
@@ -519,7 +521,7 @@ var EFWaveformHierarchyItem = class EFWaveformHierarchyItem$1 extends EFHierarch
 	}
 };
 EFWaveformHierarchyItem = __decorate([customElement("ef-waveform-hierarchy-item")], EFWaveformHierarchyItem);
-var EFImageHierarchyItem = class EFImageHierarchyItem$1 extends EFHierarchyItem {
+let EFImageHierarchyItem = class EFImageHierarchyItem$1 extends EFHierarchyItem {
 	get icon() {
 		return "🖼️";
 	}
@@ -528,13 +530,13 @@ var EFImageHierarchyItem = class EFImageHierarchyItem$1 extends EFHierarchyItem
 	}
 };
 EFImageHierarchyItem = __decorate([customElement("ef-image-hierarchy-item")], EFImageHierarchyItem);
-var EFHTMLHierarchyItem = class EFHTMLHierarchyItem$1 extends EFHierarchyItem {
+let EFHTMLHierarchyItem = class EFHTMLHierarchyItem$1 extends EFHierarchyItem {
 	get icon() {
 		return html`<code>${`<${this.element.tagName.toLowerCase()}>`}</code>`;
 	}
 };
 EFHTMLHierarchyItem = __decorate([customElement("ef-html-hierarchy-item")], EFHTMLHierarchyItem);
-var shouldRenderElement = (element, hideSelectors, showSelectors) => {
+const shouldRenderElement = (element, hideSelectors, showSelectors) => {
 	if (element instanceof HTMLElement && element.dataset?.efHidden) return false;
 	if (showSelectors && showSelectors.length > 0) return showSelectors.some((selector) => {
 		try {
@@ -552,7 +554,7 @@ var shouldRenderElement = (element, hideSelectors, showSelectors) => {
 	});
 	return true;
 };
-var renderHierarchyChildren = (children, hideSelectors, showSelectors, skipRootFiltering = false) => {
+const renderHierarchyChildren = (children, hideSelectors, showSelectors, skipRootFiltering = false) => {
 	return children.map((child) => {
 		if (!skipRootFiltering && !shouldRenderElement(child, hideSelectors, showSelectors)) return nothing;
 		if (child instanceof EFTimegroup) return html`<ef-timegroup-hierarchy-item
@@ -597,7 +599,7 @@ var renderHierarchyChildren = (children, hideSelectors, showSelectors, skipRootF
     ></ef-html-hierarchy-item>`;
 	});
 };
-var renderFilmstripChildren = (children, pixelsPerMs, hideSelectors, showSelectors, skipRootFiltering = false) => {
+const renderFilmstripChildren = (children, pixelsPerMs, hideSelectors, showSelectors, skipRootFiltering = false) => {
 	return children.map((child) => {
 		if (!skipRootFiltering && !shouldRenderElement(child, hideSelectors, showSelectors)) return nothing;
 		if (child instanceof EFTimegroup) return html`<ef-timegroup-filmstrip
@@ -669,7 +671,7 @@ var renderFilmstripChildren = (children, pixelsPerMs, hideSelectors, showSelecto
     ></ef-html-filmstrip>`;
 	});
 };
-var EFFilmstrip = class EFFilmstrip$1 extends TWMixin(LitElement) {
+let EFFilmstrip = class EFFilmstrip$1 extends TWMixin(LitElement) {
 	constructor(..._args3) {
 		super(..._args3);
 		this.pixelsPerMs = .04;
@@ -929,4 +931,7 @@ __decorate([consume({
 	subscribe: true
 }), state()], EFFilmstrip.prototype, "_contextProvidedTemporal", void 0);
 EFFilmstrip = __decorate([customElement("ef-filmstrip")], EFFilmstrip);
+
+//#endregion
 export { EFFilmstrip };
+//# sourceMappingURL=EFFilmstrip.js.map