"use strict";
import "lodash/lodash";
const ParserMultilineForm = {
  template: "#vue-parser-multiline-form",
  props: [
    "pluginType",
    "commonOptions"
  ],

  data: function() {
    return {
      formatFirstline: "",
      formats: "",
      formatFirstlineDesc: ""
    };
  },

  watch: {
    "formatFirstLine": function(newValue, oldValue) {
      console.log(`watch formatFirstLine: ${newValue}`);
      this.$emit("change-formats", {
        "format_firstline": this.formatFirstline,
        "formats": this.formats
      });
    },
    "formats": function(newValue, oldValue) {
      console.log(`watch formats: ${newValue}`);
      this.$emit("change-formats", {
        "format_firstline": this.formatFirstline,
        "formats": this.formats
      });
    },
    "commonOptions": function(newValue, oldValue) {
      const option = _.find(newValue, (o) => {
        return o.name === "format_firstline";
      });
      this.formatFirstlineDesc = option.desc;
    }
  },

  methods: {
    textareaId: function(pluginType) {
      return `setting_${pluginType}_0__formats`;
    },
    textareaName: function(pluginType) {
      return `setting[${pluginType}[0]][formats]`;
    }
  }
};

export { ParserMultilineForm as default };