<rtgl-popover-input
  id="nickname"
  label="Nickname"
  value="Click to edit"
  placeholder="Enter nickname"
  auto-focus
></rtgl-popover-input>

<script>
  const input = document.getElementById("nickname");
  input.addEventListener("value-input", (e) => {
    console.log("value-input", e.detail.value);
  });
  input.addEventListener("value-change", (e) => {
    console.log("value-change", e.detail.value);
  });
</script>