lightview/docs/cdom-nav.html

A reactive UI library with features of Bau, Juris, and HTMX plus safe LLM UI generation

<nav class="docs-nav">
    <div class="docs-nav-section">
        <div class="docs-nav-title">cDOM</div>
        <a href="/docs/cdom.html#overview" class="docs-nav-link">Overview</a>
        <a href="/docs/cdom.html#simple-example" class="docs-nav-link">Simple Example</a>
        <a href="/docs/cdom-xpath.html" class="docs-nav-link">Using XPath</a>
        <a href="/docs/cdom.html#advantages" class="docs-nav-link">Advantages</a>
    </div>
    <div class="docs-nav-section">
        <div class="docs-nav-title">JPRX</div>
        <a href="/docs/cdom.html#JPRX" class="docs-nav-link">Introduction</a>
        <a href="/docs/cdom.html#JPRX-delimiters" class="docs-nav-link">Delimiters</a>
        <a href="/docs/cdom.html#JPRX-escaping" class="docs-nav-link">Escaping</a>
        <a href="/docs/cdom.html#JPRX-anatomy" class="docs-nav-link">Anatomy of a Path</a>
        <a href="/docs/cdom.html#JPRX-placeholders" class="docs-nav-link">Placeholders</a>
    </div>
    <div class="docs-nav-section">
        <div class="docs-nav-title">Concepts</div>
        <a href="/docs/cdom.html#comparison" class="docs-nav-link">Comparison to Excel</a>
        <a href="/docs/cdom.html#integration" class="docs-nav-link">Lightview Integration</a>
        <a href="/docs/cdom.html#dom-patches" class="docs-nav-link">Decentralized Layouts (=move)</a>
    </div>
    <div class="docs-nav-section">
        <div class="docs-nav-title">Examples</div>
        <a href="/docs/cdom.html#shopping-cart" class="docs-nav-link">Shopping Cart</a>
        <a href="/docs/cdom.html#interactive-example" class="docs-nav-link">Interactive Counter</a>
        <a href="/docs/cdom.html#operator-syntax" class="docs-nav-link">Operator Syntax</a>
    </div>
    <div class="docs-nav-section">
        <div class="docs-nav-title">Events</div>
        <a href="/docs/cdom.html#events" class="docs-nav-link">Events & Interaction</a>
        <a href="/docs/cdom.html#events-manual" class="docs-nav-link">Manual Implementation</a>
        <a href="/docs/cdom.html#events-llm" class="docs-nav-link">LLM-Generated</a>
        <a href="/docs/cdom.html#events-lifecycle" class="docs-nav-link">Interaction Lifecycle</a>
    </div>
    <div class="docs-nav-section">
        <div class="docs-nav-title">API</div>
        <a href="/docs/cdom.html#js-api" class="docs-nav-link">JavaScript API</a>
        <div class="docs-nav-item">
            <a href="/docs/cdom.html#helpers" class="docs-nav-link">JPRX Helpers</a>
            <div class="docs-nav-subsection" style="margin-left: 1rem; border-left: 1px solid var(--site-border);">
                <a href="/docs/cdom.html#helpers-math" class="docs-nav-link" style="font-size: 0.85em;">Math</a>
                <a href="/docs/cdom.html#helpers-stats" class="docs-nav-link" style="font-size: 0.85em;">Stats</a>
                <a href="/docs/cdom.html#helpers-string" class="docs-nav-link" style="font-size: 0.85em;">String</a>
                <a href="/docs/cdom.html#helpers-array" class="docs-nav-link" style="font-size: 0.85em;">Array</a>
                <a href="/docs/cdom.html#helpers-logic" class="docs-nav-link" style="font-size: 0.85em;">Logic &
                    Comparison</a>
                <a href="/docs/cdom.html#helpers-conditional" class="docs-nav-link"
                    style="font-size: 0.85em;">Conditional
                    Aggregates</a>
                <a href="/docs/cdom.html#helpers-formatting" class="docs-nav-link"
                    style="font-size: 0.85em;">Formatting</a>
                <a href="/docs/cdom.html#helpers-datetime" class="docs-nav-link" style="font-size: 0.85em;">DateTime</a>
                <a href="/docs/cdom.html#helpers-lookup" class="docs-nav-link" style="font-size: 0.85em;">Lookup</a>
                <a href="/docs/cdom.html#helpers-mutation" class="docs-nav-link" style="font-size: 0.85em;">State
                    Mutation</a>
                <a href="/docs/cdom.html#helpers-network" class="docs-nav-link" style="font-size: 0.85em;">Network</a>
                <a href="/docs/cdom.html#helpers-dom" class="docs-nav-link" style="font-size: 0.85em;">DOM & XPath</a>
            </div>
        </div>
    </div>
</nav>