# ContentControl Runtime Renderer / dev-0.4.5

`ContentControlRuntimeRenderer` is the first runtime counterpart to the Designer Canvas preview.

Designer preview displays editing affordances such as selection borders and resize handles. Runtime rendering displays the same content as ordinary UI elements:

- TextBox -> `input type="text"`
- TextArea -> `textarea`
- Number -> `input type="number"`
- Date -> `input type="date"`
- CheckBox / Radio -> checked inputs
- Select -> `select`
- Button -> `button`
- Panel / Group / Tabs / Accordion / Columns / Splitter -> runtime containers

The renderer can also create standalone safe HTML through `renderStandaloneHtml(content)`. Exported HTML intentionally excludes executable handler code.


## dev-0.7.1 Runtime Stabilization Notes

- Runtime input elements now participate in a value lifecycle through `runtimeValueChanged`.
- Checkbox and radio components preserve their values more consistently. Radio options are rendered as a group rather than a single ambiguous field.
- `disabled`, `readOnly`, `hidden` and `locked` properties are reflected in generated DOM classes / attributes.
- Image component URLs are filtered to safe browser URL schemes.
- HTML Block content is escaped by default. If `allowHtml` is true, a conservative sanitizer removes dangerous tags, inline event handlers and scriptable URL schemes.
- Calling `loadContent()` on a mounted `ContentRuntimeControl` re-renders the runtime surface instead of requiring destroy / recreate.