ef-hierarchy
Layer panel. Displays the element tree of the target composition.
Shows all temporal elements in the target composition as a collapsible, selectable tree. Fires hierarchy-select when an element is clicked and hierarchy-reorder when elements are dragged to a new position.
<ef-hierarchy target="root" show-header header="Layers"
style="display: block; width: 240px;"></ef-hierarchy>| Event | Detail | Description |
|---|---|---|
hierarchy-select | { elementId: string | null } | User clicked an element row |
hierarchy-reorder | { sourceId, targetId, position } | User dragged a row to a new position |