v0.4.15: gevelbekleding per woning (rabat/steen, override per wand), stenen trasraam (110 mm, 181 texturen), riet per unit, vloerafwerking, verfkleur binnen, boeideelkleur, gevel tot onder dakrand, binnenhoek-fixes; testontwerp als standaard

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

js/core/ui-kit.js

@@ -40,6 +40,15 @@ window.UI = (() => {
     return field(id, label, `<select id="${id}">${opts}</select><span class="ui-unit"></span>`, o);
   }
 
+  // Kleurkiezer (waarde '#rrggbb'); onColor reageert pas bij loslaten.
+  function color(id, label, value, o) {
+    return field(id, label, `<input type="color" id="${id}" value="${value}"><span class="ui-unit"></span>`, o);
+  }
+  function onColor(id, fn, after) {
+    const el = document.getElementById(id);
+    if (el) el.addEventListener('change', (e) => { fn(e.target.value); after && after(); });
+  }
+
   // Aan/uit-schakelaar.
   function toggle(id, label, checked, o) {
     return field(id, label,
@@ -117,5 +126,5 @@ window.UI = (() => {
     el.classList.toggle('fullscreen-2d');
   }
 
-  return { esc, icon, hint, num, sel, toggle, section, info, warn, grid, button, actions, tabs, wireTabs, specCard, onNum, onSel, onToggle, cycle3D, toggle2D };
+  return { esc, icon, hint, num, sel, toggle, color, onColor, section, info, warn, grid, button, actions, tabs, wireTabs, specCard, onNum, onSel, onToggle, cycle3D, toggle2D };
 })();