{"version":3,"sources":["webpack:///./src/components/packTestSurvey/CustomQuestions.vue?b0d8","webpack:///src/components/packTestSurvey/CustomQuestions.vue","webpack:///./src/components/packTestSurvey/CustomQuestions.vue?b723","webpack:///./src/components/packTestSurvey/CustomQuestions.vue?de38","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./src/components/packTestSurvey/CustomQuestions.vue?7994","webpack:///./src/components/packTestSurvey/StudyResults.vue?23b4","webpack:///./src/components/icons/IconChartResults.vue?c678","webpack:///./src/components/icons/IconChartResults.vue","webpack:///./src/components/icons/IconSee.vue?196d","webpack:///./src/components/icons/IconSee.vue","webpack:///./src/components/icons/IconThink.vue?c019","webpack:///./src/components/icons/IconThink.vue","webpack:///./src/components/icons/IconIncrease.vue?d20e","webpack:///./src/components/icons/IconIncrease.vue","webpack:///./src/components/icons/IconDecrease.vue?4644","webpack:///./src/components/icons/IconDecrease.vue","webpack:///./src/components/icons/IconEqual.vue?5106","webpack:///./src/components/icons/IconEqual.vue","webpack:///./src/components/icons/IconBuy.vue?1465","webpack:///./src/components/icons/IconBuy.vue","webpack:///./src/components/icons/IconSelect.vue?d38c","webpack:///./src/components/icons/IconSelect.vue","webpack:///src/components/packTestSurvey/StudyResults.vue","webpack:///./src/components/packTestSurvey/StudyResults.vue?0ee4","webpack:///./src/components/packTestSurvey/StudyResults.vue","webpack:///./src/components/packTestSurvey/StudyResults.vue?ab70","webpack:///./src/components/packTestSurvey/CustomQuestions.vue?b6e3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","surveyID","user","SkinIdentifier","_v","_s","client","ClientName","_e","_m","domProps","langObj","quiz","class","dlb","dlbStatus","loading","on","$event","addCustomQuestionModal","customQuestionsList","CustomQuestions","length","key","Math","random","questionsConfig","loadingNewQuestions","deleteCustomQuestions","editQuestion","saveInLibrary","tempHide","minRows","insertCustomQuestions","model","value","callback","$$v","$set","expression","nextStep","prevStep","questionsModalTitle","editMode","props","disabled","questionsData","closeQuestionBuilder","activeMode","modalTab1","activeBuilder","type","modalTab2","getSavedQuestions","previewQuestionsList","style","modalQuestionType1","modalQuestionType6","modalQuestionType2","modalQuestionType3","modalQuestionType4","modalQuestionType7","modalQuestionType5","savedQuestions","focus","searchActive","searchText","staticStyle","directives","name","rawName","slot","uniqueQuestionsCategories","categoryFilter","filteredQuestions","insertCustomQuestionsLoading","addSavedQuestion","deleteSavedQuestions","modalTextQIntro","modalTextQExampleLabel","modalTextQDetailsLabel","editModeItemIndex","setQuestionData","modalEssayQIntro","modalEssayQExampleLabel","modalEssayQDetailsLabel","modalSingleQIntro","modalSingleQDetailsLabel","modalSingleQExampleLabel","modalMultiQIntro","modalMultiQDetailsLabel","modalMultiQExampleLabel","modalRankQIntro","modalRankQDetailsLabel","modalRankQExampleLabel","modalGridQIntro","modalGridQDetailsLabel","modalGridQExampleLabel","modalGridCheckboxQIntro","modalGridCheckboxQDetailsLabel","modalGridCheckboxQExampleLabel","modalButton5","setBuilderType","staticRenderFns","components","ProgressBar","StepNaviBar","QuestionsTypePreview","TextTypeExample","SingleChoiceExample","MultiChoiceExample","RankExample","GridExample","TextTypeBuilder","MultiOptionsTypeBuilder","GridTypeBuilder","QuestionsListPreview","Loader","IconBase","IconQuestion","IconSearchThin","IconNoResults","mixins","data","radioBtnTypesStyle","display","height","lineHeight","questionsInstructions","surveyType","loadingSavedQuestions","undefined","computed","title","category","label","filter","matchesText","matchesCategory","watch","handler","deep","methods","$router","push","routeName","params","setSurveySummaryData","e","getCustomQuestions","setTimeout","_this","index","questions","splice","userId","EncrypteduserID","wsUtils","closeModal","insertCustomQuestionPromise","then","showNotification","message","description","placement","duration","customQuestions","map","jsUtils","getCustomQuestionsPromise","Question","questionsType","questionType","wsName","getQuota","setAsScreener","SurveyCustomQuestionID","question","deleteQuestion","Success","id","activated","$route","created","component","_arrayWithoutHoles","arr","Array","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","script","IconResults","IconSee","IconThink","IconIncrease","IconDecrease","IconEqual","IconBuy","IconSelect","SurveyTypeId","Number","mounted"],"mappings":"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","file":"js/custom-questions.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"questions authoring-wrapper\"},[_c('div',{staticClass:\"flex\"},[_c('ProgressBar',{attrs:{\"stepIndex\":4,\"surveyID\":_vm.surveyID,\"stepsType\":\"pack\"}}),_c('section',{staticClass:\"wrapper\"},[_c('a-breadcrumb',{staticClass:\"breadcrum breadcrum--authoring\"},[(_vm.user !== null && _vm.user.SkinIdentifier !== 'pg')?[_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(_vm._s(_vm.client.ClientName))])]),_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/products\"}},[_vm._v(\"Products\")])]),_c('a-breadcrumb-item',[_vm._v(\"Pack Test\")])]:_vm._e()],2),_c('div',{staticClass:\"wrapper__inner\"},[_c('div',{staticClass:\"page-title page-title--transparent-svg-color\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":24,\"viewBox2\":24,\"iconName\":\"question\",\"iconStroke\":\"#4318FF\"}},[_c('icon-question')],1),_vm._m(0)],1),_c('div',{staticClass:\"box-wrapper\"},[_c('div',{staticClass:\"questions__intro\"},[_c('div',{staticClass:\"section-info\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-cQues'].quiz)}})]),_c('a-button',{class:{ dlb: _vm.dlbStatus },attrs:{\"type\":\"primary\",\"disabled\":_vm.loading},on:{\"click\":function($event){_vm.dlbStatus\n                  ? (_vm.addCustomQuestionModal = false)\n                  : (_vm.addCustomQuestionModal = true)}}},[_vm._v(\" Add question \")])],1),_c('h2',[_vm._v(\"Questions preview\")]),_c('div',{staticClass:\"questions__box\"},[(\n                _vm.customQuestionsList !== null &&\n                _vm.customQuestionsList.CustomQuestions.length\n              )?_c('QuestionsListPreview',{key:Math.random(),attrs:{\"questionsList\":_vm.customQuestionsList.CustomQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"loading\":_vm.questionsConfig.loadingNewQuestions,\"showSetAsScreener\":false,\"showSaveInLibrary\":true,\"hideAddButton\":true},on:{\"deleteCustomQuestions\":_vm.deleteCustomQuestions,\"editQuestion\":_vm.editQuestion,\"saveInLibrary\":_vm.saveInLibrary}}):_c('p',{staticClass:\"font-size-14 mb-0\"},[(_vm.loading)?_c('Loader',{attrs:{\"text\":\"Loading custom question...\"}}):_c('span',[_vm._v(\"You don't have any custom questions yet.\")])],1)],1),(\n              _vm.customQuestionsList !== null &&\n              _vm.customQuestionsList.CustomQuestions.length &&\n              !_vm.tempHide\n            )?_c('div',[_c('h2',[_vm._v(\"Instructions\")]),_c('div',{staticClass:\"questions__box\"},[_c('label',[_vm._v(\" Do you have any requirements for the custom question(s)? Please describe any logic, termination, dependencies or piping that may be required. \")]),_c('a-textarea',{attrs:{\"auto-size\":{ minRows: 4 }},on:{\"blur\":function($event){return _vm.insertCustomQuestions(_vm.customQuestionsList)}},model:{value:(_vm.customQuestionsList.questionsInstructions),callback:function ($$v) {_vm.$set(_vm.customQuestionsList, \"questionsInstructions\", $$v)},expression:\"customQuestionsList.questionsInstructions\"}})],1)]):_vm._e()]),_c('StepNaviBar',{attrs:{\"stepIndex\":4,\"conciergeAssistance\":true,\"prevDisable\":false,\"prevBtnTooltip\":\"Back to Brand Strategy\",\"nextBtnTooltip\":\"Go to Launch\",\"stepsType\":\"pack\"},on:{\"nextHandler\":_vm.nextStep,\"prevHandler\":_vm.prevStep}})],1)],1)],1),_c('a-modal',{attrs:{\"title\":_vm.questionsModalTitle,\"visible\":_vm.addCustomQuestionModal,\"width\":_vm.questionsConfig.editMode ? 650 : 800,\"okText\":\"Save\",\"okButtonProps\":{\n      props: { disabled: !_vm.questionsData.CustomQuestions.length },\n    },\"footer\":null,\"destroyOnClose\":true,\"wrapClassName\":\"ant-modal--custom-questions\"},on:{\"cancel\":function($event){return _vm.closeQuestionBuilder('cancel')}}},[(!_vm.questionsConfig.editMode)?_c('div',{staticClass:\"choose-questions-nav\"},[_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'builder' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab1)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'builder'),\n            (_vm.questionsConfig.activeBuilder = _vm.questionsConfig.type)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'examples' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab2)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'examples'),\n            (_vm.questionsConfig.activeBuilder = null)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'saved' ? 'primary' : ''},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'saved'),\n            (_vm.questionsConfig.activeBuilder = null),\n            _vm.getSavedQuestions()}}},[_vm._v(\"Saved\")])],1):_vm._e(),_c('div',{staticClass:\"choose-questions\",class:{ 'choose-questions--edit': _vm.questionsConfig.editMode }},[(\n          !_vm.questionsConfig.editMode && _vm.questionsConfig.activeMode !== 'saved'\n        )?_c('div',{staticClass:\"choose-questions__types\"},[_c('a-radio-group',{class:{\n            'ant-radio-group--border-b': _vm.questionsData.CustomQuestions.length,\n            'ant-radio-group--disabled':\n              _vm.questionsConfig.previewQuestionsList ||\n              _vm.questionsConfig.editMode,\n          },attrs:{\"disable\":\"\"},model:{value:(_vm.questionsConfig.type),callback:function ($$v) {_vm.$set(_vm.questionsConfig, \"type\", $$v)},expression:\"questionsConfig.type\"}},[_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"text\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType1)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"essay\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType6)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType2)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType3)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"rank-dragdrop\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType4)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType7)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType5)}})])],1)],1):_vm._e(),(_vm.questionsConfig.activeMode === 'saved')?_c('div',{staticClass:\"choose-questions__preview choose-questions__preview--saved\",class:{\n          'flex justify-center items-center': _vm.savedQuestions.length === 0,\n        }},[(_vm.loadingSavedQuestions)?_c('Loader',{attrs:{\"text\":\"Loading questions...\",\"paddingTop\":151,\"paddingBottom\":151}}):(_vm.savedQuestions.length)?_c('div',[_c('div',{staticClass:\"flex justify-end gap-15 mb-25 mt-10\"},[_c('div',{staticClass:\"input-group input-group--small\"},[_c('div',{staticClass:\"position-r search-field\",class:{ focus: _vm.searchActive }},[_c('a-input',{staticClass:\"filterPanel__search\",class:{\n                    'filterPanel__search--active': _vm.searchText != '',\n                  },staticStyle:{\"width\":\"230px\"},attrs:{\"placeholder\":\"Search by Question Text\"},on:{\"focus\":function($event){_vm.searchActive = true},\"blur\":function($event){_vm.searchActive = false}},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}},[_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.searchText != ''),expression:\"searchText != ''\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"close-circle\"},on:{\"click\":function($event){_vm.searchText = ''}},slot:\"addonAfter\"})],1),_c('icon-base',{staticClass:\"search-icon\",attrs:{\"width\":20,\"height\":20,\"viewBox1\":64,\"viewBox2\":64,\"iconName\":\"searchThin\",\"iconColor\":\"transparent\",\"iconStroke\":\"#000\"}},[_c('icon-search-thin')],1)],1)]),_c('div',{staticClass:\"input-group input-group--small\"},[_c('a-select',{staticStyle:{\"width\":\"230px\"},attrs:{\"options\":_vm.uniqueQuestionsCategories,\"mode\":\"multiple\",\"placeholder\":\"Filter by Category\",\"filterOption\":false,\"disabled\":_vm.uniqueQuestionsCategories.length <= 1},model:{value:(_vm.categoryFilter),callback:function ($$v) {_vm.categoryFilter=$$v},expression:\"categoryFilter\"}})],1)]),(_vm.filteredQuestions.length)?_c('QuestionsListPreview',{attrs:{\"questionsList\":_vm.filteredQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"showSetAsScreener\":false,\"showSaveInLibrary\":false,\"hideEditButton\":true,\"insertCustomQuestionsLoading\":_vm.insertCustomQuestionsLoading},on:{\"addSavedQuestion\":function($event){return _vm.addSavedQuestion($event)},\"deleteCustomQuestions\":_vm.deleteSavedQuestions}}):_c('div',{staticClass:\"\\n              flex\\n              items-center\\n              justify-center\\n              flex-col flex-1\\n              text-center\\n            \",staticStyle:{\"margin-top\":\"110px\"}},[_c('icon-base',{staticClass:\"mb-10\",attrs:{\"width\":40,\"height\":40,\"viewBox1\":32,\"viewBox2\":32,\"iconName\":\"no-results\",\"iconColor\":\"#415262\",\"iconStroke\":\"#fff\"}},[_c('icon-no-results')],1),_c('p',{staticClass:\"mb-20\"},[_vm._v(\" No questions found. \"),_c('br'),_vm._v(\" Please adjust your search or filter criteria. \")])],1)],1):_c('div',{staticClass:\"flex items-center justify-center flex-col flex-1 text-center\"},[_c('icon-base',{staticClass:\"mb-10\",attrs:{\"width\":40,\"height\":40,\"viewBox1\":32,\"viewBox2\":32,\"iconName\":\"no-results\",\"iconColor\":\"#415262\",\"iconStroke\":\"#fff\"}},[_c('icon-no-results')],1),_c('p',{staticClass:\"mb-20\"},[_vm._v(\"No saved questions found.\")])],1)],1):_c('div',{staticClass:\"choose-questions__preview\"},[[(_vm.questionsConfig.type === 'text')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType1,\"subTitle\":_vm.langObj['s4-customQuestions'].modalTextQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalTextQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'text' &&\n              _vm.questionsConfig.activeBuilder === 'text'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'text' &&\n                _vm.questionsConfig.activeBuilder === 'text'\n              )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false}})],1):_vm._e(),(_vm.questionsConfig.type === 'essay')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType6,\"subTitle\":_vm.langObj['s4-customQuestions'].modalEssayQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalEssayQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'essay' &&\n              _vm.questionsConfig.activeBuilder === 'essay'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'essay' &&\n                _vm.questionsConfig.activeBuilder === 'essay'\n              )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"essay\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false,\"type\":\"essay\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType2,\"subTitle\":_vm.langObj['s4-customQuestions'].modalSingleQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalSingleQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'radio' &&\n              _vm.questionsConfig.activeBuilder === 'radio'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'radio' &&\n                _vm.questionsConfig.activeBuilder === 'radio'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"radio\",\"sort\":\"NONE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('SingleChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalSingleQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType3,\"subTitle\":_vm.langObj['s4-customQuestions'].modalMultiQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalMultiQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'checkbox' &&\n              _vm.questionsConfig.activeBuilder === 'checkbox'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'checkbox'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"checkbox\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('MultiChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalMultiQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'rank-dragdrop')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType4,\"subTitle\":_vm.langObj['s4-customQuestions'].modalRankQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalRankQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'rank-dragdrop' &&\n              _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'rank-dragdrop' &&\n                _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"rank-dragdrop\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('RankExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalRankQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType7,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-radio' &&\n              _vm.questionsConfig.activeBuilder === 'table-radio'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'table-radio' &&\n                _vm.questionsConfig.activeBuilder === 'table-radio'\n              )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridQExampleLabel,\"type\":\"table-radio\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType5,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-checkbox' &&\n              _vm.questionsConfig.activeBuilder === 'table-checkbox'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'table-checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'table-checkbox'\n              )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"table-checkbox\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.activeBuilder === null)?_c('div',{staticClass:\"flex justify-center\"},[_c('a-button',{attrs:{\"type\":\"primary\"},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalButton5)},on:{\"click\":_vm.setBuilderType}})],1):_vm._e()]],2)])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title__text\"},[_c('h1',[_vm._v(\"Custom Questions\")]),_c('span',[_vm._v(\"Add custom questions for your study\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"questions authoring-wrapper\">\n    <div class=\"flex\">\n      <ProgressBar :stepIndex=\"4\" :surveyID=\"surveyID\" stepsType=\"pack\" />\n      <section class=\"wrapper\">\n        <a-breadcrumb class=\"breadcrum breadcrum--authoring\">\n          <template v-if=\"user !== null && user.SkinIdentifier !== 'pg'\">\n            <a-breadcrumb-item\n              ><a href=\"/\">{{ client.ClientName }}</a></a-breadcrumb-item\n            >\n            <a-breadcrumb-item\n              ><a href=\"/products\">Products</a></a-breadcrumb-item\n            >\n            <a-breadcrumb-item>Pack Test</a-breadcrumb-item>\n          </template>\n        </a-breadcrumb>\n        <div class=\"wrapper__inner\">\n          <div class=\"page-title page-title--transparent-svg-color\">\n            <icon-base\n              :width=\"32\"\n              :height=\"33\"\n              :viewBox1=\"24\"\n              :viewBox2=\"24\"\n              iconName=\"question\"\n              iconStroke=\"#4318FF\"\n              ><icon-question\n            /></icon-base>\n            <div class=\"page-title__text\">\n              <h1>Custom Questions</h1>\n              <span>Add custom questions for your study</span>\n            </div>\n          </div>\n          <div class=\"box-wrapper\">\n            <div class=\"questions__intro\">\n              <div class=\"section-info\">\n                <p v-html=\"langObj['s4-cQues'].quiz\"></p>\n              </div>\n              <a-button\n                type=\"primary\"\n                @click=\"\n                  dlbStatus\n                    ? (addCustomQuestionModal = false)\n                    : (addCustomQuestionModal = true)\n                \"\n                :class=\"{ dlb: dlbStatus }\"\n                :disabled=\"loading\"\n              >\n                Add question\n              </a-button>\n            </div>\n\n            <h2>Questions preview</h2>\n            <div class=\"questions__box\">\n              <QuestionsListPreview\n                v-if=\"\n                  customQuestionsList !== null &&\n                  customQuestionsList.CustomQuestions.length\n                \"\n                :questionsList=\"customQuestionsList.CustomQuestions\"\n                :langObj=\"langObj\"\n                :questionSettings=\"true\"\n                :key=\"Math.random()\"\n                :loading=\"questionsConfig.loadingNewQuestions\"\n                :showSetAsScreener=\"false\"\n                :showSaveInLibrary=\"true\"\n                :hideAddButton=\"true\"\n                @deleteCustomQuestions=\"deleteCustomQuestions\"\n                @editQuestion=\"editQuestion\"\n                @saveInLibrary=\"saveInLibrary\"\n              ></QuestionsListPreview>\n              <p v-else class=\"font-size-14 mb-0\">\n                <Loader\n                  text=\"Loading custom question...\"\n                  v-if=\"loading\"\n                ></Loader>\n                <span v-else>You don't have any custom questions yet.</span>\n              </p>\n            </div>\n\n            <div\n              v-if=\"\n                customQuestionsList !== null &&\n                customQuestionsList.CustomQuestions.length &&\n                !tempHide\n              \"\n            >\n              <h2>Instructions</h2>\n              <div class=\"questions__box\">\n                <label>\n                  Do you have any requirements for the custom question(s)?\n                  Please describe any logic, termination, dependencies or piping\n                  that may be required.\n                </label>\n                <a-textarea\n                  v-model=\"customQuestionsList.questionsInstructions\"\n                  @blur=\"insertCustomQuestions(customQuestionsList)\"\n                  :auto-size=\"{ minRows: 4 }\"\n                />\n              </div>\n            </div>\n          </div>\n          <StepNaviBar\n            :stepIndex=\"4\"\n            :conciergeAssistance=\"true\"\n            @nextHandler=\"nextStep\"\n            :prevDisable=\"false\"\n            @prevHandler=\"prevStep\"\n            prevBtnTooltip=\"Back to Brand Strategy\"\n            nextBtnTooltip=\"Go to Launch\"\n            stepsType=\"pack\"\n          />\n        </div>\n      </section>\n    </div>\n\n    <a-modal\n      :title=\"questionsModalTitle\"\n      :visible=\"addCustomQuestionModal\"\n      :width=\"questionsConfig.editMode ? 650 : 800\"\n      okText=\"Save\"\n      :okButtonProps=\"{\n        props: { disabled: !questionsData.CustomQuestions.length },\n      }\"\n      :footer=\"null\"\n      @cancel=\"closeQuestionBuilder('cancel')\"\n      :destroyOnClose=\"true\"\n      wrapClassName=\"ant-modal--custom-questions\"\n    >\n      <div class=\"choose-questions-nav\" v-if=\"!questionsConfig.editMode\">\n        <a-button\n          @click=\"\n            (questionsConfig.activeMode = 'builder'),\n              (questionsConfig.activeBuilder = questionsConfig.type)\n          \"\n          :type=\"questionsConfig.activeMode === 'builder' ? 'primary' : ''\"\n          v-html=\"langObj['s4-customQuestions'].modalTab1\"\n        ></a-button>\n        <a-button\n          @click=\"\n            (questionsConfig.activeMode = 'examples'),\n              (questionsConfig.activeBuilder = null)\n          \"\n          :type=\"questionsConfig.activeMode === 'examples' ? 'primary' : ''\"\n          v-html=\"langObj['s4-customQuestions'].modalTab2\"\n        ></a-button>\n        <a-button\n          @click=\"\n            (questionsConfig.activeMode = 'saved'),\n              (questionsConfig.activeBuilder = null),\n              getSavedQuestions()\n          \"\n          :type=\"questionsConfig.activeMode === 'saved' ? 'primary' : ''\"\n          >Saved</a-button\n        >\n      </div>\n      <div\n        class=\"choose-questions\"\n        :class=\"{ 'choose-questions--edit': questionsConfig.editMode }\"\n      >\n        <div\n          class=\"choose-questions__types\"\n          v-if=\"\n            !questionsConfig.editMode && questionsConfig.activeMode !== 'saved'\n          \"\n        >\n          <a-radio-group\n            v-model=\"questionsConfig.type\"\n            disable\n            :class=\"{\n              'ant-radio-group--border-b': questionsData.CustomQuestions.length,\n              'ant-radio-group--disabled':\n                questionsConfig.previewQuestionsList ||\n                questionsConfig.editMode,\n            }\"\n          >\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              selected\n              value=\"text\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType1\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              selected\n              value=\"essay\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType6\"\n              ></span>\n            </a-radio>\n            <a-radio :style=\"questionsConfig.radioBtnTypesStyle\" value=\"radio\">\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType2\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"checkbox\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType3\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"rank-dragdrop\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType4\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"table-radio\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType7\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"table-checkbox\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType5\"\n              ></span>\n            </a-radio>\n          </a-radio-group>\n        </div>\n        <div\n          v-if=\"questionsConfig.activeMode === 'saved'\"\n          class=\"choose-questions__preview choose-questions__preview--saved\"\n          :class=\"{\n            'flex justify-center items-center': savedQuestions.length === 0,\n          }\"\n        >\n          <Loader\n            text=\"Loading questions...\"\n            v-if=\"loadingSavedQuestions\"\n            :paddingTop=\"151\"\n            :paddingBottom=\"151\"\n          ></Loader>\n          <div v-else-if=\"savedQuestions.length\">\n            <div class=\"flex justify-end gap-15 mb-25 mt-10\">\n              <div class=\"input-group input-group--small\">\n                <div\n                  class=\"position-r search-field\"\n                  :class=\"{ focus: searchActive }\"\n                >\n                  <a-input\n                    placeholder=\"Search by Question Text\"\n                    style=\"width: 230px\"\n                    v-model=\"searchText\"\n                    class=\"filterPanel__search\"\n                    @focus=\"searchActive = true\"\n                    @blur=\"searchActive = false\"\n                    :class=\"{\n                      'filterPanel__search--active': searchText != '',\n                    }\"\n                  >\n                    <a-icon\n                      slot=\"addonAfter\"\n                      theme=\"filled\"\n                      type=\"close-circle\"\n                      v-show=\"searchText != ''\"\n                      @click=\"searchText = ''\"\n                  /></a-input>\n                  <icon-base\n                    class=\"search-icon\"\n                    :width=\"20\"\n                    :height=\"20\"\n                    :viewBox1=\"64\"\n                    :viewBox2=\"64\"\n                    iconName=\"searchThin\"\n                    iconColor=\"transparent\"\n                    iconStroke=\"#000\"\n                    ><icon-search-thin\n                  /></icon-base>\n                </div>\n              </div>\n              <div class=\"input-group input-group--small\">\n                <a-select\n                  v-model=\"categoryFilter\"\n                  :options=\"uniqueQuestionsCategories\"\n                  style=\"width: 230px\"\n                  mode=\"multiple\"\n                  placeholder=\"Filter by Category\"\n                  :filterOption=\"false\"\n                  :disabled=\"uniqueQuestionsCategories.length <= 1\"\n                >\n                </a-select>\n              </div>\n            </div>\n            <QuestionsListPreview\n              v-if=\"filteredQuestions.length\"\n              :questionsList=\"filteredQuestions\"\n              :langObj=\"langObj\"\n              :questionSettings=\"true\"\n              :showSetAsScreener=\"false\"\n              :showSaveInLibrary=\"false\"\n              :hideEditButton=\"true\"\n              :insertCustomQuestionsLoading=\"insertCustomQuestionsLoading\"\n              @addSavedQuestion=\"addSavedQuestion($event)\"\n              @deleteCustomQuestions=\"deleteSavedQuestions\"\n            ></QuestionsListPreview>\n            <div\n              v-else\n              class=\"\n                flex\n                items-center\n                justify-center\n                flex-col flex-1\n                text-center\n              \"\n              style=\"margin-top: 110px\"\n            >\n              <icon-base\n                :width=\"40\"\n                :height=\"40\"\n                :viewBox1=\"32\"\n                :viewBox2=\"32\"\n                iconName=\"no-results\"\n                iconColor=\"#415262\"\n                iconStroke=\"#fff\"\n                class=\"mb-10\"\n                ><icon-no-results\n              /></icon-base>\n              <p class=\"mb-20\">\n                No questions found. <br />\n                Please adjust your search or filter criteria.\n              </p>\n            </div>\n          </div>\n          <div\n            v-else\n            class=\"flex items-center justify-center flex-col flex-1 text-center\"\n          >\n            <icon-base\n              :width=\"40\"\n              :height=\"40\"\n              :viewBox1=\"32\"\n              :viewBox2=\"32\"\n              iconName=\"no-results\"\n              iconColor=\"#415262\"\n              iconStroke=\"#fff\"\n              class=\"mb-10\"\n              ><icon-no-results\n            /></icon-base>\n            <p class=\"mb-20\">No saved questions found.</p>\n          </div>\n        </div>\n        <div v-else class=\"choose-questions__preview\">\n          <template>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'text'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType1\"\n              :subTitle=\"langObj['s4-customQuestions'].modalTextQIntro\"\n              :exampleQuestionText=\"\n                langObj['s4-customQuestions'].modalTextQExampleLabel\n              \"\n              :description=\"\n                langObj['s4-customQuestions'].modalTextQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'text' &&\n                questionsConfig.activeBuilder === 'text'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <TextTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'text' &&\n                  questionsConfig.activeBuilder === 'text'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n              ></TextTypeBuilder>\n              <TextTypeExample\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalTextQExampleLabel\n                \"\n                :langObj=\"langObj\"\n                :questionSettings=\"false\"\n                v-else\n              ></TextTypeExample>\n            </QuestionsTypePreview>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'essay'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType6\"\n              :subTitle=\"langObj['s4-customQuestions'].modalEssayQIntro\"\n              :exampleQuestionText=\"\n                langObj['s4-customQuestions'].modalEssayQExampleLabel\n              \"\n              :description=\"\n                langObj['s4-customQuestions'].modalEssayQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'essay' &&\n                questionsConfig.activeBuilder === 'essay'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <TextTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'essay' &&\n                  questionsConfig.activeBuilder === 'essay'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n                type=\"essay\"\n              ></TextTypeBuilder>\n              <TextTypeExample\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalEssayQExampleLabel\n                \"\n                :langObj=\"langObj\"\n                :questionSettings=\"false\"\n                type=\"essay\"\n                v-else\n              ></TextTypeExample>\n            </QuestionsTypePreview>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'radio'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType2\"\n              :subTitle=\"langObj['s4-customQuestions'].modalSingleQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalSingleQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'radio' &&\n                questionsConfig.activeBuilder === 'radio'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'radio' &&\n                  questionsConfig.activeBuilder === 'radio'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"radio\"\n                sort=\"NONE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <SingleChoiceExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalSingleQExampleLabel\n                \"\n              ></SingleChoiceExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'checkbox'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType3\"\n              :subTitle=\"langObj['s4-customQuestions'].modalMultiQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalMultiQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'checkbox' &&\n                questionsConfig.activeBuilder === 'checkbox'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'checkbox' &&\n                  questionsConfig.activeBuilder === 'checkbox'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"checkbox\"\n                sort=\"SHUFFLE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <MultiChoiceExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalMultiQExampleLabel\n                \"\n              ></MultiChoiceExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'rank-dragdrop'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType4\"\n              :subTitle=\"langObj['s4-customQuestions'].modalRankQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalRankQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'rank-dragdrop' &&\n                questionsConfig.activeBuilder === 'rank-dragdrop'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'rank-dragdrop' &&\n                  questionsConfig.activeBuilder === 'rank-dragdrop'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"rank-dragdrop\"\n                sort=\"SHUFFLE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <RankExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalRankQExampleLabel\n                \"\n              ></RankExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'table-radio'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType7\"\n              :subTitle=\"langObj['s4-customQuestions'].modalGridQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalGridQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'table-radio' &&\n                questionsConfig.activeBuilder === 'table-radio'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <GridTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'table-radio' &&\n                  questionsConfig.activeBuilder === 'table-radio'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n              ></GridTypeBuilder>\n              <GridExample\n                v-else\n                :langObj=\"langObj\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalGridQExampleLabel\n                \"\n                type=\"table-radio\"\n              ></GridExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'table-checkbox'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType5\"\n              :subTitle=\"langObj['s4-customQuestions'].modalGridCheckboxQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'table-checkbox' &&\n                questionsConfig.activeBuilder === 'table-checkbox'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <GridTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'table-checkbox' &&\n                  questionsConfig.activeBuilder === 'table-checkbox'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n                type=\"table-checkbox\"\n              ></GridTypeBuilder>\n              <GridExample\n                v-else\n                :langObj=\"langObj\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel\n                \"\n              ></GridExample>\n            </QuestionsTypePreview>\n\n            <div\n              class=\"flex justify-center\"\n              v-if=\"questionsConfig.activeBuilder === null\"\n            >\n              <a-button\n                type=\"primary\"\n                @click=\"setBuilderType\"\n                v-html=\"langObj['s4-customQuestions'].modalButton5\"\n              >\n              </a-button>\n            </div>\n          </template>\n        </div>\n      </div>\n    </a-modal>\n  </div>\n</template>\n\n<script>\nimport ProgressBar from \"@/components/videoAds/ProgressBar.vue\";\nimport StepNaviBar from \"@/components/videoAds/StepNaviBar1.vue\";\nimport QuestionsTypePreview from \"@/components/questions/QuestionsTypePreview.vue\";\nimport TextTypeExample from \"@/components/questions/TextTypeExample.vue\";\nimport TextTypeBuilder from \"@/components/questions/TextTypeBuilder.vue\";\nimport SingleChoiceExample from \"@/components/questions/SingleChoiceExample.vue\";\nimport MultiChoiceExample from \"@/components/questions/MultiChoiceExample.vue\";\nimport MultiOptionsTypeBuilder from \"@/components/questions/MultiOptionsTypeBuilder.vue\";\nimport GridTypeBuilder from \"@/components/questions/GridTypeBuilder.vue\";\nimport RankExample from \"@/components/questions/RankExample.vue\";\nimport GridExample from \"@/components/questions/GridExample.vue\";\nimport QuestionsListPreview from \"@/components/questions/QuestionsListPreview.vue\";\nimport Loader from \"@/components/general/Loader.vue\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconQuestion from \"@/components/icons/IconQuestion.vue\";\nimport IconSearchThin from \"@/components/icons/IconSearchThin.vue\";\nimport IconNoResults from \"@/components/icons/IconNoResults.vue\";\n\nexport default {\n  name: \"CustomQuestions\",\n  components: {\n    ProgressBar,\n    StepNaviBar,\n    QuestionsTypePreview,\n    TextTypeExample,\n    SingleChoiceExample,\n    MultiChoiceExample,\n    RankExample,\n    GridExample,\n    TextTypeBuilder,\n    MultiOptionsTypeBuilder,\n    GridTypeBuilder,\n    QuestionsListPreview,\n    Loader,\n    IconBase,\n    IconQuestion,\n    IconSearchThin,\n    IconNoResults,\n  },\n  mixins: [surveyPriceMixin],\n  data() {\n    return {\n      surveyID: null,\n      user: null,\n      client: null,\n      langObj: null,\n      questionsConfig: {\n        type: \"text\",\n        radioBtnTypesStyle: {\n          display: \"block\",\n          height: \"30px\",\n          lineHeight: \"30px\",\n        },\n        activeBuilder: \"text\",\n        previewQuestionsList: false,\n        editModeItemIndex: null,\n        editMode: false,\n        activeMode: \"builder\",\n        loadingNewQuestions: false,\n      },\n      addCustomQuestionModal: false,\n      questionsData: {\n        questionsInstructions: \"Testing1\",\n        surveyID: null,\n        CustomQuestions: [],\n      },\n      customQuestionsList: null,\n      loading: false,\n      tempHide: true,\n      surveyType: null,\n      savedQuestions: [],\n      loadingSavedQuestions: false,\n      searchText: \"\",\n      categoryFilter: undefined,\n      searchActive: false,\n      insertCustomQuestionsLoading: false,\n    };\n  },\n  computed: {\n    questionsModalTitle() {\n      let title = \"Examples\";\n      if (this.questionsConfig.previewQuestionsList) {\n        title = \"My questions list\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        !this.questionsConfig.editMode\n      ) {\n        title = \"Create a question\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        this.questionsConfig.editMode\n      ) {\n        title = \"Edit a question\";\n      }\n      return title;\n    },\n    dlbStatus() {\n      return this.surveyType === \"packtestextend\";\n    },\n    uniqueQuestionsCategories() {\n      if (this.savedQuestions.length === 0) {\n        return;\n      }\n\n      const categories = [\n        ...new Set(\n          this.savedQuestions.map((question) => question.questionCategory)\n        ),\n      ];\n\n      return [\n        ...categories.map((category) => ({\n          value: category,\n          label: category,\n        })),\n      ];\n    },\n    filteredQuestions() {\n      if (\n        this.searchText.length < 3 &&\n        (!this.categoryFilter || this.categoryFilter.length === 0)\n      ) {\n        return this.savedQuestions;\n      }\n\n      return this.savedQuestions.filter((question) => {\n        const matchesText = question.questionText\n          .toLowerCase()\n          .includes(this.searchText.toLowerCase());\n\n        const matchesCategory =\n          !this.categoryFilter ||\n          this.categoryFilter.length === 0 ||\n          this.categoryFilter.includes(question.questionCategory);\n        return matchesText && matchesCategory;\n      });\n    },\n  },\n  watch: {\n    \"questionsConfig.type\": {\n      handler: function () {\n        if (!this.questionsConfig.editMode) {\n          this.questionsConfig.activeBuilder = null;\n        }\n        if (this.questionsConfig.activeMode === \"builder\") {\n          this.questionsConfig.activeBuilder = this.questionsConfig.type;\n        }\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    nextStep() {\n      let routeName = this.$route.path.includes(\"pack-test-custom\")\n        ? \"pack-test-launch-custom\"\n        : \"pack-test-launch\";\n      this.$router.push({\n        name: routeName,\n        params: { id: this.surveyID },\n      });\n      this.setSurveySummaryData();\n    },\n    prevStep() {\n      let routeName = this.$route.path.includes(\"pack-test-custom\")\n        ? \"communication-objective-custom\"\n        : \"communication-objective\";\n      this.$router.push({\n        name: routeName,\n        params: { id: this.surveyID },\n      });\n    },\n    closeQuestionBuilder(e) {\n      this.addCustomQuestionModal = false;\n      let _this = this;\n      if (e !== \"cancel\") {\n        this.getCustomQuestions();\n      }\n\n      setTimeout(function () {\n        _this.questionsConfig.editMode = false;\n        _this.questionsConfig.activeBuilder = \"text\";\n        _this.questionsConfig.type = \"text\";\n        _this.questionsConfig.activeMode = \"builder\";\n      }, 500);\n    },\n    setQuestionData(data, index) {\n      let questions;\n      if (index !== null && index !== undefined) {\n        this.customQuestionsList.CustomQuestions[index] = data;\n        this.questionsConfig.editModeItemIndex = null;\n        this.questionsConfig.editMode = false;\n        questions = this.customQuestionsList;\n      } else {\n        this.questionsData.CustomQuestions.push(data);\n        questions = this.questionsData;\n      }\n      this.questionsConfig.loadingNewQuestions = true;\n      this.insertCustomQuestions(questions, true);\n    },\n    setBuilderType() {\n      this.questionsConfig.activeBuilder = this.questionsConfig.type;\n      this.questionsConfig.activeMode = \"builder\";\n    },\n    deleteCustomQuestions(index) {\n      this.customQuestionsList.CustomQuestions.splice(index, 1);\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n\n    insertCustomQuestions(data, showNotification, closeModal) {\n      this.insertCustomQuestionsLoading = true;\n      data.userId = this.user.EncrypteduserID;\n      const insertCustomQuestionPromise = new Promise((resolve) => {\n        wsUtils.InsertCustomQuestion(data, resolve);\n      });\n\n      if (!closeModal) {\n        this.addCustomQuestionModal = false;\n      }\n\n      this.questionsData.CustomQuestions = [];\n      this.questionsConfig.activeBuilder = \"text\";\n      this.questionsConfig.type = \"text\";\n      insertCustomQuestionPromise.then(() => {\n        this.questionsConfig.loadingNewQuestions = false;\n        this.getCustomQuestions();\n        this.setSurveySummaryData();\n        if (showNotification) {\n          this.$notification[\"success\"]({\n            message: \"Success!\",\n            description: \"Your changes have been saved.\",\n            placement: \"bottomLeft\",\n            duration: 4,\n          });\n        }\n        this.insertCustomQuestionsLoading = false;\n      });\n    },\n    setSurveySummaryData() {\n      let surveySummary = {\n        customQuestions: this.customQuestionsList.CustomQuestions.map(\n          (item) => {\n            return item.questionText;\n          }\n        ),\n      };\n      let currentSummaryData = jsUtils.getSurveySummaryData();\n      jsUtils.setSurveySummaryData({\n        ...currentSummaryData,\n        ...surveySummary,\n      });\n    },\n    getCustomQuestions() {\n      const getCustomQuestionsPromise = new Promise((resolve) => {\n        wsUtils.GetCustomQuestion(this.surveyID, resolve);\n      });\n      getCustomQuestionsPromise.then((data) => {\n        this.customQuestionsList = data;\n        this.questionsData.questionsInstructions = data.questionsInstructions;\n        this.loading = false;\n        let questionsType = data.CustomQuestions.map((item) => {\n          return { QuestionType: item.questionType };\n        });\n\n        let surveyPriceSetData = {\n          Question: questionsType,\n        };\n        let currentPackTestPriceData = jsUtils.getPackTestPrice();\n\n        jsUtils.setPackTestPrice({\n          ...currentPackTestPriceData,\n          ...surveyPriceSetData,\n        });\n        this.getPackTestTotalPrice();\n      });\n    },\n    editQuestion(data) {\n      this.addCustomQuestionModal = true;\n      this.questionsConfig.editMode = true;\n      this.questionsConfig.editModeItemIndex = data.index;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.type = data.questionType;\n      this.questionsConfig.activeBuilder = data.questionType;\n    },\n    saveInLibrary(value, index) {\n      if (!value) {\n        this.deleteSavedQuestions(\n          index,\n          this.customQuestionsList.CustomQuestions[index].SurveyCustomQuestionID\n        );\n      }\n      this.customQuestionsList.CustomQuestions[index].saveInLibrary = value;\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n    getSavedQuestions() {\n      this.loadingSavedQuestions = true;\n      const model = {\n        wsName: \"GetSavedCustomQuestions\",\n        params: null,\n      };\n\n      const getQuota = new Promise((resolve) => {\n        wsUtils.ApiGet(model, resolve);\n      });\n\n      getQuota.then((data) => {\n        this.savedQuestions = data.CustomQuestions;\n        this.loadingSavedQuestions = false;\n      });\n    },\n    addSavedQuestion(data) {\n      data.saveInLibrary = false;\n      data.setAsScreener = false;\n      data.SurveyCustomQuestionID = 0;\n      let question = {\n        questionsInstructions: \"\",\n        CustomQuestions: [data],\n        surveyID: this.surveyID,\n      };\n      // delete data.itemType;\n      // this.customQuestionsList.CustomQuestions.push(data);\n      this.insertCustomQuestions(question, true, true);\n    },\n    deleteSavedQuestions(index, id) {\n      const model = {\n        wsName: \"DeleteSavedCustomQuestions\",\n        params: {\n          SurveyCustomQuestionID:\n            id || this.savedQuestions[index].SurveyCustomQuestionID,\n        },\n      };\n\n      const deleteQuestion = new Promise((resolve) => {\n        wsUtils.ApiGet(model, resolve);\n      });\n\n      deleteQuestion.then((data) => {\n        if (data.Success) {\n          this.getSavedQuestions();\n\n          if (!id) {\n            this.$notification[\"success\"]({\n              message: \"Success!\",\n              description: \"Your question has been deleted.\",\n              placement: \"bottomLeft\",\n              duration: 4,\n            });\n            this.getCustomQuestions();\n          }\n        } else {\n          this.$notification[\"error\"]({\n            message: \"Error!\",\n            description:\n              \"Delete question failed. Please try again or contact our support.\",\n            placement: \"bottomLeft\",\n            duration: 4,\n          });\n        }\n      });\n    },\n  },\n  activated() {\n    this.surveyType = jsUtils.readCookie(\"survey-type\");\n    this.loading = true;\n    this.surveyID = this.$route.params.id;\n    this.user = jsUtils.getUserInfo();\n    this.client = jsUtils.getCurClient();\n    this.surveyID = this.$route.params.id;\n    this.questionsData.surveyID = this.surveyID;\n    this.customQuestionsList = null;\n    this.getCustomQuestions();\n  },\n\n  created() {\n    this.loading = true;\n    this.langObj = jsUtils.getLangObj(\n      \"videoAuthorLang\",\n      \"/tooltip/videoAuthor.json\"\n    );\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.questions {\n  text-align: left;\n  .authorBtnSection {\n    position: fixed;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    z-index: 9999;\n  }\n  &__box {\n    margin-bottom: 30px;\n    ::v-deep .questions-list__item {\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    label {\n      font-size: 14px;\n      margin-bottom: 5px;\n      color: #2c3e50;\n      display: block;\n      font-weight: 500;\n    }\n  }\n  &__wrapper {\n    height: calc(100vh - 168px);\n    overflow: auto;\n    padding: 0 20px;\n  }\n  &__inner {\n    max-width: 710px;\n    margin: 0 auto;\n    padding: 50px 0 110px;\n    min-height: 100%;\n    h2 {\n      color: #1c1c1c;\n      font-size: 20px;\n      line-height: normal;\n      font-weight: 500;\n      letter-spacing: -0.4px;\n      margin-bottom: 28px;\n    }\n  }\n  &__intro {\n    margin-bottom: 40px;\n  }\n}\n.choose-questions-nav {\n  margin-bottom: 20px;\n\n  .ant-btn {\n    min-width: 100px;\n    margin-right: -1px;\n    border-radius: 0;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.ant-input-group-addon {\n  background-color: #787878;\n  transition: background-color 0.3s;\n\n  .anticon {\n    color: white;\n    font-size: 1.2em;\n  }\n\n  &:hover {\n    background-color: #555;\n  }\n}\n\n.ant-modal {\n  &--custom-questions {\n    backdrop-filter: none !important;\n    .ant-modal-body {\n      display: block;\n      max-height: inherit;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomQuestions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomQuestions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomQuestions.vue?vue&type=template&id=0e95ce5f&scoped=true&\"\nimport script from \"./CustomQuestions.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomQuestions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomQuestions.vue?vue&type=style&index=0&id=0e95ce5f&lang=scss&scoped=true&\"\nimport style1 from \"./CustomQuestions.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0e95ce5f\",\n  null\n  \n)\n\nexport default component.exports","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomQuestions.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"authoring-wrapper\"},[_c('div',{staticClass:\"flex h-full\"},[_c('ProgressBar',{attrs:{\"stepIndex\":7,\"surveyID\":_vm.surveyID,\"stepsType\":\"pack\",\"conciergeAssistance\":true}}),_c('section',{staticClass:\"wrapper\"},[_c('a-breadcrumb',{staticClass:\"breadcrum breadcrum--authoring\"},[(_vm.user !== null && _vm.user.SkinIdentifier !== 'pg')?[_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(_vm._s(_vm.client.ClientName))])]),_c('a-breadcrumb-item',[_vm._v(\"Study Results\")])]:_vm._e()],2),_c('div',{staticClass:\"wrapper__inner\"},[_c('div',{staticClass:\"page-title\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":32,\"viewBox2\":33,\"iconName\":\"results\",\"iconColor\":\"transparent\"}},[_c('icon-results')],1),_vm._m(0)],1),_c('div',{staticClass:\"box-wrapper\"},[_c('div',{staticClass:\"results-title\"},[_c('h2',[_vm._v(\"Oreo\")]),_c('img',{attrs:{\"src\":\"/images/oreo.jpg\",\"width\":\"94\",\"alt\":\"\"}}),_c('div',{staticClass:\"flex ml-auto\"},[_c('span',{staticClass:\"results-title__legend\"},[_vm._v(\"Significant Increase \"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"increase\",\"iconColor\":\"transparent\"}},[_c('icon-increase')],1)],1),_c('span',{staticClass:\"results-title__legend\"},[_vm._v(\"Significant Decrease \"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"decrease\",\"iconColor\":\"transparent\"}},[_c('icon-decrease')],1)],1)])]),_c('table',{staticClass:\"table-study-results mb-20\"},[_vm._m(1),_c('tr',[_c('th',[_c('icon-base',{attrs:{\"width\":17,\"height\":16,\"viewBox1\":17,\"viewBox2\":12,\"iconName\":\"see\",\"iconColor\":\"transparent\"}},[_c('icon-see')],1),_vm._v(\"SEE \")],1),_c('td',[_vm._v(\"% of Attention on Shelf\")]),_c('td',[_vm._v(\"20\")]),_c('td',{staticClass:\"increase\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_vm._v(\" 27\"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"increase\",\"iconColor\":\"transparent\"}},[_c('icon-increase')],1)],1)])]),_c('tr',[_c('th',{attrs:{\"rowspan\":\"2\"}},[_c('icon-base',{attrs:{\"width\":17,\"height\":20,\"viewBox1\":17,\"viewBox2\":20,\"iconName\":\"select\",\"iconColor\":\"transparent\"}},[_c('icon-select')],1),_vm._v(\"SELECT \")],1),_c('td',[_vm._v(\"% of Pick Ups\")]),_c('td',[_vm._v(\"15\")]),_c('td',{staticClass:\"increase\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_vm._v(\" 16\"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"increase\",\"iconColor\":\"transparent\"}},[_c('icon-increase')],1)],1)])]),_c('tr',[_c('td',[_vm._v(\"% of Findability\")]),_c('td',[_vm._v(\"58\")]),_c('td',{staticClass:\"decrease\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_vm._v(\" 42 \"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"decrease\",\"iconColor\":\"transparent\"}},[_c('icon-decrease')],1)],1)])]),_c('tr',[_c('th',{attrs:{\"rowspan\":\"2\"}},[_c('icon-base',{attrs:{\"width\":18,\"height\":16,\"viewBox1\":18,\"viewBox2\":16,\"iconName\":\"buy\",\"iconColor\":\"transparent\"}},[_c('icon-buy')],1),_vm._v(\"BUY \")],1),_c('td',[_vm._v(\"% of Purchase\")]),_c('td',[_vm._v(\"34\")]),_c('td',{staticClass:\"increase\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_vm._v(\" 42\"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"increase\",\"iconColor\":\"transparent\"}},[_c('icon-increase')],1)],1)])]),_c('tr',[_c('td',[_vm._v(\"$ Spent\")]),_c('td',[_vm._v(\"$1023\")]),_c('td',{staticClass:\"increase\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_vm._v(\" $1268\"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"increase\",\"iconColor\":\"transparent\"}},[_c('icon-increase')],1)],1)])]),_c('tr',[_c('th',{attrs:{\"rowspan\":\"3\"}},[_c('icon-base',{attrs:{\"width\":17,\"height\":18,\"viewBox1\":17,\"viewBox2\":18,\"iconName\":\"think\",\"iconColor\":\"transparent\"}},[_c('icon-think')],1),_vm._v(\"THINK \")],1),_c('td',[_vm._v(\"Gives me peace of mind\")]),_c('td',[_vm._v(\"51\")]),_c('td',{staticClass:\"increase\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_vm._v(\" 61\"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"increase\",\"iconColor\":\"transparent\"}},[_c('icon-increase')],1)],1)])]),_c('tr',[_c('td',[_vm._v(\"Is more effective than other cleaning products\")]),_c('td',[_vm._v(\"62\")]),_c('td',{staticClass:\"equal\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_vm._v(\" 62\"),_c('icon-base',{attrs:{\"width\":18,\"height\":18,\"viewBox1\":18,\"viewBox2\":18,\"iconName\":\"equal\",\"iconColor\":\"transparent\"}},[_c('icon-equal')],1)],1)])]),_c('tr',[_c('td',[_vm._v(\"Is safe for my family\")]),_c('td',[_vm._v(\"39\")]),_c('td',{staticClass:\"increase\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_vm._v(\" 48\"),_c('icon-base',{attrs:{\"width\":20,\"height\":12,\"viewBox1\":20,\"viewBox2\":12,\"iconName\":\"increase\",\"iconColor\":\"transparent\"}},[_c('icon-increase')],1)],1)])])]),_vm._m(2)])])],1)],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title__text\"},[_c('h1',[_vm._v(\"Study Results\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',[_c('th'),_c('td',[_vm._v(\"All See, Select, Buy Numbers for Total Lysol Brand\")]),_c('td',[_vm._v(\"Current\")]),_c('td',[_vm._v(\"Redesign\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":\"/images/results-chart.jpg\",\"width\":\"390\",\"alt\":\"Results\"}})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('path',{attrs:{\"d\":\"M5.33301 16.4999L9.33301 11.1666L14.6663 13.8333L21.333 5.83325L26.6663 11.1666M5.33301 25.8333L10.6663 17.8333L15.9997 20.4999L21.333 13.8333L26.6663 19.1666V25.8333H5.33301Z\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconChartResults.vue?vue&type=template&id=be9ce682&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M6.83333 6C6.83333 6.44203 7.00893 6.86595 7.32149 7.17851C7.63405 7.49107 8.05797 7.66667 8.5 7.66667C8.94203 7.66667 9.36595 7.49107 9.67851 7.17851C9.99107 6.86595 10.1667 6.44203 10.1667 6C10.1667 5.55797 9.99107 5.13405 9.67851 4.82149C9.36595 4.50893 8.94203 4.33333 8.5 4.33333C8.05797 4.33333 7.63405 4.50893 7.32149 4.82149C7.00893 5.13405 6.83333 5.55797 6.83333 6Z\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M16 6C14 9.33333 11.5 11 8.5 11C5.5 11 3 9.33333 1 6C3 2.66667 5.5 1 8.5 1C11.5 1 14 2.66667 16 6Z\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconSee.vue?vue&type=template&id=792c5625&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('path',{attrs:{\"d\":\"M1 9H1.83333M8.5 1.5V2.33333M15.1667 9H16M3.16667 3.66667L3.75 4.25M13.8333 3.66667L13.25 4.25M6.58333 13.1667H10.4167M6 12.3333C5.30039 11.8086 4.78361 11.0771 4.52286 10.2424C4.26211 9.40763 4.27061 8.51202 4.54715 7.68238C4.8237 6.85275 5.35427 6.13116 6.06371 5.61982C6.77315 5.10849 7.62549 4.83333 8.5 4.83333C9.37451 4.83333 10.2269 5.10849 10.9363 5.61982C11.6457 6.13116 12.1763 6.85275 12.4528 7.68238C12.7294 8.51202 12.7379 9.40763 12.4771 10.2424C12.2164 11.0771 11.6996 11.8086 11 12.3333C10.6746 12.6554 10.4297 13.0495 10.2849 13.4839C10.1401 13.9182 10.0996 14.3805 10.1667 14.8333C10.1667 15.2754 9.99107 15.6993 9.67851 16.0118C9.36595 16.3244 8.94203 16.5 8.5 16.5C8.05797 16.5 7.63405 16.3244 7.32149 16.0118C7.00893 15.6993 6.83333 15.2754 6.83333 14.8333C6.90038 14.3805 6.85988 13.9182 6.71511 13.4839C6.57034 13.0495 6.32536 12.6554 6 12.3333Z\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconThink.vue?vue&type=template&id=a6899034&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M1 11L7 5L11 9L19 1M19 1H12M19 1V8\",\"stroke\":\"#00BD4C\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconIncrease.vue?vue&type=template&id=184cfac6&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M1 1L7 7L11 3L19 11M19 11V4M19 11H12\",\"stroke\":\"#FF0043\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconDecrease.vue?vue&type=template&id=83df95e2&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M3.75 7.5H14.25M3.75 10.5H14.25\",\"stroke\":\"#F78225\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconEqual.vue?vue&type=template&id=65f2d5cf&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('path',{attrs:{\"d\":\"M4.83333 6.33325L9 1.33325L13.1667 6.33325M16.5 6.33325L14.8333 12.9999C14.7554 13.4776 14.546 13.906 14.2414 14.2105C13.9369 14.515 13.5566 14.6764 13.1667 14.6666H4.83333C4.44342 14.6764 4.0631 14.515 3.75857 14.2105C3.45404 13.906 3.24459 13.4776 3.16667 12.9999L1.5 6.33325H16.5ZM7.33333 10.4999C7.33333 10.9419 7.50893 11.3659 7.82149 11.6784C8.13405 11.991 8.55797 12.1666 9 12.1666C9.44203 12.1666 9.86595 11.991 10.1785 11.6784C10.4911 11.3659 10.6667 10.9419 10.6667 10.4999C10.6667 10.0579 10.4911 9.63397 10.1785 9.32141C9.86595 9.00885 9.44203 8.83325 9 8.83325C8.55797 8.83325 8.13405 9.00885 7.82149 9.32141C7.50893 9.63397 7.33333 10.0579 7.33333 10.4999Z\",\"stroke\":\"#3C3C3C\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconBuy.vue?vue&type=template&id=05a92b30&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M7.66667 10.0001V3.75008C7.66667 3.41856 7.53497 3.10062 7.30055 2.8662C7.06613 2.63178 6.74819 2.50008 6.41667 2.50008C6.08515 2.50008 5.7672 2.63178 5.53278 2.8662C5.29836 3.10062 5.16667 3.41856 5.16667 3.75008V10.8334L3.94167 9.60841C3.69628 9.36331 3.37604 9.20723 3.0318 9.16495C2.68756 9.12268 2.33906 9.19664 2.04167 9.37508C1.76246 9.54248 1.55957 9.8122 1.47615 10.1269C1.39274 10.4416 1.43537 10.7764 1.595 11.0601C3.16083 13.8434 4.07333 15.4342 4.33333 15.8334L4.49667 16.0834C4.9521 16.775 5.57215 17.3426 6.30115 17.7353C7.03015 18.128 7.84528 18.3336 8.67333 18.3334H8.5H10.1667C11.4927 18.3334 12.7645 17.8066 13.7022 16.8689C14.6399 15.9313 15.1667 14.6595 15.1667 13.3334V9.58342C15.1667 9.25189 15.035 8.93395 14.8005 8.69953C14.5661 8.46511 14.2482 8.33342 13.9167 8.33342C13.5851 8.33342 13.2672 8.46511 13.0328 8.69953C12.7984 8.93395 12.6667 9.25189 12.6667 9.58342M7.66667 9.58342V7.91675C7.66667 7.58523 7.79836 7.26729 8.03278 7.03286C8.2672 6.79844 8.58515 6.66675 8.91667 6.66675C9.24819 6.66675 9.56613 6.79844 9.80055 7.03286C10.035 7.26729 10.1667 7.58523 10.1667 7.91675V10.0001M10.1667 8.75008C10.1667 8.41856 10.2984 8.10062 10.5328 7.8662C10.7672 7.63178 11.0851 7.50008 11.4167 7.50008C11.7482 7.50008 12.0661 7.63178 12.3005 7.8662C12.535 8.10062 12.6667 8.41856 12.6667 8.75008V10.0001M2.66667 2.50008L1.83333 1.66675M1.83333 5.83341H1M10.1667 2.50008L11 1.66675M11 5.00008H11.8333\",\"stroke\":\"#3C3C3C\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconSelect.vue?vue&type=template&id=4a6bd0fc&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"authoring-wrapper\">\n    <div class=\"flex h-full\">\n      <ProgressBar\n        :stepIndex=\"7\"\n        :surveyID=\"surveyID\"\n        stepsType=\"pack\"\n        :conciergeAssistance=\"true\"\n      />\n      <section class=\"wrapper\">\n        <a-breadcrumb class=\"breadcrum breadcrum--authoring\">\n          <template v-if=\"user !== null && user.SkinIdentifier !== 'pg'\">\n            <a-breadcrumb-item\n              ><a href=\"/\">{{ client.ClientName }}</a></a-breadcrumb-item\n            >\n            <a-breadcrumb-item>Study Results</a-breadcrumb-item>\n          </template>\n        </a-breadcrumb>\n        <div class=\"wrapper__inner\">\n          <div class=\"page-title\">\n            <icon-base\n              :width=\"32\"\n              :height=\"33\"\n              :viewBox1=\"32\"\n              :viewBox2=\"33\"\n              iconName=\"results\"\n              iconColor=\"transparent\"\n              ><icon-results\n            /></icon-base>\n            <div class=\"page-title__text\">\n              <h1>Study Results</h1>\n            </div>\n          </div>\n          <div class=\"box-wrapper\">\n            <div class=\"results-title\">\n              <h2>Oreo</h2>\n              <img src=\"/images/oreo.jpg\" width=\"94\" alt=\"\" />\n              <div class=\"flex ml-auto\">\n                <span class=\"results-title__legend\"\n                  >Significant Increase\n                  <icon-base\n                    :width=\"20\"\n                    :height=\"12\"\n                    :viewBox1=\"20\"\n                    :viewBox2=\"12\"\n                    iconName=\"increase\"\n                    iconColor=\"transparent\"\n                    ><icon-increase /></icon-base\n                ></span>\n                <span class=\"results-title__legend\"\n                  >Significant Decrease\n                  <icon-base\n                    :width=\"20\"\n                    :height=\"12\"\n                    :viewBox1=\"20\"\n                    :viewBox2=\"12\"\n                    iconName=\"decrease\"\n                    iconColor=\"transparent\"\n                    ><icon-decrease /></icon-base\n                ></span>\n              </div>\n            </div>\n            <table class=\"table-study-results mb-20\">\n              <tr>\n                <th></th>\n                <td>All See, Select, Buy Numbers for Total Lysol Brand</td>\n                <td>Current</td>\n                <td>Redesign</td>\n              </tr>\n              <tr>\n                <th>\n                  <icon-base\n                    :width=\"17\"\n                    :height=\"16\"\n                    :viewBox1=\"17\"\n                    :viewBox2=\"12\"\n                    iconName=\"see\"\n                    iconColor=\"transparent\"\n                    ><icon-see /></icon-base\n                  >SEE\n                </th>\n                <td>% of Attention on Shelf</td>\n                <td>20</td>\n                <td class=\"increase\">\n                  <div class=\"flex justify-between items-center\">\n                    27<icon-base\n                      :width=\"20\"\n                      :height=\"12\"\n                      :viewBox1=\"20\"\n                      :viewBox2=\"12\"\n                      iconName=\"increase\"\n                      iconColor=\"transparent\"\n                      ><icon-increase\n                    /></icon-base>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <th rowspan=\"2\">\n                  <icon-base\n                    :width=\"17\"\n                    :height=\"20\"\n                    :viewBox1=\"17\"\n                    :viewBox2=\"20\"\n                    iconName=\"select\"\n                    iconColor=\"transparent\"\n                    ><icon-select /></icon-base\n                  >SELECT\n                </th>\n                <td>% of Pick Ups</td>\n                <td>15</td>\n                <td class=\"increase\">\n                  <div class=\"flex justify-between items-center\">\n                    16<icon-base\n                      :width=\"20\"\n                      :height=\"12\"\n                      :viewBox1=\"20\"\n                      :viewBox2=\"12\"\n                      iconName=\"increase\"\n                      iconColor=\"transparent\"\n                      ><icon-increase\n                    /></icon-base>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <td>% of Findability</td>\n                <td>58</td>\n                <td class=\"decrease\">\n                  <div class=\"flex justify-between items-center\">\n                    42\n                    <icon-base\n                      :width=\"20\"\n                      :height=\"12\"\n                      :viewBox1=\"20\"\n                      :viewBox2=\"12\"\n                      iconName=\"decrease\"\n                      iconColor=\"transparent\"\n                      ><icon-decrease\n                    /></icon-base>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <th rowspan=\"2\">\n                  <icon-base\n                    :width=\"18\"\n                    :height=\"16\"\n                    :viewBox1=\"18\"\n                    :viewBox2=\"16\"\n                    iconName=\"buy\"\n                    iconColor=\"transparent\"\n                    ><icon-buy /></icon-base\n                  >BUY\n                </th>\n                <td>% of Purchase</td>\n                <td>34</td>\n                <td class=\"increase\">\n                  <div class=\"flex justify-between items-center\">\n                    42<icon-base\n                      :width=\"20\"\n                      :height=\"12\"\n                      :viewBox1=\"20\"\n                      :viewBox2=\"12\"\n                      iconName=\"increase\"\n                      iconColor=\"transparent\"\n                      ><icon-increase\n                    /></icon-base>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <td>$ Spent</td>\n                <td>$1023</td>\n                <td class=\"increase\">\n                  <div class=\"flex justify-between items-center\">\n                    $1268<icon-base\n                      :width=\"20\"\n                      :height=\"12\"\n                      :viewBox1=\"20\"\n                      :viewBox2=\"12\"\n                      iconName=\"increase\"\n                      iconColor=\"transparent\"\n                      ><icon-increase\n                    /></icon-base>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <th rowspan=\"3\">\n                  <icon-base\n                    :width=\"17\"\n                    :height=\"18\"\n                    :viewBox1=\"17\"\n                    :viewBox2=\"18\"\n                    iconName=\"think\"\n                    iconColor=\"transparent\"\n                    ><icon-think /></icon-base\n                  >THINK\n                </th>\n                <td>Gives me peace of mind</td>\n                <td>51</td>\n                <td class=\"increase\">\n                  <div class=\"flex justify-between items-center\">\n                    61<icon-base\n                      :width=\"20\"\n                      :height=\"12\"\n                      :viewBox1=\"20\"\n                      :viewBox2=\"12\"\n                      iconName=\"increase\"\n                      iconColor=\"transparent\"\n                      ><icon-increase\n                    /></icon-base>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <td>Is more effective than other cleaning products</td>\n                <td>62</td>\n                <td class=\"equal\">\n                  <div class=\"flex justify-between items-center\">\n                    62<icon-base\n                      :width=\"18\"\n                      :height=\"18\"\n                      :viewBox1=\"18\"\n                      :viewBox2=\"18\"\n                      iconName=\"equal\"\n                      iconColor=\"transparent\"\n                      ><icon-equal\n                    /></icon-base>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <td>Is safe for my family</td>\n                <td>39</td>\n                <td class=\"increase\">\n                  <div class=\"flex justify-between items-center\">\n                    48<icon-base\n                      :width=\"20\"\n                      :height=\"12\"\n                      :viewBox1=\"20\"\n                      :viewBox2=\"12\"\n                      iconName=\"increase\"\n                      iconColor=\"transparent\"\n                      ><icon-increase\n                    /></icon-base>\n                  </div>\n                </td>\n              </tr>\n            </table>\n            <div class=\"text-center\">\n              <img src=\"/images/results-chart.jpg\" width=\"390\" alt=\"Results\" />\n            </div>\n          </div>\n        </div>\n      </section>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ProgressBar from \"@/components/videoAds/ProgressBar.vue\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconResults from \"@/components/icons/IconChartResults.vue\";\nimport IconSee from \"@/components/icons/IconSee.vue\";\nimport IconThink from \"@/components/icons/IconThink.vue\";\nimport IconIncrease from \"@/components/icons/IconIncrease.vue\";\nimport IconDecrease from \"@/components/icons/IconDecrease.vue\";\nimport IconEqual from \"@/components/icons/IconEqual.vue\";\nimport IconBuy from \"@/components/icons/IconBuy.vue\";\nimport IconSelect from \"@/components/icons/IconSelect.vue\";\n\nexport default {\n  name: \"StudyResults\",\n  components: {\n    ProgressBar,\n    IconBase,\n    IconResults,\n    IconSee,\n    IconThink,\n    IconIncrease,\n    IconDecrease,\n    IconEqual,\n    IconBuy,\n    IconSelect,\n  },\n  mixins: [surveyPriceMixin],\n  props: {\n    SurveyTypeId: Number,\n  },\n  data() {\n    return {\n      client: null,\n      user: null,\n    };\n  },\n  computed: {},\n  watch: {},\n  methods: {},\n  mounted() {\n    this.client = jsUtils.getCurClient();\n    this.user = jsUtils.getUserInfo();\n  },\n  activated() {\n    this.surveyID = this.$route.params.id;\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.results-title {\n  display: flex;\n  align-items: center;\n  margin-bottom: 30px;\n  h2 {\n    font-size: 36px;\n    font-weight: 600;\n    margin-right: 25px;\n    margin-bottom: 0;\n  }\n  &__legend {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    margin-left: 20px;\n    svg {\n      margin-left: 10px;\n    }\n  }\n}\n.table-study-results {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  tr {\n    th {\n      font-size: 15px;\n      font-weight: 600;\n      border: #b9b9b9 1px solid;\n      border-top: 0;\n      padding: 9px;\n      text-align: center;\n      svg {\n        margin-right: 10px;\n      }\n    }\n    td {\n      font-size: 14px;\n      padding: 9px;\n      border-bottom: #b9b9b9 1px solid;\n      border-right: #b9b9b9 1px solid;\n      font-weight: 500;\n      color: rgba(28, 28, 28, 1);\n      &.increase {\n        background: #cbf2dc;\n      }\n      &.decrease {\n        background: #ffccd9;\n      }\n      &.equal {\n        background: #fdcda8;\n      }\n    }\n    &:first-child {\n      th {\n        border: 0;\n      }\n      td {\n        background: rgba(255, 3, 3, 0.06);\n        font-weight: 600;\n        padding: 10px;\n        font-size: 16px;\n        border-top: #b9b9b9 1px solid;\n        &:nth-child(2) {\n          border-top-left-radius: 4px;\n          border-left: #b9b9b9 1px solid;\n        }\n        &:last-child {\n          border-top-right-radius: 4px;\n        }\n      }\n    }\n    &:nth-child(2) {\n      th {\n        border-top-left-radius: 4px;\n        border-top: #b9b9b9 1px solid;\n      }\n    }\n    &:nth-child(7) {\n      th {\n        border-bottom-left-radius: 4px;\n      }\n    }\n    &:nth-child(9) {\n      td {\n        &:nth-child(3) {\n          border-bottom-right-radius: 4px;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StudyResults.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StudyResults.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StudyResults.vue?vue&type=template&id=ee86e6be&scoped=true&\"\nimport script from \"./StudyResults.vue?vue&type=script&lang=js&\"\nexport * from \"./StudyResults.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StudyResults.vue?vue&type=style&index=0&id=ee86e6be&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ee86e6be\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StudyResults.vue?vue&type=style&index=0&id=ee86e6be&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomQuestions.vue?vue&type=style&index=0&id=0e95ce5f&lang=scss&scoped=true&\""],"sourceRoot":""}