{{@propertyName}}: {{#if this.isCheckbox}} {{else if this.isTextarea}} {{else if this.isSelect}} <select id={{this.inputId}} {{on "change" this.onChange}}> {{#each @options as |option|}} <FreestyleDynamicInputSelectOption @selectedValue={{@value}} @optionValue={{option}} /> {{/each}} </select> {{else if this.isNumber}} <input id={{this.inputId}} type="number" value={{@value}} {{on "input" this.onChangeWithNumericCoercion}} > {{else if this.isRange}} <input id={{this.inputId}} max={{@max}} min={{@min}} type="range" value={{@value}} {{on "input" this.onChangeWithNumericCoercion}} > {{@value}} {{else}} <input id={{this.inputId}} type="text" value={{@value}} {{on "input" this.onChange}} > {{/if}} {{#if @description}} <small class="FreestyleDynamic-inputDescription"> {{@description}} </small> {{/if}} </div>