| 889 | } |
| 890 | |
| 891 | function buildVariableSection(): HTMLDivElement { |
| 892 | const id = mkInput("variable id", "brand-color"); |
| 893 | id.style.width = "110px"; |
| 894 | const val = mkInput("value", "#f43f5e"); |
| 895 | val.style.width = "100px"; |
| 896 | const set = mkBtn("Set", "primary", () => { |
| 897 | comp!.setVariableValue(id.value.trim(), val.value.trim()); |
| 898 | logEntry("op", { setVariableValue: { id: id.value, value: val.value } }); |
| 899 | }); |
| 900 | return opSection("setVariableValue", opRow(id, val, set)); |
| 901 | } |
| 902 | |
| 903 | function buildFindSection(): HTMLDivElement { |
| 904 | const tag = mkInput("tag", ""); |