<?js
var properties = obj.properties;
var propsName = obj.propsName;
var typeParams = obj.typeParams;
var propsToInclude = obj.propsToInclude; // readOnly | settable
var self = this;
var props = properties? Object.keys(properties) : undefined;
props.sort();
for (let prop of props) {
  if ((propsToInclude === 'readOnly' && properties[prop]['readOnly']) ||
      (propsToInclude === 'settable' && !properties[prop]['readOnly'])) {
    if (properties[prop].description) {
    ?>
  /**
  * <?js= properties[prop].description ?>
  */
    <?js
    }
    let optional = properties[prop]['optional'] ? '?' : '';
    let strProp = properties[prop]['readOnly']? `readonly ${prop}`: `${prop}`;
    strProp = `${strProp}${optional}`;
    if (propsToInclude === 'readOnly') {
      // Uppercase the property name
      uppercaseProp = prop.charAt(0).toUpperCase() + prop.slice(1);
    ?>
  <?js= `${strProp}: Parameters<Required<${propsName}${typeParams}>['on${uppercaseProp}Changed']>[0];` ?>
    <?js
    } else {
    ?>
  <?js= `${strProp}: ${propsName}${typeParams}['${prop}'];` ?>
    <?js
    }
  }
}
?>