@wg-npm/survey-creator 0.5.161 → 0.5.164

package/dist/survey-creator.esm.js

@@ -303,318 +303,328 @@ function currentLang() {
 }
 var locale = { use, t, i18n, currentLang };
 
-class QuestionFactory {
-  constructor(locale) {
-    this.creatorHash = {};
-    this.locale = locale;
-    this.registerQuestion("FILL_BLANK", locale => {
-      return new BaseQuestionModel("FILL_BLANK", locale);
-    });
-    this.registerQuestion("SHORT_ANSWER", locale => {
-      return new BaseQuestionModel("SHORT_ANSWER", locale);
-    });
-    this.registerQuestion("MATRIX", locale => {
-      return new QuestionMatrixModel("MATRIX", locale);
-    });
-    this.registerQuestion("SCORING", locale => {
-      return new QuestionScoringModel("SCORING", locale);
-    });
-    this.registerQuestion("TEXT_TITLE", locale => {
-      return new QuestionTextTitleModel("TEXT_TITLE", locale);
-    });
-    this.registerQuestion("SINGLE_SELECTION", locale => {
-      return new QuestionCheckBoxModel("SINGLE_SELECTION", locale);
-    });
-    this.registerQuestion("MULTI_SELECTION", locale => {
-      return new QuestionCheckBoxModel("MULTI_SELECTION", locale);
-    });
-    this.registerQuestion("EVALUATION", locale => {
-      return new QuestionEvaluationModel("EVALUATION", locale);
-    });
-  }
-  static getInstance(locale) {
-    if (!QuestionFactory.instance) {
-      QuestionFactory.instance = new QuestionFactory(locale);
-    }
-    return QuestionFactory.instance;
-  }
-  static createDefault(locale) {
-    return new ChoiceModel(locale);
-  }
-  static createSubQuestion(locale) {
-    return new SubQuestionModel(locale);
-  }
-  static createEvaluationItem(locale) {
-    return new StarEvaluationItemModel(locale);
-  }
-  static createSelectionQuestionChoices(locale) {
-    return _.range(4).map(() => this.createDefault(locale));
-  }
-  static createMatrixQuestionChoices(locale) {
-    return _.range(5).map(() => this.createDefault(locale));
-  }
-  static createEvaluationItems(locale) {
-    return _.range(5).map(() => this.createEvaluationItem(locale));
-  }
-  registerQuestion(questionType, questionCreator) {
-    this.creatorHash[questionType] = questionCreator;
-  }
-  createQuestion(questionType) {
-    const creator = this.creatorHash[questionType];
-    return creator(this.locale);
-  }
-  static createExclusiveChoice(locale) {
-    return new ExclusiveChoiceModel(locale);
-  }
-}
-const defaultText = function getText(locale) {
-  return _.set({}, locale, "");
-};
-class ChoiceOptionModel {
-  constructor() {
-    this.score = null;
-    this.star = false;
-    this.starCount = null;
-    this.exclusiveEnabled = false;
-  }
-}
-class ChoiceModel {
-  constructor(locale) {
-    this.id = ChoiceModel.createChoiceId();
-    this.text = defaultText(locale);
-    this.options = new ChoiceOptionModel();
-  }
-  static createChoiceId() {
-    return `Choice-${_.now()}-${_.random(0, 9999999)}`;
-  }
-}
-class ExclusiveChoiceModel extends ChoiceModel {
-  constructor(locale) {
-    super(locale);
-    if (!_.isEmpty(this.options)) {
-      _.set(this.options, "exclusiveEnabled", true);
-    }
-  }
-}
-class EvaluationItemModel {
-  constructor(locale) {
-    this.id = EvaluationItemModel.createChoiceId();
-    this.text = defaultText(locale);
-  }
-  static createChoiceId() {
-    return `Evaluation-Item-${_.now()}-${_.random(0, 9999999)}`;
-  }
-}
-class StarEvaluationItemModel extends EvaluationItemModel {
-  constructor(locale) {
-    super(locale);
-  }
-}
-class QuestionOptionsModel {
-  constructor(required) {
-    this.inputMinLength = 10;
-    this.required = required;
-    this.visible = true;
-  }
-}
-class QuestionHeaderModel {
-  constructor(locale) {
-    this.text = defaultText(locale);
-    this.number = null;
-  }
-}
-class SubQuestionModel {
-  constructor(locale) {
-    this.id = `SubQ-${_.now()}-${_.random(0, 9999999)}`;
-    this.text = defaultText(locale);
-    this.number = null;
-  }
-}
-class BaseQuestionModel {
-  constructor(type, locale) {
-    this.id = BaseQuestionModel.createQuestionId();
-    this.type = type;
-    this.header = new QuestionHeaderModel(locale);
-    this.options = new QuestionOptionsModel(false);
-  }
-  static getMaxScore(question) {
-    if (question.type == "SINGLE_SELECTION") {
-      return _.max(_.map(question.choices, choice => parseFloat(_.get(choice, "options.score", 0) || 0))) || 0;
-    } else if (question.type == "MULTI_SELECTION") {
-      return _.sumBy(question.choices, item => parseFloat(_.get(item, "options.score") || 0));
-    } else if (question.type == "MATRIX") {
-      const score = _.max(_.map(question.choices, choice => parseFloat(_.get(choice, "options.score", 0) || 0))) || 0;
-      return score * question.subQuestions.length;
-    } else if (question.type == "SCORING") {
-      const score = question.options.maxRange;
-      return score * (_.isEmpty(question.subQuestions) ? 1 : question.subQuestions.length);
-    }
-    return 0;
-  }
-  static getScoreRange(question) {
-    if (question.type == "SCORING") {
-      const minRange = question.options.minRange;
-      const maxRange = question.options.maxRange;
-      return minRange + " - " + maxRange;
-    }
-    return "";
-  }
-  static createQuestionId() {
-    return `Q-${_.now()}-${_.random(0, 9999999)}`;
-  }
-  static getNumber(preNumber, question) {
-    return preNumber + 1;
-  }
-  static refreshSurvey(survey) {
-    this.rebuildQuestionNumber(survey.questions);
-    this.deleteUnusedProperties(survey.questions);
-    survey.statistics.maxScore = this.calculationAllQuestionMaxScore(survey.questions);
-    survey.statistics.questionCount = this.calculationAllQuestionCount(survey.questions);
-  }
-  static calculationAllQuestionCount(questions) {
-    let count = 0;
-    const exclude = ["TEXT_TITLE"];
-    _.forEach(questions, question => {
-      if (!_.includes(exclude, question.type)) {
-        count++;
-      }
-    });
-    return count;
-  }
-  static calculationAllQuestionMaxScore(questions) {
-    let maxScore = 0;
-    _.forEach(questions, question => {
-      maxScore += this.getMaxScore(question);
-    });
-    return maxScore;
-  }
-  static setActiveQuestion(currentQuestion, questions) {
-    _.forEach(questions, question => {
-      if (question.id == currentQuestion.id) {
-        question.active = true;
-      } else {
-        question.active = false;
-      }
-    });
-  }
-  static rebuildQuestionNumber(questions) {
-    let preNumber = 0;
-    _.forEach(questions, function (question) {
-      let number;
-      if (question.type === "TEXT_TITLE") {
-        number = QuestionTextTitleModel.getNumber(preNumber, question);
-      } else if (question.type === "MATRIX") {
-        number = QuestionMatrixModel.getNumber(preNumber, question);
-      } else if (question.type === "SCORING") {
-        number = QuestionScoringModel.getNumber(preNumber, question);
-      } else {
-        number = BaseQuestionModel.getNumber(preNumber, question);
-      }
-      question.header.number = number;
-      if (number) {
-        preNumber = number;
-      }
-    });
-  }
-  static deleteUnusedProperties(questions) {
-    _.forEach(questions, function (question) {
-      if (question.type === "SCORING") {
-        QuestionScoringModel.removeUnusedProperty(question);
-      }
-    });
-  }
-}
-class QuestionCheckBoxModel extends BaseQuestionModel {
-  constructor(type, locale) {
-    super(type, locale);
-    this.choices = QuestionFactory.createSelectionQuestionChoices(locale);
-  }
-}
-class QuestionEvaluationModel extends BaseQuestionModel {
-  constructor(type, locale) {
-    super(type, locale);
-    this.evaluationItems = QuestionFactory.createEvaluationItems(locale);
-  }
-}
-class QuestionTextTitleModel extends BaseQuestionModel {
-  constructor(type, locale) {
-    super(type, locale);
-  }
-  static getNumber(preNumber, question) {
-    return null;
-  }
-}
-class QuestionMatrixModel extends BaseQuestionModel {
-  constructor(type, locale) {
-    super(type, locale);
-    this.choices = QuestionFactory.createMatrixQuestionChoices(locale);
-    this.subQuestions = [QuestionFactory.createSubQuestion(locale)];
-  }
-  static getNumber(preNumber, question) {
-    const number = preNumber + 1;
-    _.forEach(question.subQuestions, (sq, index) => {
-      sq.number = index + 1;
-    });
-    return number;
-  }
-}
-class QuestionScoringModel extends BaseQuestionModel {
-  constructor(type, locale) {
-    super(type, locale);
-    this.subQuestions = [];
-  }
-  static getNumber(preNumber, question) {
-    const number = preNumber + 1;
-    _.forEach(question.subQuestions, (sq, index) => {
-      sq.number = index + 1;
-    });
-    return number;
-  }
-  static removeUnusedProperty(question) {
-    const options = question.options;
-    delete options.sliderValue;
-    _.forEach(question.subQuestions, subQuestion => {
-      delete subQuestion.sliderValue;
-    });
-  }
-}
-const ZH_CN = _.camelCase("zh-CN");
-const EN_US = _.camelCase("en-US");
-const ZH_TW = _.camelCase("zh-TW");
-function getValue(obj, locale) {
-  const value = _.get(obj, _.camelCase(locale), "");
-  if (!_.isEmpty(value)) {
-    return value;
-  }
-  return _.get(obj, locale, "");
-}
-function translate(obj, locale, prettyMath = false) {
-  const value = getValue(obj, locale);
-  if (!_.isEmpty(value) || !prettyMath) {
-    return value;
-  }
-  return obj[ZH_CN] || obj["zh-CN"] || obj[EN_US] || obj["en-US"] || obj[ZH_TW] || obj["zh-TW"];
+class QuestionFactory {
+    constructor(locale) {
+        this.creatorHash = {};
+        this.locale = locale;
+        this.registerQuestion("FILL_BLANK", (locale) => {
+            return new BaseQuestionModel("FILL_BLANK", locale);
+        });
+        this.registerQuestion("SHORT_ANSWER", (locale) => {
+            return new BaseQuestionModel("SHORT_ANSWER", locale);
+        });
+        this.registerQuestion("MATRIX", (locale) => {
+            return new QuestionMatrixModel("MATRIX", locale);
+        });
+        this.registerQuestion("SCORING", (locale) => {
+            return new QuestionScoringModel("SCORING", locale);
+        });
+        this.registerQuestion("TEXT_TITLE", (locale) => {
+            return new QuestionTextTitleModel("TEXT_TITLE", locale);
+        });
+        this.registerQuestion("SINGLE_SELECTION", (locale) => {
+            return new QuestionCheckBoxModel("SINGLE_SELECTION", locale);
+        });
+        this.registerQuestion("MULTI_SELECTION", (locale) => {
+            return new QuestionCheckBoxModel("MULTI_SELECTION", locale);
+        });
+        this.registerQuestion("EVALUATION", (locale) => {
+            return new QuestionEvaluationModel("EVALUATION", locale);
+        });
+    }
+    static getInstance(locale) {
+        if (!QuestionFactory.instance) {
+            QuestionFactory.instance = new QuestionFactory(locale);
+        }
+        return QuestionFactory.instance;
+    }
+    static createDefault(locale) {
+        return new ChoiceModel(locale);
+    }
+    static createSubQuestion(locale) {
+        return new SubQuestionModel(locale);
+    }
+    static createEvaluationItem(locale) {
+        return new StarEvaluationItemModel(locale);
+    }
+    static createSelectionQuestionChoices(locale) {
+        return _.range(4).map(() => this.createDefault(locale));
+    }
+    static createMatrixQuestionChoices(locale) {
+        return _.range(5).map(() => this.createDefault(locale));
+    }
+    static createEvaluationItems(locale) {
+        return _.range(5).map(() => this.createEvaluationItem(locale));
+    }
+    registerQuestion(questionType, questionCreator) {
+        this.creatorHash[questionType] = questionCreator;
+    }
+    createQuestion(questionType) {
+        const creator = this.creatorHash[questionType];
+        return creator(this.locale);
+    }
+    static createExclusiveChoice(locale) {
+        return new ExclusiveChoiceModel(locale);
+    }
 }
-const CUSTOM_INPUT_REG = /(_{5,})/g;
-function formatTitle(question, locale) {
-  const title = translate(question.header.text, locale, true);
-  if (!_.get(question, "options.richTextEnabled", false)) {
-    return [title];
-  }
-  const trimmedTitles = title.split(CUSTOM_INPUT_REG);
-  if (trimmedTitles[0] === "") {
-    trimmedTitles.splice(0, 1);
-  }
-  if (trimmedTitles[trimmedTitles.length - 1] === "") {
-    trimmedTitles.splice(trimmedTitles.length - 1, 1);
-  }
-  return trimmedTitles;
+
+const defaultText = function getText(locale) {
+    return _.set({}, locale, "");
+};
+class ChoiceOptionModel {
+    constructor() {
+        this.score = null;
+        this.star = false;
+        this.starCount = null;
+        this.exclusiveEnabled = false;
+    }
+}
+class ChoiceModel {
+    constructor(locale) {
+        this.id = ChoiceModel.createChoiceId();
+        this.text = defaultText(locale);
+        this.options = new ChoiceOptionModel();
+    }
+    static createChoiceId() {
+        return `Choice-${_.now()}-${_.random(0, 9999999)}`;
+    }
+}
+class ExclusiveChoiceModel extends ChoiceModel {
+    constructor(locale) {
+        super(locale);
+        if (!_.isEmpty(this.options)) {
+            _.set(this.options, "exclusiveEnabled", true);
+        }
+    }
+}
+class EvaluationItemModel {
+    constructor(locale) {
+        this.id = EvaluationItemModel.createChoiceId();
+        this.text = defaultText(locale);
+    }
+    static createChoiceId() {
+        return `Evaluation-Item-${_.now()}-${_.random(0, 9999999)}`;
+    }
+}
+class StarEvaluationItemModel extends EvaluationItemModel {
+    constructor(locale) {
+        super(locale);
+    }
+}
+class QuestionOptionsModel {
+    constructor(required) {
+        this.inputMinLength = 10;
+        this.required = required;
+        this.visible = true;
+    }
+}
+class QuestionHeaderModel {
+    constructor(locale) {
+        this.text = defaultText(locale);
+        this.number = null;
+    }
+}
+class SubQuestionModel {
+    constructor(locale) {
+        this.id = `SubQ-${_.now()}-${_.random(0, 9999999)}`;
+        this.text = defaultText(locale);
+        this.number = null;
+    }
+}
+class BaseQuestionModel {
+    constructor(type, locale) {
+        this.id = BaseQuestionModel.createQuestionId();
+        this.type = type;
+        this.header = new QuestionHeaderModel(locale);
+        this.options = new QuestionOptionsModel(false);
+    }
+    static getMaxScore(question) {
+        if (question.type == "SINGLE_SELECTION") {
+            return (_.max(_.map(question.choices, (choice) => parseFloat(_.get(choice, "options.score", 0) || 0))) || 0);
+        }
+        else if (question.type == "MULTI_SELECTION") {
+            return _.sumBy(question.choices, (item) => parseFloat(_.get(item, "options.score") || 0));
+        }
+        else if (question.type == "MATRIX") {
+            const score = _.max(_.map(question.choices, (choice) => parseFloat(_.get(choice, "options.score", 0) || 0))) || 0;
+            return score * question.subQuestions.length;
+        }
+        else if (question.type == "SCORING") {
+            const score = question.options.maxRange;
+            return (score *
+                (_.isEmpty(question.subQuestions) ? 1 : question.subQuestions.length));
+        }
+        return 0;
+    }
+    static getScoreRange(question) {
+        if (question.type == "SCORING") {
+            const minRange = question.options.minRange;
+            const maxRange = question.options.maxRange;
+            return minRange + " - " + maxRange;
+        }
+        return "";
+    }
+    static createQuestionId() {
+        return `Q-${_.now()}-${_.random(0, 9999999)}`;
+    }
+    static getNumber(preNumber, question) {
+        return preNumber + 1;
+    }
+    static refreshSurvey(survey) {
+        this.rebuildQuestionNumber(survey.questions);
+        this.deleteUnusedProperties(survey.questions);
+        survey.statistics.maxScore = this.calculationAllQuestionMaxScore(survey.questions);
+        survey.statistics.questionCount = this.calculationAllQuestionCount(survey.questions);
+    }
+    static calculationAllQuestionCount(questions) {
+        let count = 0;
+        const exclude = ["TEXT_TITLE"];
+        _.forEach(questions, (question) => {
+            if (!_.includes(exclude, question.type)) {
+                count++;
+            }
+        });
+        return count;
+    }
+    static calculationAllQuestionMaxScore(questions) {
+        let maxScore = 0;
+        _.forEach(questions, (question) => {
+            maxScore += this.getMaxScore(question);
+        });
+        return maxScore;
+    }
+    static setActiveQuestion(currentQuestion, questions) {
+        _.forEach(questions, (question) => {
+            if (question.id == currentQuestion.id) {
+                question.active = true;
+            }
+            else {
+                question.active = false;
+            }
+        });
+    }
+    static rebuildQuestionNumber(questions) {
+        let preNumber = 0;
+        _.forEach(questions, function (question) {
+            let number;
+            if (question.type === "TEXT_TITLE") {
+                number = QuestionTextTitleModel.getNumber(preNumber, question);
+            }
+            else if (question.type === "MATRIX") {
+                number = QuestionMatrixModel.getNumber(preNumber, question);
+            }
+            else if (question.type === "SCORING") {
+                number = QuestionScoringModel.getNumber(preNumber, question);
+            }
+            else {
+                number = BaseQuestionModel.getNumber(preNumber, question);
+            }
+            question.header.number = number;
+            if (number) {
+                preNumber = number;
+            }
+        });
+    }
+    static deleteUnusedProperties(questions) {
+        _.forEach(questions, function (question) {
+            if (question.type === "SCORING") {
+                QuestionScoringModel.removeUnusedProperty(question);
+            }
+        });
+    }
+}
+class QuestionCheckBoxModel extends BaseQuestionModel {
+    constructor(type, locale) {
+        super(type, locale);
+        this.choices = QuestionFactory.createSelectionQuestionChoices(locale);
+    }
+}
+class QuestionEvaluationModel extends BaseQuestionModel {
+    constructor(type, locale) {
+        super(type, locale);
+        this.evaluationItems = QuestionFactory.createEvaluationItems(locale);
+    }
+}
+class QuestionTextTitleModel extends BaseQuestionModel {
+    constructor(type, locale) {
+        super(type, locale);
+    }
+    static getNumber(preNumber, question) {
+        return null;
+    }
+}
+class QuestionMatrixModel extends BaseQuestionModel {
+    constructor(type, locale) {
+        super(type, locale);
+        this.choices = QuestionFactory.createMatrixQuestionChoices(locale);
+        this.subQuestions = [QuestionFactory.createSubQuestion(locale)];
+    }
+    static getNumber(preNumber, question) {
+        const number = preNumber + 1;
+        _.forEach(question.subQuestions, (sq, index) => {
+            sq.number = index + 1;
+        });
+        return number;
+    }
+}
+class QuestionScoringModel extends BaseQuestionModel {
+    constructor(type, locale) {
+        super(type, locale);
+        this.subQuestions = [];
+    }
+    static getNumber(preNumber, question) {
+        const number = preNumber + 1;
+        _.forEach(question.subQuestions, (sq, index) => {
+            sq.number = index + 1;
+        });
+        return number;
+    }
+    static removeUnusedProperty(question) {
+        const options = question.options;
+        delete options.sliderValue;
+        _.forEach(question.subQuestions, (subQuestion) => {
+            delete subQuestion.sliderValue;
+        });
+    }
+}
+
+const ZH_CN = _.camelCase("zh-CN");
+const EN_US = _.camelCase("en-US");
+const ZH_TW = _.camelCase("zh-TW");
+function getValue(obj, locale) {
+    const value = _.get(obj, _.camelCase(locale), "");
+    if (!_.isEmpty(value)) {
+        return value;
+    }
+    return _.get(obj, locale, "");
+}
+function translate(obj, locale, prettyMath = false) {
+    const value = getValue(obj, locale);
+    if (!_.isEmpty(value) || !prettyMath) {
+        return value;
+    }
+    return (obj[ZH_CN] ||
+        obj["zh-CN"] ||
+        obj[EN_US] ||
+        obj["en-US"] ||
+        obj[ZH_TW] ||
+        obj["zh-TW"]);
 }
-function showInput(index, formatTitle) {
-  if (index === formatTitle.length - 2 && formatTitle[formatTitle.length - 1] === "") {
-    return false;
-  }
-  return index < formatTitle.length - 1;
+
+const CUSTOM_INPUT_REG = /(_{5,})/g;
+function formatTitle(question, locale) {
+    const title = translate(question.header.text, locale, true);
+    if (!_.get(question, "options.richTextEnabled", false)) {
+        return [title];
+    }
+    const trimmedTitles = title.split(CUSTOM_INPUT_REG);
+    if (trimmedTitles[0] === "") {
+        trimmedTitles.splice(0, 1);
+    }
+    if (trimmedTitles[trimmedTitles.length - 1] === "") {
+        trimmedTitles.splice(trimmedTitles.length - 1, 1);
+    }
+    return trimmedTitles;
 }
 
 var LocaleMixin = Vue.extend({
@@ -718,7 +728,7 @@ const questionTypes = [
     "TEXT_TITLE",
     "EVALUATION",
 ];
-var script$M = Vue.extend({
+var script$N = Vue.extend({
     name: "create-question-dropdown",
     mixins: [LocaleMixin],
     inject: ["$rootComponent"],
@@ -822,20 +832,20 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$M = script$M;
+const __vue_script__$N = script$N;
 
 /* template */
 var __vue_render__$M = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Dropdown',{attrs:{"transfer":true}},[_c('Button',{attrs:{"icon":"md-add","type":"primary"}},[_vm._v(_vm._s(_vm.t("survey_creator.question.create")))]),_vm._v(" "),_c('DropdownMenu',{attrs:{"slot":"list"},slot:"list"},_vm._l((_vm.questionTypes),function(questionType){return _c('DropdownItem',{key:questionType,staticClass:"dropdown_item",nativeOn:{"click":function($event){return _vm.onCreate(questionType)}}},[_vm._v(_vm._s(_vm.t(("survey_creator.question.types." + questionType))))])}),1)],1)};
 var __vue_staticRenderFns__$M = [];
 
   /* style */
-  const __vue_inject_styles__$M = undefined;
+  const __vue_inject_styles__$N = undefined;
   /* scoped */
-  const __vue_scope_id__$M = undefined;
+  const __vue_scope_id__$N = undefined;
   /* module identifier */
-  const __vue_module_identifier__$M = undefined;
+  const __vue_module_identifier__$N = undefined;
   /* functional template */
-  const __vue_is_functional_template__$M = false;
+  const __vue_is_functional_template__$N = false;
   /* style inject */
   
   /* style inject SSR */
@@ -844,22 +854,22 @@ var __vue_staticRenderFns__$M = [];
   
 
   
-  const __vue_component__$M = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$N = /*#__PURE__*/normalizeComponent(
     { render: __vue_render__$M, staticRenderFns: __vue_staticRenderFns__$M },
-    __vue_inject_styles__$M,
-    __vue_script__$M,
-    __vue_scope_id__$M,
-    __vue_is_functional_template__$M,
-    __vue_module_identifier__$M,
+    __vue_inject_styles__$N,
+    __vue_script__$N,
+    __vue_scope_id__$N,
+    __vue_is_functional_template__$N,
+    __vue_module_identifier__$N,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var CreateQuestionDropdown = __vue_component__$M;
+  var CreateQuestionDropdown = __vue_component__$N;
 
-var script$L = Vue.extend({
+var script$M = Vue.extend({
     name: "change-language",
     mixins: [LocaleMixin],
     inject: ["$rootComponent"],
@@ -884,20 +894,20 @@ var script$L = Vue.extend({
 });
 
 /* script */
-const __vue_script__$L = script$L;
+const __vue_script__$M = script$M;
 
 /* template */
 var __vue_render__$L = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Dropdown',[_c('Button',{attrs:{"type":"primary"}},[_vm._v("\n    "+_vm._s(_vm.t(("survey_creator.common.languages." + (this.language))))+"\n    "),_c('Icon',{attrs:{"type":"ios-arrow-down"}})],1),_vm._v(" "),_c('DropdownMenu',{attrs:{"slot":"list"},slot:"list"},_vm._l((_vm.languages),function(language){return _c('DropdownItem',{key:language,attrs:{"transfer":true},nativeOn:{"click":function($event){return _vm.onChangeLanguage(language)}}},[_vm._v(_vm._s(_vm.t(("survey_creator.common.languages." + language))))])}),1)],1)};
 var __vue_staticRenderFns__$L = [];
 
   /* style */
-  const __vue_inject_styles__$L = undefined;
+  const __vue_inject_styles__$M = undefined;
   /* scoped */
-  const __vue_scope_id__$L = undefined;
+  const __vue_scope_id__$M = undefined;
   /* module identifier */
-  const __vue_module_identifier__$L = undefined;
+  const __vue_module_identifier__$M = undefined;
   /* functional template */
-  const __vue_is_functional_template__$L = false;
+  const __vue_is_functional_template__$M = false;
   /* style inject */
   
   /* style inject SSR */
@@ -906,22 +916,22 @@ var __vue_staticRenderFns__$L = [];
   
 
   
-  const __vue_component__$L = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$M = /*#__PURE__*/normalizeComponent(
     { render: __vue_render__$L, staticRenderFns: __vue_staticRenderFns__$L },
-    __vue_inject_styles__$L,
-    __vue_script__$L,
-    __vue_scope_id__$L,
-    __vue_is_functional_template__$L,
-    __vue_module_identifier__$L,
+    __vue_inject_styles__$M,
+    __vue_script__$M,
+    __vue_scope_id__$M,
+    __vue_is_functional_template__$M,
+    __vue_module_identifier__$M,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var ChangeLanguage = __vue_component__$L;
+  var ChangeLanguage = __vue_component__$M;
 
-var script$K = Vue.extend({
+var script$L = Vue.extend({
     name: "toolbar",
     mixins: [LocaleMixin],
     inject: ["$rootComponent"],
@@ -955,20 +965,20 @@ var script$K = Vue.extend({
 });
 
 /* script */
-const __vue_script__$K = script$K;
+const __vue_script__$L = script$L;
 
 /* template */
 var __vue_render__$K = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Row',{staticClass:"toolbar-wrapper",attrs:{"type":"flex","justify":"end","align":"middle","gutter":20}},[(_vm.preview)?_c('Col',[_c('Button',{attrs:{"icon":"ios-search","type":"primary"},on:{"click":this.$rootComponent.onPreview}},[_vm._v(_vm._s(_vm.t("survey_creator.common.settings.preview"))+"\n    ")])],1):_vm._e(),_vm._v(" "),(_vm.changeLanguage)?_c('Col',[_c('change-language',{attrs:{"languages":_vm.survey.options.languages}})],1):_vm._e()],1)};
 var __vue_staticRenderFns__$K = [];
 
   /* style */
-  const __vue_inject_styles__$K = undefined;
+  const __vue_inject_styles__$L = undefined;
   /* scoped */
-  const __vue_scope_id__$K = undefined;
+  const __vue_scope_id__$L = undefined;
   /* module identifier */
-  const __vue_module_identifier__$K = undefined;
+  const __vue_module_identifier__$L = undefined;
   /* functional template */
-  const __vue_is_functional_template__$K = false;
+  const __vue_is_functional_template__$L = false;
   /* style inject */
   
   /* style inject SSR */
@@ -977,68 +987,59 @@ var __vue_staticRenderFns__$K = [];
   
 
   
-  const __vue_component__$K = /*#__PURE__*/normalizeComponent(
+  const __vue_component__$L = /*#__PURE__*/normalizeComponent(
     { render: __vue_render__$K, staticRenderFns: __vue_staticRenderFns__$K },
-    __vue_inject_styles__$K,
-    __vue_script__$K,
-    __vue_scope_id__$K,
-    __vue_is_functional_template__$K,
-    __vue_module_identifier__$K,
+    __vue_inject_styles__$L,
+    __vue_script__$L,
+    __vue_scope_id__$L,
+    __vue_is_functional_template__$L,
+    __vue_module_identifier__$L,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var Toolbar = __vue_component__$K;
+  var Toolbar = __vue_component__$L;
 
-var script$J = Vue.extend({
-    name: "question-title",
-    components: { Icon, Input },
-    mixins: [LocaleMixin],
-    inject: ["$rootComponent"],
+var script$K = Vue.component("question-title-dynamic", {
+    components: { Input },
     props: {
-        question: {
-            type: Object,
+        splitedTitles: {
+            type: Array,
             required: true,
         },
-        customQuestion: {
-            type: Object,
+        customFilledTitle: {
+            type: Array,
             required: false,
         },
     },
-    computed: {
-        customFilledTitle() {
-            return this.customQuestion?.filledTitle;
-        },
-        maxScore() {
-            return BaseQuestionModel.getMaxScore(this.question);
-        },
-        haveScoreRange() {
-            return this.question.type == "SCORING";
-        },
-        scoreRange() {
-            return BaseQuestionModel.getScoreRange(this.question);
-        },
-        haveMaxScore() {
-            return (_.get(this.question, "options.scoringEnabled", false) &&
-                this.question.type != "SCORING");
-        },
-        haveStar() {
-            return _.get(this.question, "options.starEnabled", false);
-        },
-        isSingleSelection() {
-            return this.question.type == "SINGLE_SELECTION";
-        },
-    },
-    methods: {
-        getShowInput(index, formatTitle) {
-            return showInput(index, formatTitle);
-        },
-        getTitle(question) {
-            return formatTitle(question, Vue.$surveyLanguage);
-        },
-    },
+    render(createElement) {
+        let childArr = [];
+        const self = this;
+        console.log(typeof Input);
+        _.forEach(this.splitedTitles, (title, index) => {
+            if (CUSTOM_INPUT_REG.test(title)) {
+                let corespondTitle = _.find(self.customFilledTitle, (title) => {
+                    return title.index === index;
+                });
+                childArr.push(createElement(Input, {
+                    domProps: {
+                        value: corespondTitle.title
+                    },
+                    on: {
+                        input: function (value) {
+                            corespondTitle.title = value;
+                        }
+                    }
+                }));
+            }
+            else {
+                childArr.push(title);
+            }
+        });
+        return createElement("div", { class: "content pl-sm" }, childArr);
+    }
 });
 
 const isOldIE = typeof navigator !== 'undefined' &&
@@ -1094,14 +1095,95 @@ function addStyle(id, css) {
     }
 }
 
+/* script */
+const __vue_script__$K = script$K;
+
+/* template */
+
+  /* style */
+  const __vue_inject_styles__$K = function (inject) {
+    if (!inject) return
+    inject("data-v-452a49b2_0", { source: "[data-v-452a49b2] .ivu-input-wrapper{width:auto}", map: undefined, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$K = "data-v-452a49b2";
+  /* module identifier */
+  const __vue_module_identifier__$K = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$K = undefined;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$K = /*#__PURE__*/normalizeComponent(
+    {},
+    __vue_inject_styles__$K,
+    __vue_script__$K,
+    __vue_scope_id__$K,
+    __vue_is_functional_template__$K,
+    __vue_module_identifier__$K,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+  var QuestionTitleDynamic = __vue_component__$K;
+
+var script$J = Vue.extend({
+    name: "question-title",
+    components: { Icon, Input, QuestionTitleDynamic },
+    mixins: [LocaleMixin],
+    inject: ["$rootComponent"],
+    props: {
+        question: {
+            type: Object,
+            required: true,
+        },
+        customQuestion: {
+            type: Object,
+            required: false,
+        },
+    },
+    computed: {
+        customFilledTitle() {
+            return this.customQuestion?.filledTitle;
+        },
+        maxScore() {
+            return BaseQuestionModel.getMaxScore(this.question);
+        },
+        haveScoreRange() {
+            return this.question.type == "SCORING";
+        },
+        scoreRange() {
+            return BaseQuestionModel.getScoreRange(this.question);
+        },
+        haveMaxScore() {
+            return (_.get(this.question, "options.scoringEnabled", false) &&
+                this.question.type != "SCORING");
+        },
+        haveStar() {
+            return _.get(this.question, "options.starEnabled", false);
+        },
+        isSingleSelection() {
+            return this.question.type == "SINGLE_SELECTION";
+        },
+    },
+    methods: {
+        getTitle(question) {
+            return formatTitle(question, Vue.$surveyLanguage);
+        }
+    },
+});
+
 /* script */
 const __vue_script__$J = script$J;
 
 /* template */
-var __vue_render__$J = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"question-title"},[_c('label',{staticClass:"star"},[_vm._v(_vm._s(_vm.question.options.required ? "*" : ""))]),_vm._v(" "),(_vm.question.header.number)?_c('span',{staticClass:"number pl-sm"},[_vm._v(_vm._s(_vm.question.header.number)+".")]):_vm._e(),_vm._v(" "),_vm._l((_vm.getTitle(_vm.question)),function(title,index){return _c('div',{key:index,staticClass:"flex pl-sm"},[(title !== '')?_c('span',{staticClass:"content"},[_vm._v(_vm._s(title))]):_vm._e(),_vm._v(" "),_vm._l((_vm.customFilledTitle),function(customTitle){return _c('div',{key:index + customTitle.index},[(title === '' && index === customTitle.index)?_c('Input',{model:{value:(customTitle.title),callback:function ($$v) {_vm.$set(customTitle, "title", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"customTitle.title"}}):_c('div',[(
-            _vm.getShowInput(index, _vm.getTitle(_vm.question)) &&
-            index === customTitle.index
-          )?_c('Input',{staticClass:"pl-sm",model:{value:(customTitle.title),callback:function ($$v) {_vm.$set(customTitle, "title", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"customTitle.title"}}):_vm._e()],1)],1)})],2)}),_vm._v(" "),(_vm.haveMaxScore)?_c('span',{staticClass:"options-explain pl-sm title-score-related"},[_vm._v("("+_vm._s(_vm.t("survey_creator.question.max_score", _vm.$rootComponent.currentLanguage))+_vm._s(_vm.maxScore)+")\n  ")]):_vm._e(),_vm._v(" "),(_vm.haveScoreRange)?_c('span',{staticClass:"options-explain pl-sm title-score-related"},[_vm._v("("+_vm._s(_vm.t(
+var __vue_render__$J = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"question-title"},[_c('label',{staticClass:"star"},[_vm._v(_vm._s(_vm.question.options.required ? "*" : ""))]),_vm._v(" "),(_vm.question.header.number)?_c('span',{staticClass:"number pl-sm"},[_vm._v(_vm._s(_vm.question.header.number)+".")]):_vm._e(),_vm._v(" "),(_vm.question)?_c('question-title-dynamic',{attrs:{"splitedTitles":_vm.getTitle(_vm.question),"customFilledTitle":_vm.customFilledTitle}}):_vm._e(),_vm._v(" "),(_vm.haveMaxScore)?_c('span',{staticClass:"options-explain pl-sm title-score-related"},[_vm._v("("+_vm._s(_vm.t("survey_creator.question.max_score", _vm.$rootComponent.currentLanguage))+_vm._s(_vm.maxScore)+")\n  ")]):_vm._e(),_vm._v(" "),(_vm.haveScoreRange)?_c('span',{staticClass:"options-explain pl-sm title-score-related"},[_vm._v("("+_vm._s(_vm.t(
         "survey_creator.question.scoring.scoreRange",
         _vm.$rootComponent.currentLanguage
       ))+_vm._s(_vm.scoreRange)+")\n  ")]):_vm._e(),_vm._v(" "),(_vm.haveStar)?_c('span',{staticClass:"options-explain pl-sm"},[(_vm.isSingleSelection)?_c('span',[_vm._v("\n      ("+_vm._s(_vm.t(
@@ -1116,17 +1198,17 @@ var __vue_render__$J = function () {var _vm=this;var _h=_vm.$createElement;var _
         ))+"\n      "+_vm._s(_vm.question.options.starMinCount)+"\n      "+_vm._s(_vm.t(
           "survey_creator.question.star_multi_suffix",
           _vm.$rootComponent.currentLanguage
-        ))+"\n      )\n    ")],1)]):_vm._e()],2)};
+        ))+"\n      )\n    ")],1)]):_vm._e()],1)};
 var __vue_staticRenderFns__$J = [];
 
   /* style */
   const __vue_inject_styles__$J = function (inject) {
     if (!inject) return
-    inject("data-v-8162241c_0", { source: ".flex[data-v-8162241c]{display:flex;align-items:center}.pl-sm[data-v-8162241c]{padding-left:4px}.title-score-related[data-v-8162241c]{min-width:90px}", map: undefined, media: undefined });
+    inject("data-v-cb42d2bc_0", { source: ".flex[data-v-cb42d2bc]{display:flex;align-items:center}.pl-sm[data-v-cb42d2bc]{padding-left:4px}.title-score-related[data-v-cb42d2bc]{min-width:90px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$J = "data-v-8162241c";
+  const __vue_scope_id__$J = "data-v-cb42d2bc";
   /* module identifier */
   const __vue_module_identifier__$J = undefined;
   /* functional template */
@@ -1345,8 +1427,7 @@ var script$G = Vue.extend({
         customQuestion() {
             let input_titles = [];
             _.each(formatTitle(this.question, Vue.$surveyLanguage), (t, index) => {
-                if (t === "" ||
-                    showInput(index, formatTitle(this.question, Vue.$surveyLanguage))) {
+                if (CUSTOM_INPUT_REG.test(t)) {
                     let title = {
                         title: "",
                         index: index,
@@ -1956,113 +2037,96 @@ var __vue_staticRenderFns__$z = [];
 
   var Star$1 = __vue_component__$z;
 
-class ExprEvaluationQuestion {
-  questions;
-  scope;
-  questionMap;
-
-  constructor(questions, scope) {
-    this.questions = questions;
-    this.scope = _.sortBy(scope);
-
-    this.questionMap = this.buildQuestionMap();
-  }
-
-  calculateNumbers() {
-    const checkedQuestions = this.checkedQuestion();
-    const checkedNumberElements = new Array();
-    this.recurs(checkedQuestions, checkedNumberElements);
-
-    return checkedNumberElements;
-  }
-
-  buildQuestionMap() {
-    const questionMap = {};
-    _.forEach(this.questions, (question) => {
-      questionMap[question.id] = question;
-      if (question.type == "MATRIX") {
-        _.forEach(_.get(question, "subQuestions", []), (subQuestion) => {
-          questionMap[subQuestion.id] = subQuestion;
-        });
-      }
-    });
-    return questionMap;
-  }
-
-  checkedQuestion() {
-    const questions = new Array();
-    _.forEach(this.questions, (question) => {
-      if (_.get(question, "type") == "MATRIX") {
-        const markedQuestions = new Array();
-        _.forEach(_.get(question, "subQuestions", []), (subQuestion) => {
-          if (_.includes(this.scope, subQuestion.id)) {
-            const newSubQuestion = _.cloneDeep(subQuestion);
-            _.set(newSubQuestion, "type", "MATRIX");
-            _.set(newSubQuestion, "parentId", _.get(question, "id"));
-            markedQuestions.push(newSubQuestion);
-          }
-        });
-        if (!_.isEmpty(markedQuestions)) {
-          questions.push(markedQuestions);
-        }
-      } else if (_.includes(this.scope, question.id)) {
-        questions.push(question);
-      }
-    });
-    return questions;
-  }
-
-  recurs(elements, numbers) {
-    for (let i = 0; i < elements.length; i++) {
-      const element = elements[i];
-      if (_.isArray(element)) {
-        numbers.push(new Array());
-        this.recurs(element, numbers[numbers.length - 1]);
-      } else {
-        const temp = new Array();
-        temp.push(this.getFullNumber(element));
-        if (i == elements.length - 1) {
-          numbers.push(temp);
-          continue;
-        }
-        for (let j = i + 1; ; j++) {
-          if (
-            j == elements.length ||
-            !this.isContinuous(elements[j - 1], elements[j])
-          ) {
-            numbers.push(temp);
-            i = j - 1;
-            break;
-          }
-          if (_.size(temp) > 1) {
-            temp.pop();
-          }
-          temp.push(this.getFullNumber(elements[j]));
-        }
-      }
-    }
-  }
-
-  isContinuous(front, hind) {
-    return (
-      !_.isArray(hind) && this.getNumber(hind) - this.getNumber(front) == 1
-    );
-  }
-
-  getFullNumber(question) {
-    if (question.type == "MATRIX") {
-      return (
-        this.questionMap[question.parentId].header.number +
-        "." +
-        this.getNumber(question)
-      );
-    }
-    return this.getNumber(question).toString();
-  }
-
-  getNumber(question) {
-    return question.type == "MATRIX" ? question.number : question.header.number;
-  }
+class ExprEvaluationQuestion {
+    constructor(questions, scope) {
+        this.questions = questions;
+        this.scope = _.sortBy(scope);
+        this.questionMap = this.buildQuestionMap();
+    }
+    calculateNumbers() {
+        const checkedQuestions = this.checkedQuestion();
+        const checkedNumberElements = new Array();
+        this.recurs(checkedQuestions, checkedNumberElements);
+        return checkedNumberElements;
+    }
+    buildQuestionMap() {
+        const questionMap = {};
+        _.forEach(this.questions, (question) => {
+            questionMap[question.id] = question;
+            if (question.type == "MATRIX") {
+                _.forEach(_.get(question, "subQuestions", []), (subQuestion) => {
+                    questionMap[subQuestion.id] = subQuestion;
+                });
+            }
+        });
+        return questionMap;
+    }
+    checkedQuestion() {
+        const questions = new Array();
+        _.forEach(this.questions, (question) => {
+            if (_.get(question, "type") == "MATRIX") {
+                const markedQuestions = new Array();
+                _.forEach(_.get(question, "subQuestions", []), (subQuestion) => {
+                    if (_.includes(this.scope, subQuestion.id)) {
+                        const newSubQuestion = _.cloneDeep(subQuestion);
+                        _.set(newSubQuestion, "type", "MATRIX");
+                        _.set(newSubQuestion, "parentId", _.get(question, "id"));
+                        markedQuestions.push(newSubQuestion);
+                    }
+                });
+                if (!_.isEmpty(markedQuestions)) {
+                    questions.push(markedQuestions);
+                }
+            }
+            else if (_.includes(this.scope, question.id)) {
+                questions.push(question);
+            }
+        });
+        return questions;
+    }
+    recurs(elements, numbers) {
+        for (let i = 0; i < elements.length; i++) {
+            const element = elements[i];
+            if (_.isArray(element)) {
+                numbers.push(new Array());
+                this.recurs(element, numbers[numbers.length - 1]);
+            }
+            else {
+                const temp = new Array();
+                temp.push(this.getFullNumber(element));
+                if (i == elements.length - 1) {
+                    numbers.push(temp);
+                    continue;
+                }
+                for (let j = i + 1;; j++) {
+                    if (j == elements.length ||
+                        !this.isContinuous(elements[j - 1], elements[j])) {
+                        numbers.push(temp);
+                        i = j - 1;
+                        break;
+                    }
+                    if (_.size(temp) > 1) {
+                        temp.pop();
+                    }
+                    temp.push(this.getFullNumber(elements[j]));
+                }
+            }
+        }
+    }
+    isContinuous(front, hind) {
+        return (!_.isArray(hind) && this.getNumber(hind) - this.getNumber(front) == 1);
+    }
+    getFullNumber(question) {
+        if (question.type == "MATRIX") {
+            return (this.questionMap[question.parentId].header.number +
+                "." +
+                this.getNumber(question));
+        }
+        return this.getNumber(question).toString();
+    }
+    getNumber(question) {
+        return question.type == "MATRIX" ? question.number : question.header.number;
+    }
 }
 
 const SPLIT_LENGTH = 60;
@@ -5970,7 +6034,7 @@ var script = Vue.extend({
                     let input_titles = [];
                     let formatTitleStr = formatTitle(q, Vue.$surveyLanguage);
                     _.each(formatTitleStr, (t, index) => {
-                        if (t === "" || showInput(index, formatTitleStr)) {
+                        if (CUSTOM_INPUT_REG.test(t)) {
                             let title = {
                                 title: "",
                                 index: index,