discourse-custom-wizard/assets/javascripts/wizard/components/wizard-text-field.js.es6

import computed from "ember-addons/ember-computed-decorators";
import { siteDir, isRTL, isLTR } from "discourse/lib/text-direction";

export default Ember.TextField.extend({
  attributeBindings: ['autocorrect', 'autocapitalize', 'autofocus', 'maxLength', 'dir'],

  @computed
  dir() {
    if (Wizard.SiteSettings.support_mixed_text_direction) {
      let val = this.value;
      if (val) {
        return isRTL(val) ? 'rtl' : 'ltr';
      } else {
        return siteDir();
      }
    }
  },

  keyUp() {
    if (Wizard.SiteSettings.support_mixed_text_direction) {
      let val = this.value;
      if (isRTL(val)) {
        this.set('dir', 'rtl');
      } else if (isLTR(val)) {
        this.set('dir', 'ltr');
      } else {
        this.set('dir', siteDir());
      }
    }
  },

  @computed("placeholderKey")
  placeholder(placeholderKey) {
    return placeholderKey ? I18n.t(placeholderKey) : "";
  }
});