Function appendContentSection

packages/sdk-playground/src/main.ts:497–513

(container: HTMLElement, el: PropEl)

type PropEl = NonNullable<ReturnType<Composition["getElement"]>>;

function appendContentSection(container: HTMLElement, el: PropEl) {
  if (el.text === null) return;
  const sec = propSection("Content");
  const row = document.createElement("div");
  row.className = "prop-row";
  const ta = document.createElement("textarea");
  ta.className = "prop-input wide";
  ta.value = el.text;
  ta.addEventListener("blur", () => {
    if (!comp || !selectedId) return;
    comp.setText(selectedId, ta.value);
    logEntry("op", { setText: { id: selectedId, value: ta.value } });
  });
  row.appendChild(ta);
  sec.appendChild(row);
  container.appendChild(sec);
}

const WEIGHTS = ["", "300", "400", "500", "600", "700", "800", "900"];