Coil Editor Components
The components that form the Three-Layer Coil Editor (Issue #26). They allow for creating a rich text-path editing experience using PPT's grammar layers.
Coil
The top-level container that orders layers from bottom to top (rhythm, harmony, melody).
Parameters
Layer content placeholder
View Source Code
<ppt-coil>
<!-- Layer components go here -->
</ppt-coil>Coil Layer & Row
<ppt-coil-layer> dictates the GrammarInterpreter applied to its children. <ppt-coil-row> provides a wrapper for a single voice/strand, along with UI controls (mute, solo, register).
Parameters (Layer)
The grammar layer context
Parameters (Row)
Phrase Editor goes here
View Source Code
<ppt-coil-layer layer="harmony">
<ppt-coil-row>
<!-- Phrase Editor goes here -->
</ppt-coil-row>
</ppt-coil-layer>Phrase Editor & Text Input
<ppt-phrase-editor> is the interactive surface that displays solfege glyphs. <ppt-solfege-text-input> parses text into glyph tokens and emits them via the EventBus.
Parameters (Editor)
EventBus ID to listen for new tokens
View Source Code
<ppt-solfege-text-input emit-id="glyph-input-demo"></ppt-solfege-text-input>
<ppt-phrase-editor listen-id="glyph-input-demo"></ppt-phrase-editor>