import { on, observes } from "ember-addons/ember-computed-decorators";
import autosize from "discourse/lib/autosize";

export default Ember.TextArea.extend({
  @on("didInsertElement")
  _startWatching() {
    Ember.run.scheduleOnce("afterRender", () => {
      this.$().focus();
      autosize(this.element);
    });
  },

  @observes("value")
  _updateAutosize() {
    const evt = document.createEvent("Event");
    evt.initEvent("autosize:update", true, false);
    this.element.dispatchEvent(evt);
  },

  @on("willDestroyElement")
  _disableAutosize() {
    autosize.destroy(this.$());
  }
});