feat(techdemo): render issues with hemplate partials

req: examples/001

req: dx/008

req: list/003

req: form/002

examples/techdemo/templates/control_center.heml

@@ -63,4 +63,5 @@
   <button type="button" data-slhx-handle="advance_work" hidden="hidden">Advance</button>
   <button type="button" data-slhx-handle="delete_work" hidden="hidden">Delete</button>
   <button type="button" data-slhx-handle="spotlight_work" hidden="hidden">Spotlight</button>
+  <button type="button" data-slhx-handle="move_to_lane" hidden="hidden">Move to lane</button>
 </main>

examples/techdemo/templates/partials/inspector_empty.heml

@@ -0,0 +1,3 @@
+<div class="inspector-hero">
+  <span>No issue selected</span>
+</div>

examples/techdemo/templates/partials/inspector_panel.heml

@@ -0,0 +1,4 @@
+{+= self.selected =+}
+<div class="inspector-row"><b>What happened</b><br>{+ self.spotlight +}</div>
+<div class="inspector-row"><b>Wire contract</b><br><code>POST __h → application/slhx → EffectBatch</code></div>
+<div class="inspector-row"><b>Runtime</b><br>Root-scoped delegated listeners; numeric targets only.</div>

examples/techdemo/templates/partials/inspector_selected.heml

@@ -0,0 +1,5 @@
+<div class="inspector-hero">
+  <span>Selected issue</span>
+  <strong>{+ self.title +}</strong>
+  <em>{+ self.lane +} · {+ self.stage +} · impact {+ self.impact +}</em>
+</div>

examples/techdemo/templates/partials/issue_card.heml

@@ -0,0 +1,9 @@
+<article +class="self.class" +data-key="self.id" draggable="true" ondragstart="slhxTechdemoDrag(event)">
+  <header><strong>{+ self.title +}</strong><span class="pill">{+ self.stage +}</span></header>
+  <div class="impact"><i +style="self.impact_style"></i></div>
+  <div class="card-actions">
+    <button type="button" +data-hid="self.spotlight_handle" +data-work-id="self.id">Inspect</button>
+    <button type="button" +data-hid="self.advance_handle" +data-work-id="self.id">Advance</button>
+    <button type="button" +data-hid="self.delete_handle" +data-work-id="self.id">Delete</button>
+  </div>
+</article>

examples/techdemo/templates/partials/issue_lane.heml

@@ -0,0 +1,7 @@
+<section +class="self.class" +data-lane="self.lane_id" +data-move-hid="self.move_handle" ondragover="slhxTechdemoDragOver(event)" ondragleave="slhxTechdemoDragLeave(event)" ondrop="slhxTechdemoDrop(event)">
+  <h3>{+ self.title +}</h3>
+  <p>{+ self.description +}</p>
+  <template h-for="card in &self.cards">
+    {+ card +}
+  </template>
+</section>