{"version":3,"sources":["webpack:///./src/components/general/CompletionProgress.vue?eaff","webpack:///src/components/general/CompletionProgress.vue","webpack:///./src/components/general/CompletionProgress.vue?e44e","webpack:///./src/components/general/CompletionProgress.vue","webpack:///./src/components/packTestSurvey/CommunicationObjective.vue?440d","webpack:///src/components/packTestSurvey/CommunicationObjective.vue","webpack:///./src/components/packTestSurvey/CommunicationObjective.vue?5bab","webpack:///./src/components/packTestSurvey/CommunicationObjective.vue?538b","webpack:///./src/components/packTestCustom/CommunicationObjective.vue?8f74","webpack:///./src/components/packTestSurvey/CommunicationObjective.vue?c842","webpack:///./src/components/icons/IconTrash.vue?24a3","webpack:///./src/components/icons/IconTrash.vue","webpack:///./src/components/packTestSurvey/CommunicationObjective.vue?1000","webpack:///./src/components/packTestCustom/CommunicationObjective.vue?c8cd","webpack:///src/components/packTestCustom/CommunicationObjective.vue","webpack:///./src/components/packTestCustom/CommunicationObjective.vue?ef06","webpack:///./src/components/packTestCustom/CommunicationObjective.vue?4c91","webpack:///./src/components/packTestCustom/CommunicationObjective.vue?1c54","webpack:///./src/components/general/Map.vue?6c2e","webpack:///./src/components/general/CompletionProgress.vue?5776","webpack:///./src/components/general/Map.vue?ee3b","webpack:///src/components/general/Map.vue","webpack:///./src/components/general/Map.vue?9f34","webpack:///./src/components/general/Map.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","hideProgress","on","$event","_v","_s","completedLength","checkList","length","style","width","progress","_l","item","key","quizName","class","completed","_e","staticRenderFns","name","props","type","Array","default","data","computed","Math","round","filter","created","window","innerWidth","component","stepIndex","surveyID","isPackSbdTestPresent","user","SkinIdentifier","client","ClientName","breadcrumbTitle","_m","surveyInfo","studyType","slot","random","dlb","dlbStatus","chosenCommunicationObjective1","undefined","selectObjective1","CommunicationObjectiveID","CommunicationObjectiveName","showCommunicationObjective2","removeCommunicationObjective","chosenCommunicationObjective2","selectObjective2","findCustomKey","maxCustomKey","id","CogniName","option","index","addCustomKey","model","value","callback","$$v","$set","expression","optionText","customKey","removeCustomKey","bulkAddModal","projectSummary","languageCode","loading","enableNextStep","nextStep","prevStep","quizs","personaPreviewModal","processKeyMessages","minRows","keyMessagesText","errorMessage","components","ProgressBar","StepNaviBar","Loader","CompletionProgress","Map","IconBase","IconTrash","IconBulb","mixins","langObj","attributes","communicationObjectives","selectedStatus","chosenZone1Id","chosenZone2Id","chosenAttributes","editableSurvey","categoryStatements","selectedZone1Name","selectedZone2Name","boxHeight","selectedCO1Name","selectedCO2Name","surveyType","some","activeAttributesList","filteredCommunicationObjectives","excludedCommunicationObjective","push","ExcludedID","methods","$router","params","save","updateQuiz","showModal","addCommunicationObjective","$confirm","title","content","onOk","_this","okText","onCancel","clearChosenAttributes","priceCalculation","setRobotValidation","find","scrollToEmotionalAttributes","document","getElementById","scrollTo","top","emotionalAttributesOffset","behavior","setHeightToEmotionalAttributes","h","h1","setCommunicationObjectives","wsUtils","getCommunicationObjectives","then","setAttributes","personaListPromise","setTimeout","setEditMode","setCOEdit","setKeyMessagesEdit","zone2","CommunicationZones","CommunicationZonesNames","attr","attributeID","savePackTestPersonaAttributes","jsUtils","resetData","setSurveySummaryData","optionInputs","splice","defaultCategoryStatements","getCategoryStatements","comObjects","getPackTestTotalPrice","updatePackTestUI","checkUrlForPackSbdTest","currentPath","includes","messages","customKeyLength","beforeRouteLeave","next","activated","$route","watch","script","xPos","showPin","left","yPos","AttributeLabel","selectedAttributes","synonymLabel","staticStyle","dimOut","selectedZone1","selectedZone2","String","selectedAttributesDetails"],"mappings":"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","file":"js/communication-objective.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"completion\"},[_c('font-awesome-icon',{staticClass:\"completion__close\",attrs:{\"icon\":_vm.hideProgress ? 'chevron-down' : 'chevron-up'},on:{\"click\":function($event){_vm.hideProgress = !_vm.hideProgress}}}),_c('h2',[_vm._v(\"Completion progress\")]),_c('p',[_vm._v(\"Please complete all required steps before proceeding.\")]),_c('div',{staticClass:\"completion__progress\"},[_c('span',[_vm._v(_vm._s(_vm.completedLength)+\" / \"+_vm._s(_vm.checkList.length)+\" steps\")]),_c('div',{staticClass:\"completion__progress-inner\"},[_c('i',{style:({ width: _vm.progress + '%' })})])]),(_vm.hideProgress)?_c('ol',_vm._l((_vm.checkList),function(item){return _c('li',{key:item.quizName,class:{ completed: item.completed }},[_c('font-awesome-icon',{attrs:{\"icon\":\"check-circle\"}}),_vm._v(_vm._s(item.quizName)+\" \")],1)}),0):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"completion\">\n      <font-awesome-icon\n        :icon=\"hideProgress ? 'chevron-down' : 'chevron-up'\"\n        class=\"completion__close\"\n        @click=\"hideProgress = !hideProgress\"\n      />\n      <h2>Completion progress</h2>\n      <p>Please complete all required steps before proceeding.</p>\n      <div class=\"completion__progress\">\n        <span>{{ completedLength }} / {{ checkList.length }} steps</span>\n        <div class=\"completion__progress-inner\">\n          <i :style=\"{ width: progress + '%' }\"></i>\n        </div>\n      </div>\n      <ol v-if=\"hideProgress\">\n        <li\n          v-for=\"item in checkList\"\n          :key=\"item.quizName\"\n          :class=\"{ completed: item.completed }\"\n        >\n          <font-awesome-icon icon=\"check-circle\" />{{ item.quizName }}\n        </li>\n      </ol>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"CompletionProgress\",\n  props: {\n    checkList: {\n      type: Array,\n      default() {\n        return [];\n      },\n    },\n  },\n  data() {\n    return {\n      hideProgress: false,\n    };\n  },\n  computed: {\n    progress() {\n      if (this.checkList.length > 0) {\n        let completedNum = this.checkList.filter(\n          (quiz) => quiz.completed\n        ).length;\n        return Math.round((completedNum / this.checkList.length) * 100);\n      } else {\n        return 0;\n      }\n    },\n    completedLength() {\n      return this.checkList.filter((quiz) => quiz.completed).length;\n    },\n  },\n  created() {\n    if (window.innerWidth > 1180) {\n      this.hideProgress = false;\n    } else {\n      this.hideProgress = true;\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.completion {\n  background: #fff;\n  border-radius: 4px;\n  position: fixed;\n  left: 435px;\n  bottom: 40px;\n  padding: 15px 17px 0;\n  width: 320px;\n  z-index: 998;\n  display: block;\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.17);\n  @media screen and (max-width: 1180px) {\n    display: none;\n  }\n  .progress-nav-closed & {\n    left: 283px;\n  }\n  &.is-active {\n    display: block;\n  }\n  &.is-hide {\n    display: none;\n  }\n  &__robot {\n    height: 65px;\n    margin: 0 auto;\n    display: block;\n    margin-bottom: 9px;\n  }\n  h2 {\n    text-align: center;\n    font-size: 16px;\n    margin-bottom: 8px;\n    font-weight: 600;\n    line-height: 24px;\n    letter-spacing: -0.32px;\n  }\n  p {\n    text-align: center;\n    color: #968e8e;\n    margin-bottom: 20px;\n    color: rgba(28, 28, 28, 0.4);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    letter-spacing: -0.28px;\n  }\n  &__progress {\n    align-items: flex-start;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    > span {\n      font-size: 14px;\n      padding: 6px 6px 5px;\n      text-align: center;\n      white-space: nowrap;\n      background: #fefefe;\n      transition: all 0.3s ease;\n      font-weight: 500;\n      color: var(--red);\n      border-radius: 10px;\n      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);\n      margin-bottom: 8px;\n      display: inline-flex;\n    }\n  }\n  &__progress-inner {\n    height: 12px;\n    position: relative;\n    background: #f6f6f6;\n    border-radius: 12px;\n    overflow: hidden;\n    margin-bottom: 18px;\n    width: 100%;\n    i {\n      position: absolute;\n      left: 0;\n      height: 100%;\n      background: var(--red);\n      content: \"\";\n      display: block;\n      transition: width 0.3s ease;\n    }\n  }\n  &__close {\n    position: absolute;\n    right: 10px;\n    top: 10px;\n    color: var(--red);\n    cursor: pointer;\n  }\n  ol {\n    padding: 0;\n    margin: 0 0 20px;\n    text-align: left;\n    counter-reset: item;\n    list-style-type: none;\n    li {\n      border: 1px solid #e9e9e9;\n      border-radius: 4px;\n      margin-bottom: 5px;\n      color: #bcbcbc;\n      counter-increment: item;\n      position: relative;\n      padding: 7px 10px 7px 57px;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 24px;\n      letter-spacing: -0.28px;\n      &.completed {\n        color: #404040;\n        svg {\n          color: var(--red);\n        }\n      }\n      &:last-child {\n        margin-bottom: 0;\n      }\n      &:before {\n        position: absolute;\n        left: 43px;\n        top: 7px;\n        content: counter(item) \".\";\n      }\n      svg {\n        position: absolute;\n        left: 9px;\n        top: 10px;\n        font-size: 17px;\n      }\n    }\n  }\n}\n\n.completion-cta {\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1);\n  position: fixed;\n  right: 20px;\n  bottom: 80px;\n  padding: 8px 14px;\n  border: 1px solid #e8e8e8;\n  cursor: pointer;\n  z-index: 999;\n  img {\n    width: 18px;\n    margin-right: 7px;\n  }\n  span {\n    font-size: 14px;\n    font-weight: 500;\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!./CompletionProgress.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!./CompletionProgress.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompletionProgress.vue?vue&type=template&id=39aadbcf&scoped=true&\"\nimport script from \"./CompletionProgress.vue?vue&type=script&lang=js&\"\nexport * from \"./CompletionProgress.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompletionProgress.vue?vue&type=style&index=0&id=39aadbcf&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  \"39aadbcf\",\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('div',{staticClass:\"authoring-wrapper\"},[_c('div',{staticClass:\"flex h-full\"},[_c('ProgressBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"surveyID\":_vm.surveyID,\"stepsType\":_vm.isPackSbdTestPresent ? 'pack-sbd' : '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(_vm._s(_vm.breadcrumbTitle))])]:_vm._e()],2),_c('div',{staticClass:\"wrapper__inner\"},[_c('div',{attrs:{\"id\":\"objectivesWrapper\"}},[_c('div',{staticClass:\"page-title page-title--transparent-svg-color\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":32,\"viewBox2\":33,\"iconName\":\"bulb\",\"iconStroke\":\"#4318FF\"}},[_c('icon-bulb')],1),_vm._m(0)],1),_c('div',{staticClass:\"objectives__left-col flex-1\"},[(_vm.loading)?_c('Loader',{attrs:{\"text\":\"Loading data...\",\"paddingTop\":150}}):_c('div',[(_vm.surveyInfo && _vm.surveyInfo.studyType !== 'SBD')?_c('div',{staticClass:\"box-wrapper\"},[_c('h2',[_vm._v(\"Communication Objective\")]),_c('div',{staticClass:\"section-info\"},[_c('p',[_vm._v(\" Based on your packaging objectives please choose the key target equity associations you’re looking to reinforce. A primary objective is required but this methodology supports a secondary if applicable. \")])]),_c('div',{staticClass:\"flex items-start objectives__list\"},[_c('div',{staticClass:\"input-group\"},[_c('label',[_vm._v(\"Primary Communication Objective \"),_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" Communication objectives are the associations your packaging should be communicating. For Implicit, we will test how people unconsciously associate these targets with your brand and packaging. For explicit, it will help guide our analysis. \")]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],2)],1),_c('a-select',{key:Math.random(),staticClass:\"fullWidth\",class:{ dlb: _vm.dlbStatus },attrs:{\"option-filter-prop\":\"children\",\"show-search\":\"\",\"placeholder\":\"Select communication objective\",\"default-value\":_vm.chosenCommunicationObjective1 !== 0\n                          ? _vm.chosenCommunicationObjective1\n                          : undefined},on:{\"change\":_vm.selectObjective1}},_vm._l((_vm.communicationObjectives),function(item){return _c('a-select-option',{key:item.CommunicationObjectiveID,attrs:{\"value\":item.CommunicationObjectiveID}},[_vm._v(\" \"+_vm._s(item.CommunicationObjectiveName)+\" \")])}),1)],1),(\n                      !_vm.showCommunicationObjective2 &&\n                      _vm.chosenCommunicationObjective1 !== 0 &&\n                      !_vm.dlbStatus\n                    )?_c('div',{staticClass:\"objectives__add-more\",on:{\"click\":function($event){_vm.showCommunicationObjective2 = true}}},[_vm._v(\" + \"),_c('span',[_vm._v(\"Add second communication objective\")])]):_vm._e(),(_vm.showCommunicationObjective2)?_c('div',{staticClass:\"input-group\"},[_c('label',[_vm._v(\"Second Communication Objective \"),_c('span',{staticClass:\"flex items-center gap-15\"},[_c('div',{staticClass:\"objectives__select-remove\",on:{\"click\":_vm.removeCommunicationObjective}},[_c('icon-base',{attrs:{\"width\":24,\"height\":24,\"viewBox1\":24,\"viewBox2\":24,\"iconName\":\"trash\",\"iconStroke\":\"#353F44\"}},[_c('icon-trash')],1)],1)])]),_c('a-select',{key:Math.random(),staticClass:\"fullWidth\",class:{ dlb: _vm.dlbStatus },attrs:{\"option-filter-prop\":\"children\",\"show-search\":\"\",\"placeholder\":\"Select communication objective\",\"default-value\":_vm.chosenCommunicationObjective2 !== 0\n                          ? _vm.chosenCommunicationObjective2\n                          : undefined},on:{\"change\":_vm.selectObjective2}},_vm._l((_vm.filteredCommunicationObjectives),function(item){return _c('a-select-option',{key:item.CommunicationObjectiveID,attrs:{\"value\":item.CommunicationObjectiveID}},[_vm._v(\" \"+_vm._s(item.CommunicationObjectiveName)+\" \")])}),1)],1):_vm._e()])]):_vm._e(),(false)?_c('div',{staticClass:\"box-wrapper\"},[_c('div',{staticClass:\"overflow-hidden objectives__form-attributes\"},[_c('div',{staticClass:\"flex-1\",attrs:{\"id\":\"emotionalAttributesContent\"}},[_c('div',{staticClass:\"objectives__select objectives__select--full\"},[_c('div',{staticClass:\"section-info\"},[_c('p',[_vm._v(\" Please select \"),_c('span',{staticClass:\"red\"},[_vm._v(\"3-9 attributes\")]),_vm._v(\" to reflect the way you would like your packaging to convey the concepts of \"+_vm._s(_vm.selectedCO1Name)+\" \"),(_vm.selectedCO2Name !== null)?_c('span',[_vm._v(\" and \"+_vm._s(_vm.selectedCO2Name))]):_vm._e(),_vm._v(\". \")])]),_c('div',{staticClass:\"objectives__form-attributes-number\"},[_c('p',{staticClass:\"color-blue-dark font-size-14 font-w-500\"},[_vm._v(\" \"+_vm._s(_vm.chosenAttributes.length)+\" selected attributes \")])]),_c('div',{staticClass:\"objectives__select-inner\"},[(_vm.chosenCommunicationObjective1 === 0)?_c('p',[_vm._v(\" To see the key attributes list you need to select Communication objective. \")]):_c('div',{staticClass:\"flex flex-wrap\"},_vm._l((_vm.activeAttributesList),function(item){return _c('div',{key:item.atributeID,staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.chosenAttributes),expression:\"chosenAttributes\"}],attrs:{\"type\":\"checkbox\",\"id\":item.attributeID},domProps:{\"value\":item,\"checked\":Array.isArray(_vm.chosenAttributes)?_vm._i(_vm.chosenAttributes,item)>-1:(_vm.chosenAttributes)},on:{\"change\":[function($event){var $$a=_vm.chosenAttributes,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=item,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.chosenAttributes=$$a.concat([$$v]))}else{$$i>-1&&(_vm.chosenAttributes=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.chosenAttributes=$$c}},function($event){return _vm.setRobotValidation()}]}}),_c('label',{class:{ dlb: _vm.dlbStatus },attrs:{\"for\":item.attributeID}},[_vm._v(_vm._s(item.AttributeLabel))])])}),0)])])]),_c('div',{staticClass:\"objectives__map\",attrs:{\"id\":\"emotionalAttributesContent1\"}},[_c('h3',[_vm._v(\" Communication Territory \"),_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(\" Emotional attributes are used to measure the coherency of your packaging with your brand strategy. How does your brand and packaging deliver on key category drivers? \"),_c('span',{staticClass:\"cursor-pointer\",on:{\"click\":_vm.showModal}},[_c('u',[_vm._v(\"Click to learn more\")])]),_vm._v(\" about how Hotspex uses this powerful methodology. \")])]),_c('a-icon',{attrs:{\"type\":\"question-circle\"}})],2)],1),_c('div',{staticClass:\"objectives__map-inner\"},[_c('div',{staticClass:\"objectives__map-image\"},[_c('Map',{attrs:{\"selectedZone1\":_vm.selectedZone1Name,\"selectedZone2\":_vm.selectedZone2Name,\"selectedAttributes\":_vm.chosenAttributes}})],1)])])]),(_vm.chosenCommunicationObjective1 === 0)?_c('div',{staticClass:\"objectives__select-inner\"},[_c('p',{staticClass:\"mb-0 font-size-14\"},[_vm._v(\" Please select a Communication Objective above. \")])]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"box-wrapper\"},[((_vm.dlbStatus && _vm.findCustomKey) || !_vm.dlbStatus)?_c('h2',[_vm._v(\" Key messages \")]):_vm._e(),((_vm.dlbStatus && _vm.findCustomKey) || !_vm.dlbStatus)?_c('div',[_c('div',{staticClass:\"section-info\"},[(!_vm.isPackSbdTestPresent)?_c('p',[_vm._v(\" Our standard pack test methodology uses predefined category-specific statements which are delivered in every report. The predefined statements for this category can be seen \"),_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[_c('template',{slot:\"title\"},[_c('ul',{staticClass:\"list-reset pl-10 list-type-disc\"},_vm._l((_vm.categoryStatements),function(item){return _c('li',{key:item.id},[_vm._v(\" \"+_vm._s(item.CogniName)+\" \")])}),0)]),_c('span',{staticClass:\"cursor-pointer\"},[_c('u',{staticClass:\"red\"},[_vm._v(\"here\")])])],2),_vm._v(\". In addition to these predefined statements, up to 5 custom statements can be added below: \")],1):_c('p',[_vm._v(\" Please enter your key messages (cogni statements) you want to evaluate for this study. \"),_c('span',{staticClass:\"red\"},[_vm._v(\"You have to enter a minimum of 4 and can add up to \"+_vm._s(_vm.maxCustomKey)+\" messages\")]),_vm._v(\". \")])]),_c('div',{staticClass:\"ant-input-group-addon-small input-group\"},_vm._l((_vm.customKey),function(option,index){return _c('a-input',{key:index,staticClass:\"options-input mb-10\",class:{ dlb: _vm.dlbStatus },attrs:{\"placeholder\":\"Add custom statement\"},on:{\"pressEnter\":function($event){return _vm.addCustomKey(index)}},model:{value:(option.optionText),callback:function ($$v) {_vm.$set(option, \"optionText\", $$v)},expression:\"option.optionText\"}},[(\n                          option.optionText === '' ||\n                          (_vm.customKey[index + 1] === undefined &&\n                            index + 1 < _vm.maxCustomKey)\n                        )?_c('a-button',{attrs:{\"slot\":\"addonAfter\"},on:{\"click\":function($event){return _vm.addCustomKey(index)}},slot:\"addonAfter\"},[_vm._v(\" Add \")]):_c('a-button',{staticClass:\"ant-btn--delete\",attrs:{\"slot\":\"addonAfter\"},on:{\"click\":function($event){return _vm.removeCustomKey(index)}},slot:\"addonAfter\"},[_vm._v(\" Delete \")])],1)}),1),_c('a-button',{staticClass:\"mb-15\",attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.bulkAddModal = true}}},[_vm._v(\" Bulk Add \")]),_c('p',{staticClass:\"font-size-13 mb-0\"},[_vm._v(\" *Please ensure that the wording of your statements is in the language of your study - \"),_c('strong',[_vm._v(_vm._s(_vm.projectSummary !== null ? _vm.projectSummary.languageCode : \"\"))])])],1):_vm._e()])])],1)]),(!_vm.loading)?_c('StepNaviBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"nextDisable\":_vm.enableNextStep,\"conciergeAssistance\":true,\"prevDisable\":false,\"prevBtnTooltip\":\"Back to Stimuli\",\"nextBtnTooltip\":\"Go to Audience\",\"stepsType\":\"pack\"},on:{\"nextHandler\":_vm.nextStep,\"prevHandler\":_vm.prevStep}}):_vm._e()],1)],1)],1),(!_vm.loading)?_c('CompletionProgress',{attrs:{\"checkList\":_vm.quizs}}):_vm._e(),_c('a-modal',{attrs:{\"width\":\"90%\",\"height\":\"90vh\",\"centered\":\"\",\"footer\":null,\"header\":false,\"wrapClassName\":\"ant-modal--persona-iframe\"},model:{value:(_vm.personaPreviewModal),callback:function ($$v) {_vm.personaPreviewModal=$$v},expression:\"personaPreviewModal\"}},[_c('iframe',{attrs:{\"src\":\"https://hotspex.com/persona/\",\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\"}})]),_c('a-modal',{attrs:{\"title\":\"Bulk Add\",\"visible\":_vm.bulkAddModal,\"cancelText\":\"Cancel\",\"okText\":\"Add\",\"width\":1100},on:{\"ok\":_vm.processKeyMessages,\"cancel\":function($event){_vm.bulkAddModal = false}}},[_c('div',{staticClass:\"input-group position-r\"},[_c('label',[_vm._v(\"Please copy and paste your full list with up to \"+_vm._s(_vm.maxCustomKey)+\" key messages below. Make sure you paste them in a vertical list format, with one message per row.\")]),_c('a-textarea',{attrs:{\"auto-size\":{ minRows: 8 }},model:{value:(_vm.keyMessagesText),callback:function ($$v) {_vm.keyMessagesText=$$v},expression:\"keyMessagesText\"}}),(_vm.errorMessage)?_c('div',{staticClass:\"validation\"},[_vm._v(_vm._s(_vm.errorMessage))]):_vm._e()],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(\"Brand Strategy\")]),_c('span',[_vm._v(\"Emotional Attributes\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"authoring-wrapper\">\n    <div class=\"flex h-full\">\n      <ProgressBar\n        :stepIndex=\"stepIndex\"\n        :surveyID=\"surveyID\"\n        :stepsType=\"isPackSbdTestPresent ? 'pack-sbd' : 'pack'\"\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\n              ><a href=\"/products\">Products</a></a-breadcrumb-item\n            >\n            <a-breadcrumb-item>{{ breadcrumbTitle }}</a-breadcrumb-item>\n          </template>\n        </a-breadcrumb>\n        <div class=\"wrapper__inner\">\n          <div id=\"objectivesWrapper\">\n            <div class=\"page-title page-title--transparent-svg-color\">\n              <icon-base\n                :width=\"32\"\n                :height=\"33\"\n                :viewBox1=\"32\"\n                :viewBox2=\"33\"\n                iconName=\"bulb\"\n                iconStroke=\"#4318FF\"\n                ><icon-bulb\n              /></icon-base>\n              <div class=\"page-title__text\">\n                <h1>Brand Strategy</h1>\n                <span>Emotional Attributes</span>\n              </div>\n            </div>\n            <div class=\"objectives__left-col flex-1\">\n              <Loader\n                text=\"Loading data...\"\n                :paddingTop=\"150\"\n                v-if=\"loading\"\n              ></Loader>\n              <div v-else>\n                <div\n                  class=\"box-wrapper\"\n                  v-if=\"surveyInfo && surveyInfo.studyType !== 'SBD'\"\n                >\n                  <h2>Communication Objective</h2>\n                  <div class=\"section-info\">\n                    <p>\n                      Based on your packaging objectives please choose the key\n                      target equity associations you’re looking to reinforce. A\n                      primary objective is required but this methodology\n                      supports a secondary if applicable.\n                    </p>\n                  </div>\n                  <div class=\"flex items-start objectives__list\">\n                    <div class=\"input-group\">\n                      <label\n                        >Primary Communication Objective\n                        <a-tooltip>\n                          <template slot=\"title\">\n                            Communication objectives are the associations your\n                            packaging should be communicating. For Implicit, we\n                            will test how people unconsciously associate these\n                            targets with your brand and packaging. For explicit,\n                            it will help guide our analysis.\n                          </template>\n                          <a-icon type=\"info-circle\" />\n                        </a-tooltip>\n                      </label>\n                      <a-select\n                        class=\"fullWidth\"\n                        option-filter-prop=\"children\"\n                        show-search\n                        placeholder=\"Select communication objective\"\n                        @change=\"selectObjective1\"\n                        :key=\"Math.random()\"\n                        :default-value=\"\n                          chosenCommunicationObjective1 !== 0\n                            ? chosenCommunicationObjective1\n                            : undefined\n                        \"\n                        :class=\"{ dlb: dlbStatus }\"\n                      >\n                        <a-select-option\n                          v-for=\"item in communicationObjectives\"\n                          :key=\"item.CommunicationObjectiveID\"\n                          :value=\"item.CommunicationObjectiveID\"\n                        >\n                          {{ item.CommunicationObjectiveName }}\n                        </a-select-option>\n                      </a-select>\n                    </div>\n                    <div\n                      class=\"objectives__add-more\"\n                      @click=\"showCommunicationObjective2 = true\"\n                      v-if=\"\n                        !showCommunicationObjective2 &&\n                        chosenCommunicationObjective1 !== 0 &&\n                        !dlbStatus\n                      \"\n                    >\n                      + <span>Add second communication objective</span>\n                    </div>\n                    <div class=\"input-group\" v-if=\"showCommunicationObjective2\">\n                      <label\n                        >Second Communication Objective\n                        <span class=\"flex items-center gap-15\">\n                          <div\n                            class=\"objectives__select-remove\"\n                            @click=\"removeCommunicationObjective\"\n                          >\n                            <icon-base\n                              :width=\"24\"\n                              :height=\"24\"\n                              :viewBox1=\"24\"\n                              :viewBox2=\"24\"\n                              iconName=\"trash\"\n                              iconStroke=\"#353F44\"\n                              ><icon-trash\n                            /></icon-base>\n                          </div>\n                        </span>\n                      </label>\n                      <a-select\n                        class=\"fullWidth\"\n                        option-filter-prop=\"children\"\n                        show-search\n                        placeholder=\"Select communication objective\"\n                        :key=\"Math.random()\"\n                        :default-value=\"\n                          chosenCommunicationObjective2 !== 0\n                            ? chosenCommunicationObjective2\n                            : undefined\n                        \"\n                        @change=\"selectObjective2\"\n                        :class=\"{ dlb: dlbStatus }\"\n                      >\n                        <a-select-option\n                          v-for=\"item in filteredCommunicationObjectives\"\n                          :key=\"item.CommunicationObjectiveID\"\n                          :value=\"item.CommunicationObjectiveID\"\n                        >\n                          {{ item.CommunicationObjectiveName }}\n                        </a-select-option>\n                      </a-select>\n                    </div>\n                  </div>\n                </div>\n\n                <div class=\"box-wrapper\" v-if=\"false\">\n                  <div class=\"overflow-hidden objectives__form-attributes\">\n                    <div class=\"flex-1\" id=\"emotionalAttributesContent\">\n                      <div class=\"objectives__select objectives__select--full\">\n                        <div class=\"section-info\">\n                          <p>\n                            Please select\n                            <span class=\"red\">3-9 attributes</span> to reflect\n                            the way you would like your packaging to convey the\n                            concepts of\n                            {{ selectedCO1Name }}\n                            <span v-if=\"selectedCO2Name !== null\">\n                              and {{ selectedCO2Name }}</span\n                            >.\n                          </p>\n                        </div>\n                        <div class=\"objectives__form-attributes-number\">\n                          <p class=\"color-blue-dark font-size-14 font-w-500\">\n                            {{ chosenAttributes.length }} selected attributes\n                          </p>\n                        </div>\n                        <div class=\"objectives__select-inner\">\n                          <p v-if=\"chosenCommunicationObjective1 === 0\">\n                            To see the key attributes list you need to select\n                            Communication objective.\n                          </p>\n                          <div class=\"flex flex-wrap\" v-else>\n                            <div\n                              class=\"custom-checkbox\"\n                              v-for=\"item in activeAttributesList\"\n                              :key=\"item.atributeID\"\n                            >\n                              <input\n                                type=\"checkbox\"\n                                :value=\"item\"\n                                :id=\"item.attributeID\"\n                                v-model=\"chosenAttributes\"\n                                @change=\"setRobotValidation()\"\n                              />\n                              <label\n                                :for=\"item.attributeID\"\n                                :class=\"{ dlb: dlbStatus }\"\n                                >{{ item.AttributeLabel }}</label\n                              >\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div\n                      class=\"objectives__map\"\n                      id=\"emotionalAttributesContent1\"\n                    >\n                      <h3>\n                        Communication Territory\n                        <a-tooltip\n                          placement=\"top\"\n                          overlayClassName=\"ant-tooltip--step-nav\"\n                        >\n                          <template slot=\"title\">\n                            <span>\n                              Emotional attributes are used to measure the\n                              coherency of your packaging with your brand\n                              strategy. How does your brand and packaging\n                              deliver on key category drivers?\n                              <span @click=\"showModal\" class=\"cursor-pointer\"\n                                ><u>Click to learn more</u></span\n                              >\n                              about how Hotspex uses this powerful methodology.\n                            </span>\n                          </template>\n                          <a-icon type=\"question-circle\" />\n                        </a-tooltip>\n                      </h3>\n                      <div class=\"objectives__map-inner\">\n                        <div class=\"objectives__map-image\">\n                          <!-- <img src=\"/images/mapExplorer.svg\" alt=\"\" /> -->\n                          <Map\n                            :selectedZone1=\"selectedZone1Name\"\n                            :selectedZone2=\"selectedZone2Name\"\n                            :selectedAttributes=\"chosenAttributes\"\n                          ></Map>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div\n                    class=\"objectives__select-inner\"\n                    v-if=\"chosenCommunicationObjective1 === 0\"\n                  >\n                    <p class=\"mb-0 font-size-14\">\n                      Please select a Communication Objective above.\n                    </p>\n                  </div>\n                </div>\n\n                <div class=\"box-wrapper\">\n                  <h2 v-if=\"(dlbStatus && findCustomKey) || !dlbStatus\">\n                    Key messages\n                  </h2>\n                  <div v-if=\"(dlbStatus && findCustomKey) || !dlbStatus\">\n                    <div class=\"section-info\">\n                      <p v-if=\"!isPackSbdTestPresent\">\n                        Our standard pack test methodology uses predefined\n                        category-specific statements which are delivered in\n                        every report. The predefined statements for this\n                        category can be seen\n                        <a-tooltip\n                          placement=\"top\"\n                          overlayClassName=\"ant-tooltip--step-nav\"\n                        >\n                          <template slot=\"title\">\n                            <ul class=\"list-reset pl-10 list-type-disc\">\n                              <li\n                                v-for=\"item in categoryStatements\"\n                                :key=\"item.id\"\n                              >\n                                {{ item.CogniName }}\n                              </li>\n                            </ul> </template\n                          ><span class=\"cursor-pointer\"\n                            ><u class=\"red\">here</u></span\n                          > </a-tooltip\n                        >. In addition to these predefined statements, up to 5\n                        custom statements can be added below:\n                      </p>\n                      <p v-else>\n                        Please enter your key messages (cogni statements) you\n                        want to evaluate for this study.\n                        <span class=\"red\"\n                          >You have to enter a minimum of 4 and can add up to\n                          {{ maxCustomKey }} messages</span\n                        >.\n                      </p>\n                    </div>\n                    <div class=\"ant-input-group-addon-small input-group\">\n                      <a-input\n                        v-for=\"(option, index) in customKey\"\n                        placeholder=\"Add custom statement\"\n                        class=\"options-input mb-10\"\n                        :class=\"{ dlb: dlbStatus }\"\n                        :key=\"index\"\n                        v-model=\"option.optionText\"\n                        @pressEnter=\"addCustomKey(index)\"\n                      >\n                        <a-button\n                          slot=\"addonAfter\"\n                          v-if=\"\n                            option.optionText === '' ||\n                            (customKey[index + 1] === undefined &&\n                              index + 1 < maxCustomKey)\n                          \"\n                          @click=\"addCustomKey(index)\"\n                        >\n                          Add\n                        </a-button>\n                        <a-button\n                          v-else\n                          slot=\"addonAfter\"\n                          class=\"ant-btn--delete\"\n                          @click=\"removeCustomKey(index)\"\n                        >\n                          Delete\n                        </a-button>\n                      </a-input>\n                    </div>\n\n                    <a-button\n                      class=\"mb-15\"\n                      type=\"primary\"\n                      @click=\"bulkAddModal = true\"\n                    >\n                      Bulk Add\n                    </a-button>\n                    <p class=\"font-size-13 mb-0\">\n                      *Please ensure that the wording of your statements is in\n                      the language of your study -\n                      <strong>{{\n                        projectSummary !== null\n                          ? projectSummary.languageCode\n                          : \"\"\n                      }}</strong>\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <StepNaviBar\n            v-if=\"!loading\"\n            :stepIndex=\"stepIndex\"\n            :nextDisable=\"enableNextStep\"\n            :conciergeAssistance=\"true\"\n            @nextHandler=\"nextStep\"\n            :prevDisable=\"false\"\n            @prevHandler=\"prevStep\"\n            prevBtnTooltip=\"Back to Stimuli\"\n            nextBtnTooltip=\"Go to Audience\"\n            stepsType=\"pack\"\n          />\n        </div>\n      </section>\n    </div>\n    <CompletionProgress :checkList=\"quizs\" v-if=\"!loading\"></CompletionProgress>\n\n    <a-modal\n      v-model=\"personaPreviewModal\"\n      width=\"90%\"\n      height=\"90vh\"\n      centered\n      :footer=\"null\"\n      :header=\"false\"\n      wrapClassName=\"ant-modal--persona-iframe\"\n    >\n      <iframe\n        src=\"https://hotspex.com/persona/\"\n        width=\"100%\"\n        height=\"100%\"\n        frameborder=\"0\"\n      >\n      </iframe>\n    </a-modal>\n\n    <a-modal\n      title=\"Bulk Add\"\n      :visible=\"bulkAddModal\"\n      @ok=\"processKeyMessages\"\n      @cancel=\"bulkAddModal = false\"\n      cancelText=\"Cancel\"\n      okText=\"Add\"\n      :width=\"1100\"\n    >\n      <div class=\"input-group position-r\">\n        <label\n          >Please copy and paste your full list with up to\n          {{ maxCustomKey }} key messages below. Make sure you paste them in a\n          vertical list format, with one message per row.</label\n        >\n        <a-textarea v-model=\"keyMessagesText\" :auto-size=\"{ minRows: 8 }\" />\n        <div v-if=\"errorMessage\" class=\"validation\">{{ errorMessage }}</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 Loader from \"@/components/general/Loader.vue\";\nimport Map from \"@/components/general/Map.vue\";\nimport CompletionProgress from \"@/components/general/CompletionProgress.vue\";\nimport _ from \"lodash\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconTrash from \"@/components/icons/IconTrash.vue\";\nimport IconBulb from \"@/components/icons/IconBulb.vue\";\n\nexport default {\n  name: \"CommunicationObjective\",\n  components: {\n    ProgressBar,\n    StepNaviBar,\n    Loader,\n    CompletionProgress,\n    Map,\n    IconBase,\n    IconTrash,\n    IconBulb,\n  },\n  mixins: [surveyPriceMixin],\n  data() {\n    return {\n      stepIndex: 3,\n      langObj: {},\n      client: {},\n      quizs: [],\n      attributes: [],\n      communicationObjectives: [],\n      surveyID: 0,\n      personaPreviewModal: false,\n      loading: false,\n      selectedStatus: 0,\n      chosenCommunicationObjective1: 0,\n      chosenCommunicationObjective2: 0,\n      chosenZone1Id: null,\n      chosenZone2Id: null,\n      showCommunicationObjective2: false,\n      chosenAttributes: [],\n      editableSurvey: undefined,\n      customKey: [{ optionText: \"\" }],\n      maxCustomKey: 5,\n      projectSummary: null,\n      categoryStatements: [],\n      user: null,\n      selectedZone1Name: \"\",\n      selectedZone2Name: \"\",\n      boxHeight: 0,\n      selectedCO1Name: null,\n      selectedCO2Name: null,\n      surveyType: null,\n      breadcrumbTitle: \"Pack Test\",\n      isPackSbdTestPresent: false,\n      bulkAddModal: false,\n      errorMessage: \"\",\n      keyMessagesText: \"\",\n      surveyInfo: null,\n    };\n  },\n  computed: {\n    enableNextStep() {\n      return this.quizs.some((quiz) => quiz.completed !== true);\n    },\n    activeAttributesList() {\n      return this.attributes.filter((item) =>\n        [this.chosenZone1Id, this.chosenZone2Id].includes(item.zoneID)\n      );\n    },\n    filteredCommunicationObjectives() {\n      let chosenCommunicationObjective1 = this.communicationObjectives.find(\n        (item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n          );\n        }\n      );\n      let excludedCommunicationObjective = [\n        chosenCommunicationObjective1.CommunicationObjectiveID,\n      ];\n      if (chosenCommunicationObjective1 !== undefined) {\n        _.forEach(chosenCommunicationObjective1.Excluded, function (item) {\n          excludedCommunicationObjective.push(item.ExcludedID);\n        });\n      }\n\n      return this.communicationObjectives.filter(\n        (item) =>\n          !excludedCommunicationObjective.includes(\n            item.CommunicationObjectiveID\n          )\n      );\n    },\n    dlbStatus() {\n      return this.surveyType === \"packtestextend\";\n    },\n    findCustomKey() {\n      return this.customKey.some((item) => item.optionText !== \"\");\n    },\n  },\n  methods: {\n    prevStep() {\n      this.$router.push({\n        name: this.isPackSbdTestPresent ? \"stimuli-sbd\" : \"stimuli\",\n        params: { id: this.surveyID },\n      });\n    },\n    nextStep() {\n      this.save();\n    },\n    updateQuiz() {\n      if (\n        this.isPackSbdTestPresent &&\n        this.surveyInfo &&\n        this.surveyInfo.studyType === \"SBD\"\n      ) {\n        this.quizs = [\n          {\n            quizName: this.langObj[\"communication-objective\"].robot3,\n            completed: false,\n          },\n        ];\n      } else if (\n        this.isPackSbdTestPresent &&\n        this.surveyInfo &&\n        this.surveyInfo.studyType !== \"SBD\"\n      ) {\n        this.quizs = [\n          {\n            quizName: this.langObj[\"communication-objective\"].robot1,\n            completed: false,\n          },\n          {\n            quizName: this.langObj[\"communication-objective\"].robot3,\n            completed: false,\n          },\n        ];\n      } else {\n        this.quizs = [\n          {\n            quizName: this.langObj[\"communication-objective\"].robot1,\n            completed: false,\n          },\n        ];\n      }\n    },\n    showModal() {\n      this.personaPreviewModal = true;\n    },\n    addCommunicationObjective() {\n      let _this = this;\n      this.$confirm({\n        title: \"Add second communication objective\",\n        content: () => (\n          <div>\n            Adding a second objective significantly increases the cost of the\n            study. Do you want to add it?\n          </div>\n        ),\n        onOk() {\n          _this.showCommunicationObjective2 = true;\n        },\n        okText: \"Yes\",\n        onCancel() {},\n      });\n    },\n    removeCommunicationObjective() {\n      let _this = this;\n      this.$confirm({\n        title: \"Remove second communication objective\",\n        content: () => (\n          <div>\n            Are you sure you want to delete second communication objective?\n          </div>\n        ),\n        onOk() {\n          _this.chosenCommunicationObjective2 = 0;\n          _this.showCommunicationObjective2 = false;\n          _this.chosenZone2Id = null;\n          _this.selectedCO2Name = null;\n          _this.selectedZone2Name = \"\";\n          _this.clearChosenAttributes();\n          _this.priceCalculation();\n        },\n        okText: \"Yes\",\n        onCancel() {},\n      });\n    },\n    selectObjective1(data) {\n      this.chosenCommunicationObjective1 = data;\n      this.setRobotValidation();\n      this.chosenZone1Id = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n        );\n      }).CommunicationZones;\n      this.selectedZone1Name = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n        );\n      }).CommunicationZonesNames;\n      this.selectedCO1Name = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n        );\n      }).CommunicationObjectiveName;\n      this.chosenCommunicationObjective2 = 0;\n      this.chosenZone2Id = null;\n      this.clearChosenAttributes();\n      // setTimeout(() => {\n      //   this.setHeightToEmotionalAttributes();\n      // }, 0);\n      this.priceCalculation();\n    },\n    selectObjective2(data) {\n      this.chosenCommunicationObjective2 = data;\n      this.chosenZone2Id = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective2\n        );\n      }).CommunicationZones;\n      this.selectedZone2Name = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective2\n        );\n      }).CommunicationZonesNames;\n      this.selectedCO2Name = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective2\n        );\n      }).CommunicationObjectiveName;\n      this.clearChosenAttributes();\n      // setTimeout(() => {\n      //   this.setHeightToEmotionalAttributes();\n      // }, 0);\n      this.priceCalculation();\n    },\n    scrollToEmotionalAttributes() {\n      let emotionalAttributesOffset = document.getElementById(\n        \"emotionalAttributes\"\n      ).offsetTop;\n      document.getElementById(\"objectivesWrapper\").scrollTo({\n        top: emotionalAttributesOffset - 180,\n        behavior: \"smooth\",\n      });\n    },\n    setHeightToEmotionalAttributes() {\n      let h = document.getElementById(\n        \"emotionalAttributesContent\"\n      ).offsetHeight;\n      let h1 = document.getElementById(\n        \"emotionalAttributesContent1\"\n      ).offsetHeight;\n      this.boxHeight = h + h1 + 25;\n    },\n    setRobotValidation() {\n      if (\n        !this.surveyInfo.studyType ||\n        (this.surveyInfo.studyType !== \"SBD\" &&\n          this.surveyInfo.studyType !== \"Pack\")\n      ) {\n        if (this.chosenCommunicationObjective1 !== 0) {\n          this.quizs[0].completed = true;\n        } else {\n          this.quizs[0].completed = false;\n        }\n      } else if (\n        this.surveyInfo.studyType &&\n        this.surveyInfo.studyType === \"Pack\"\n      ) {\n        if (this.chosenCommunicationObjective1 !== 0) {\n          this.quizs[0].completed = true;\n        } else {\n          this.quizs[0].completed = false;\n        }\n\n        if (\n          this.customKey.filter((message) => message.optionText !== \"\")\n            .length >= 4 &&\n          this.customKey.filter((message) => message.optionText !== \"\")\n            .length <= this.maxCustomKey\n        ) {\n          this.quizs[1].completed = true;\n        } else {\n          this.quizs[1].completed = false;\n        }\n      } else if (\n        this.surveyInfo.studyType &&\n        this.surveyInfo.studyType === \"SBD\"\n      ) {\n        if (\n          this.customKey.filter((message) => message.optionText !== \"\")\n            .length >= 4 &&\n          this.customKey.filter((message) => message.optionText !== \"\")\n            .length <= this.maxCustomKey\n        ) {\n          this.quizs[0].completed = true;\n        } else {\n          this.quizs[0].completed = false;\n        }\n      }\n    },\n    setCommunicationObjectives() {\n      const getCommunicationObjectives = new Promise((resolve) => {\n        wsUtils.GetCommunicationObjectives(resolve);\n      });\n      getCommunicationObjectives.then((data) => {\n        this.communicationObjectives = data;\n      });\n    },\n    setAttributes() {\n      const personaListPromise = new Promise((resolve) => {\n        wsUtils.getPersonaAttributes(resolve);\n      });\n      personaListPromise.then((data) => {\n        this.attributes = data;\n        this.setEditMode();\n        setTimeout(() => {\n          this.loading = false;\n        }, 200);\n      });\n    },\n    setEditMode() {\n      if (this.editableSurvey !== undefined) {\n        this.setCOEdit();\n        this.setKeyMessagesEdit();\n      }\n    },\n    setCOEdit() {\n      if (\n        this.editableSurvey.SurveyConfig.CommunicationObjective1 &&\n        this.editableSurvey.SurveyConfig.CommunicationObjective1 !== -1 &&\n        this.editableSurvey.SurveyConfig.CommunicationObjective1 !== 0\n      ) {\n        this.boxHeight = \"auto\";\n        this.chosenCommunicationObjective1 =\n          this.editableSurvey.SurveyConfig.CommunicationObjective1;\n        this.chosenCommunicationObjective2 =\n          this.editableSurvey.SurveyConfig.CommunicationObjective2;\n\n        this.chosenZone1Id = this.communicationObjectives.find((item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n          );\n        }).CommunicationZones;\n\n        this.selectedZone1Name = this.communicationObjectives.find((item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n          );\n        }).CommunicationZonesNames;\n\n        this.selectedCO1Name = this.communicationObjectives.find((item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n          );\n        }).CommunicationObjectiveName;\n\n        let zone2 = this.communicationObjectives.find((item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective2\n          );\n        });\n\n        if (zone2 !== undefined) {\n          this.chosenZone2Id = zone2.CommunicationZones;\n          this.selectedZone2Name = zone2.CommunicationZonesNames;\n          this.selectedCO2Name = zone2.CommunicationObjectiveName;\n        }\n\n        _.forEach(this.editableSurvey.AttributeDetails, (item) => {\n          let attribute = this.attributes.find((attr) => {\n            return attr.attributeID === item.attributeID;\n          });\n          this.chosenAttributes.push(attribute);\n        });\n\n        this.showCommunicationObjective2 =\n          this.chosenCommunicationObjective2 !== 0 ? true : false;\n        this.setRobotValidation();\n      }\n    },\n    setKeyMessagesEdit() {\n      this.customKey = [{ optionText: \"\" }];\n      if (\n        this.editableSurvey &&\n        this.editableSurvey.keyMessages &&\n        this.editableSurvey.keyMessages.length > 0\n      ) {\n        this.customKey = [];\n        _.forEach(this.editableSurvey.keyMessages, (item) => {\n          this.customKey.push({ optionText: item });\n        });\n        this.setRobotValidation();\n      }\n    },\n    clearChosenAttributes() {\n      this.chosenAttributes = this.chosenAttributes.filter((item) =>\n        [this.chosenZone1Id, this.chosenZone2Id].includes(item.zoneID)\n      );\n      this.setRobotValidation();\n    },\n    save() {\n      let getKeyMessage = this.customKey\n        .filter((item) => item.optionText !== \"\")\n        .map((item) => {\n          return item.optionText;\n        });\n\n      const selectIDs = this.chosenAttributes.map((attr) => attr.attributeID);\n      const savePackTestPersonaAttributes = new Promise((resolve) => {\n        wsUtils.SavePackTestPersonaAttributes(\n          {\n            surveyID: this.surveyID,\n            attributeIDs: selectIDs.toString(),\n            CommunicationObjective1: this.chosenCommunicationObjective1,\n            CommunicationObjective2: this.chosenCommunicationObjective2,\n            keaMessage: getKeyMessage,\n            userId: this.user.EncrypteduserID,\n          },\n          resolve\n        );\n      });\n      savePackTestPersonaAttributes.then(() => {\n        jsUtils.setSurveysApiTrigger(true);\n        this.setSurveySummaryData();\n        let nextStep;\n\n        if (!this.isPackSbdTestPresent) {\n          nextStep =\n            this.user.SkinIdentifier !== \"pg\" && !this.dlbStatus\n              ? \"custom-questions\"\n              : \"pack-test-launch\";\n        } else {\n          nextStep = \"pack-sbd-category-inputs\";\n        }\n\n        this.$router.push({\n          name: nextStep,\n          params: { id: this.surveyID },\n        });\n      });\n    },\n    resetData() {\n      this.chosenCommunicationObjective1 = 0;\n      this.chosenCommunicationObjective2 = 0;\n      this.chosenZone1Id = null;\n      this.chosenZone2Id = null;\n      this.chosenAttributes = [];\n      this.showCommunicationObjective2 = false;\n      this.boxHeight = 0;\n      this.selectedCO2Name = null;\n    },\n    setSurveySummaryData() {\n      let communicationObjectives = {\n        chosenCommunicationObjective1:\n          this.communicationObjectives.find((item) => {\n            return (\n              item.CommunicationObjectiveID ===\n              this.chosenCommunicationObjective1\n            );\n          }) || -1,\n        chosenCommunicationObjective2:\n          this.communicationObjectives.find((item) => {\n            return (\n              item.CommunicationObjectiveID ===\n              this.chosenCommunicationObjective2\n            );\n          }) || -1,\n      };\n      let currentSummaryData = jsUtils.getSurveySummaryData();\n      jsUtils.setSurveySummaryData({\n        ...currentSummaryData,\n        ...communicationObjectives,\n      });\n    },\n    addCustomKey(index) {\n      if (this.customKey[index].optionText !== \"\") {\n        if (this.customKey.length < this.maxCustomKey) {\n          this.customKey.push({ optionText: \"\" });\n          setTimeout(() => {\n            const optionInputs = document.querySelectorAll(\n              \".options-input input\"\n            );\n            optionInputs[this.customKey.length - 1].focus();\n            this.setRobotValidation();\n          }, 200);\n        }\n      }\n    },\n    removeCustomKey(index) {\n      if (this.customKey.length === 1) {\n        this.customKey[0] = { optionText: \"\" };\n      } else {\n        this.customKey.splice(index, 1);\n      }\n      this.setRobotValidation();\n    },\n    defaultCategoryStatements() {\n      const getCategoryStatements = new Promise((resolve) => {\n        wsUtils.GetCategoryStatements(\n          {\n            categoryID:\n              this.projectSummary.activeShelf.categoryId !== undefined\n                ? this.projectSummary.activeShelf.categoryId\n                : this.editableSurvey.SurveyConfig.CategoryId,\n          },\n          resolve\n        );\n      });\n      getCategoryStatements.then((data) => {\n        this.categoryStatements = data;\n      });\n    },\n    priceCalculation() {\n      let comObjects;\n\n      if (\n        this.chosenCommunicationObjective1 !== 0 &&\n        this.chosenCommunicationObjective1 !== -1\n      ) {\n        comObjects = 1;\n      }\n      if (\n        this.chosenCommunicationObjective1 !== 0 &&\n        this.chosenCommunicationObjective1 !== -1 &&\n        this.chosenCommunicationObjective2 !== 0 &&\n        this.chosenCommunicationObjective2 !== -1\n      ) {\n        comObjects = 2;\n      }\n\n      if (comObjects !== 0) {\n        let currentPackTestPriceData = jsUtils.getPackTestPrice();\n        jsUtils.setPackTestPrice({\n          ...currentPackTestPriceData,\n          comObjects: comObjects,\n        });\n        this.getPackTestTotalPrice();\n      }\n    },\n    updatePackTestUI() {\n      if (this.isPackSbdTestPresent) {\n        this.breadcrumbTitle = \"Pack SBD Test\";\n        this.maxCustomKey = 15;\n      }\n    },\n    checkUrlForPackSbdTest() {\n      const currentPath = this.$route.path;\n      this.isPackSbdTestPresent = currentPath.includes(\"pack-sbd-test\");\n    },\n    processKeyMessages() {\n      this.errorMessage = \"\";\n      const messages = this.keyMessagesText\n        .split(\"\\n\")\n        .map((message) => {\n          return { optionText: message.trim() };\n        })\n        .filter((message) => message.optionText !== \"\");\n      const customKeyLength = this.customKey.filter(\n        (message) => message.optionText !== \"\"\n      ).length;\n\n      if (messages.length + customKeyLength > this.maxCustomKey) {\n        this.errorMessage = `Woops you've added too many key messages. Please remove ${\n          messages.length + customKeyLength - this.maxCustomKey\n        }  messages to continue.`;\n      } else {\n        this.customKey = this.customKey.filter(\n          (message) => message.optionText !== \"\"\n        );\n        this.customKey.push(...messages);\n        this.bulkAddModal = false;\n        this.keyMessagesText = \"\";\n        this.setRobotValidation();\n      }\n    },\n  },\n  beforeRouteLeave(to, from, next) {\n    this.resetData();\n    next();\n  },\n  activated() {\n    this.surveyInfo = jsUtils.getSurveySummaryData();\n    this.surveyType = jsUtils.readCookie(\"survey-type\");\n    this.user = jsUtils.getUserInfo();\n    this.loading = true;\n    this.client = jsUtils.getCurClient();\n    this.surveyID = this.$route.params.id;\n    this.projectSummary = jsUtils.getSurveySummaryData();\n    this.editableSurvey = jsUtils.getEditableSurvey();\n    this.checkUrlForPackSbdTest();\n    this.updateQuiz();\n    this.setAttributes();\n    this.setCommunicationObjectives();\n    this.defaultCategoryStatements();\n    this.updatePackTestUI();\n  },\n  created() {\n    this.langObj = jsUtils.getLangObj(\n      \"videoAuthorLang\",\n      \"/tooltip/videoAuthor.json\"\n    );\n  },\n  watch: {\n    // enableNextStep(newVal) {\n    //   if (!newVal) {\n    //     this.quizs[0].completed = true;\n    //   } else {\n    //     this.quizs[0].completed = false;\n    //   }\n    // },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.objectives {\n  padding: 0 0 113px;\n  text-align: left;\n  .authorBtnSection {\n    position: fixed;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    z-index: 9999;\n  }\n  &__wrapper {\n    height: calc(100vh - 168px);\n    overflow: auto;\n    padding: 0 20px;\n  }\n  &__inner {\n    max-width: 970px;\n    margin: 0 auto;\n    padding: 50px 0 80px;\n    min-height: 100%;\n  }\n  &__list {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-column-gap: 34px;\n  }\n  &__left-col {\n    .section-info {\n      margin-bottom: 32px;\n    }\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    .box-wrapper {\n      margin-bottom: 24px;\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n  &__info {\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 28px;\n    position: relative;\n    padding-bottom: 15px;\n    margin-bottom: 20px;\n    @media screen and (max-width: 980px) {\n      font-size: 16px;\n      line-height: 26px;\n    }\n  }\n  &__form {\n    border: 1px solid #d2d2d2;\n    padding: 30px 20px;\n    border-radius: 8px;\n    margin-bottom: 30px;\n\n    &--key {\n      p {\n        font-size: 14px;\n      }\n    }\n\n    &--overflow-hidden {\n      overflow: hidden;\n    }\n  }\n  &__form-attributes {\n    transition: 1.2s ease all;\n  }\n  &__select {\n    max-width: 410px;\n    margin-bottom: 10px;\n    position: relative;\n    padding-top: 10px;\n    &--full {\n      max-width: 100%;\n    }\n    &:first-of-type {\n      padding-top: 0;\n    }\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    ::v-deep .ant-select {\n      min-width: 200px;\n      .ant-select-selection--single {\n        height: 40px;\n        border-color: #d4d9dd;\n        border-radius: 4px;\n        .ant-select-selection__rendered {\n          line-height: 38px;\n        }\n      }\n    }\n    > label {\n      font-size: 14px;\n      margin-bottom: 3px;\n      color: #2c3e50;\n      display: block;\n      font-weight: 500;\n    }\n  }\n  &__select-inner {\n    display: flex;\n    flex-wrap: wrap;\n    .custom-checkbox {\n      margin: 7px;\n      input:checked + label {\n        border: 1px solid var(--red);\n        box-shadow: none;\n        color: var(--red);\n      }\n      label {\n        font-size: 16px;\n        font-weight: 500;\n        letter-spacing: -0.32px;\n        border-radius: 20px;\n        border: 1px solid #1c1c1c;\n        padding: 4px 10px 6px;\n      }\n    }\n  }\n  &__select-remove {\n    cursor: pointer;\n    color: transparent;\n  }\n  &__add-more {\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n    display: inline-flex;\n    margin-bottom: 20px;\n    margin: 42px auto 0;\n    padding: 0 10px;\n\n    span {\n      margin-left: 14px;\n    }\n  }\n  &__map {\n    margin-top: 22px;\n    h3 {\n      font-size: 16px;\n      margin-bottom: 30px;\n      i {\n        margin-left: 8px;\n      }\n    }\n    p {\n      font-size: 13px;\n      line-height: 15px;\n      margin: 10px 0 0;\n      transition: opacity 0.3s ease;\n      opacity: 0;\n    }\n  }\n  &__map-image {\n    transition: all 0.3s ease;\n    position: relative;\n    .map {\n      max-width: 396px;\n      margin: 0 auto;\n    }\n    .anticon {\n      position: absolute;\n      bottom: 7px;\n      right: 4px;\n      ::v-deep svg {\n        width: 30px;\n        height: 25px;\n        color: #6a6969;\n      }\n    }\n  }\n  &__key-list {\n    max-width: 410px;\n    ::v-deep .ant-input {\n      height: 38px;\n    }\n    ::v-deep .ant-input-group-addon .ant-btn {\n      height: 36px;\n    }\n  }\n}\n.custom-checkbox {\n  margin: 4px;\n  &:last-child {\n    margin-bottom: 0;\n  }\n  label {\n    position: relative;\n    user-select: none;\n    cursor: pointer;\n    font-size: 13px;\n    display: inline-flex;\n    padding: 3px 6px;\n    border-radius: 7px;\n    border: 1px solid #d4d9dd;\n    background: #fff;\n    transition: all 0.2s ease;\n  }\n  input {\n    display: none;\n    &:checked {\n      + label {\n        border-color: #369be1;\n        outline: 2px;\n        box-shadow: 0px 0px 0px 1px #369be1;\n      }\n    }\n  }\n}\n.input-group .options-input .ant-input-group-addon .ant-btn {\n  border: 0;\n  height: 48px;\n}\n</style>\n\n<style lang=\"scss\">\n.ant-modal {\n  pointer-events: auto;\n  &--persona-iframe {\n    z-index: 9999;\n    .ant-modal-body {\n      height: 90vh;\n      padding: 0px;\n    }\n    .ant-modal-close {\n      right: 20px;\n      color: #ffffff;\n    }\n  }\n}\n.ant-tooltip-inner > span > u {\n  cursor: pointer;\n}\n\n.ant-tooltip {\n  &--delete-objective {\n    font-size: 11px !important;\n    .ant-tooltip-inner {\n      padding: 4px 8px 1px;\n      min-height: auto;\n      background-color: #2c3e50;\n      padding: 0 6px;\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!./CommunicationObjective.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!./CommunicationObjective.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommunicationObjective.vue?vue&type=template&id=2fd53e26&scoped=true&\"\nimport script from \"./CommunicationObjective.vue?vue&type=script&lang=js&\"\nexport * from \"./CommunicationObjective.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommunicationObjective.vue?vue&type=style&index=0&id=2fd53e26&lang=scss&scoped=true&\"\nimport style1 from \"./CommunicationObjective.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  \"2fd53e26\",\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!./CommunicationObjective.vue?vue&type=style&index=1&lang=scss&\"","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!./CommunicationObjective.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('path',{attrs:{\"d\":\"M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconTrash.vue?vue&type=template&id=c61ab8d4&\"\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","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!./CommunicationObjective.vue?vue&type=style&index=0&id=2fd53e26&lang=scss&scoped=true&\"","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\":_vm.stepIndex,\"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',{attrs:{\"id\":\"objectivesWrapper\"}},[_c('div',{staticClass:\"page-title page-title--transparent-svg-color\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":32,\"viewBox2\":33,\"iconName\":\"bulb\",\"iconStroke\":\"#4318FF\"}},[_c('icon-bulb')],1),_vm._m(0)],1),_c('div',{staticClass:\"objectives__left-col flex-1\"},[(_vm.loading)?_c('Loader',{attrs:{\"text\":\"Loading data...\",\"paddingTop\":150}}):_c('div',[_c('div',{staticClass:\"box-wrapper\"},[_c('h2',[_vm._v(\"Communication Objective\")]),_c('div',{staticClass:\"section-info\"},[_c('p',[_vm._v(\" Based on your packaging objectives please choose the key target equity associations you’re looking to reinforce. A primary objective is required but this methodology supports a secondary if applicable. \")])]),_c('div',{staticClass:\"flex items-start objectives__list\"},[_c('div',{staticClass:\"input-group\"},[_c('label',[_vm._v(\"Primary Communication Objective \"),_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" Based on your packaging objectives please choose the key target equity associations you’re looking to reinforce. A primary objective is required but this methodology supports a secondary if applicable. \")]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],2)],1),_c('a-select',{key:Math.random(),staticClass:\"fullWidth\",attrs:{\"option-filter-prop\":\"children\",\"show-search\":\"\",\"placeholder\":\"Select communication objective\",\"default-value\":_vm.chosenCommunicationObjective1 !== 0\n                          ? _vm.chosenCommunicationObjective1\n                          : undefined},on:{\"change\":_vm.selectObjective1}},_vm._l((_vm.communicationObjectives),function(item){return _c('a-select-option',{key:item.CommunicationObjectiveID,attrs:{\"value\":item.CommunicationObjectiveID}},[_vm._v(\" \"+_vm._s(item.CommunicationObjectiveName)+\" \")])}),1)],1),(\n                      !_vm.showCommunicationObjective2 &&\n                      _vm.chosenCommunicationObjective1\n                    )?_c('div',{staticClass:\"objectives__add-more\",on:{\"click\":function($event){_vm.showCommunicationObjective2 = true}}},[_vm._v(\" + \"),_c('span',[_vm._v(\"Add second communication objective\")])]):_vm._e(),(_vm.showCommunicationObjective2)?_c('div',{staticClass:\"input-group\"},[_c('label',[_vm._v(\"Second Communication Objective \"),_c('span',{staticClass:\"flex items-center gap-15\"},[_c('div',{staticClass:\"objectives__select-remove\",on:{\"click\":_vm.removeCommunicationObjective}},[_c('icon-base',{attrs:{\"width\":24,\"height\":24,\"viewBox1\":24,\"viewBox2\":24,\"iconName\":\"trash\",\"iconStroke\":\"#353F44\"}},[_c('icon-trash')],1)],1)])]),_c('a-select',{key:Math.random(),staticClass:\"fullWidth\",attrs:{\"option-filter-prop\":\"children\",\"show-search\":\"\",\"placeholder\":\"Select communication objective\",\"default-value\":_vm.chosenCommunicationObjective2 !== 0\n                          ? _vm.chosenCommunicationObjective2\n                          : undefined},on:{\"change\":_vm.selectObjective2}},_vm._l((_vm.filteredCommunicationObjectives),function(item){return _c('a-select-option',{key:item.CommunicationObjectiveID,attrs:{\"value\":item.CommunicationObjectiveID}},[_vm._v(\" \"+_vm._s(item.CommunicationObjectiveName)+\" \")])}),1)],1):_vm._e()])]),(false)?_c('div',{staticClass:\"box-wrapper\"},[_c('div',{staticClass:\"overflow-hidden objectives__form-attributes\"},[_c('div',{staticClass:\"flex-1\",attrs:{\"id\":\"emotionalAttributesContent\"}},[_c('div',{staticClass:\"objectives__select objectives__select--full\"},[_c('div',{staticClass:\"section-info\"},[_c('p',[_vm._v(\" Please select \"),_c('span',{staticClass:\"red\"},[_vm._v(\"3-9 attributes\")]),_vm._v(\" to reflect the way you would like your packaging to convey the concepts of \"+_vm._s(_vm.selectedCO1Name)+\" \"),(_vm.selectedCO2Name !== null)?_c('span',[_vm._v(\" and \"+_vm._s(_vm.selectedCO2Name))]):_vm._e(),_vm._v(\". \")])]),_c('div',{staticClass:\"objectives__form-attributes-number\"},[_c('p',{staticClass:\"color-blue-dark font-size-14 font-w-500\"},[_vm._v(\" \"+_vm._s(_vm.chosenAttributes.length)+\" selected attributes \")])]),_c('div',{staticClass:\"objectives__select-inner\"},[(_vm.chosenCommunicationObjective1 === 0)?_c('p',[_vm._v(\" To see the key attributes list you need to select Communication objective. \")]):_c('div',{staticClass:\"flex flex-wrap\"},_vm._l((_vm.activeAttributesList),function(item){return _c('div',{key:item.atributeID,staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.chosenAttributes),expression:\"chosenAttributes\"}],attrs:{\"type\":\"checkbox\",\"id\":item.attributeID},domProps:{\"value\":item,\"checked\":Array.isArray(_vm.chosenAttributes)?_vm._i(_vm.chosenAttributes,item)>-1:(_vm.chosenAttributes)},on:{\"change\":[function($event){var $$a=_vm.chosenAttributes,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=item,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.chosenAttributes=$$a.concat([$$v]))}else{$$i>-1&&(_vm.chosenAttributes=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.chosenAttributes=$$c}},function($event){return _vm.setRobotValidation()}]}}),_c('label',{attrs:{\"for\":item.attributeID}},[_vm._v(_vm._s(item.AttributeLabel))])])}),0)])])]),_c('div',{staticClass:\"objectives__map\",attrs:{\"id\":\"emotionalAttributesContent1\"}},[_c('h3',[_vm._v(\" Communication Territory \"),_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(\" Emotional attributes are used to measure the coherency of your packaging with your brand strategy. How does your brand and packaging deliver on key category drivers? \"),_c('span',{staticClass:\"cursor-pointer\",on:{\"click\":_vm.showModal}},[_c('u',[_vm._v(\"Click to learn more\")])]),_vm._v(\" about how Hotspex uses this powerful methodology. \")])]),_c('a-icon',{attrs:{\"type\":\"question-circle\"}})],2)],1),_c('div',{staticClass:\"objectives__map-inner\"},[_c('div',{staticClass:\"objectives__map-image\"},[_c('Map',{attrs:{\"selectedZone1\":_vm.selectedZone1Name,\"selectedZone2\":_vm.selectedZone2Name,\"selectedAttributes\":_vm.chosenAttributes}})],1)])])]),(_vm.chosenCommunicationObjective1 === 0)?_c('div',{staticClass:\"objectives__select-inner\"},[_c('p',{staticClass:\"mb-0 font-size-14\"},[_vm._v(\" Please select a Communication Objective above. \")])]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"box-wrapper\"},[_c('h2',[_vm._v(\"Key messages\")]),_c('div',[_c('div',{staticClass:\"section-info\"},[_c('p',[_vm._v(\" Our standard pack test methodology uses predefined category-specific statements which are delivered in every report. The predefined statements for this category can be seen \"),_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[_c('template',{slot:\"title\"},[_c('ul',{staticClass:\"list-reset pl-10 list-type-disc\"},_vm._l((_vm.categoryStatements),function(item){return _c('li',{key:item.id},[_vm._v(\" \"+_vm._s(item.CogniName)+\" \")])}),0)]),_c('span',{staticClass:\"cursor-pointer\"},[_c('u',{staticClass:\"red\"},[_vm._v(\"here\")])])],2),_vm._v(\". In addition to these predefined statements, up to 5 custom statements can be added below: \")],1)]),_c('div',{staticClass:\"ant-input-group-addon-small input-group\"},_vm._l((_vm.customKey),function(option,index){return _c('a-input',{key:index,staticClass:\"options-input mb-10\",attrs:{\"placeholder\":\"Add custom statement\"},on:{\"pressEnter\":function($event){return _vm.addCustomKey(index)}},model:{value:(option.optionText),callback:function ($$v) {_vm.$set(option, \"optionText\", $$v)},expression:\"option.optionText\"}},[(\n                          option.optionText === '' ||\n                          (_vm.customKey[index + 1] === undefined &&\n                            index + 1 < _vm.maxCustomKey)\n                        )?_c('a-button',{attrs:{\"slot\":\"addonAfter\"},on:{\"click\":function($event){return _vm.addCustomKey(index)}},slot:\"addonAfter\"},[_vm._v(\" Add \")]):_c('a-button',{staticClass:\"ant-btn--delete\",attrs:{\"slot\":\"addonAfter\"},on:{\"click\":function($event){return _vm.removeCustomKey(index)}},slot:\"addonAfter\"},[_vm._v(\" Delete \")])],1)}),1),_c('p',{staticClass:\"font-size-13 mb-0\"},[_vm._v(\" *Please ensure that the wording of your statements is in the language of your study - \"),_c('strong',[_vm._v(_vm._s(_vm.projectSummary !== null ? _vm.projectSummary.languageCode : \"\"))])])])])])],1)]),(!_vm.loading)?_c('StepNaviBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"nextDisable\":_vm.enableNextStep,\"conciergeAssistance\":true,\"prevDisable\":false,\"prevBtnTooltip\":\"Back to Stimuli\",\"nextBtnTooltip\":\"Go to Audience\",\"stepsType\":\"pack\"},on:{\"nextHandler\":_vm.nextStep,\"prevHandler\":_vm.prevStep}}):_vm._e()],1)],1)],1),(!_vm.loading)?_c('CompletionProgress',{attrs:{\"checkList\":_vm.quizs}}):_vm._e(),_c('a-modal',{attrs:{\"width\":\"90%\",\"height\":\"90vh\",\"centered\":\"\",\"footer\":null,\"header\":false,\"wrapClassName\":\"ant-modal--persona-iframe\"},model:{value:(_vm.personaPreviewModal),callback:function ($$v) {_vm.personaPreviewModal=$$v},expression:\"personaPreviewModal\"}},[_c('iframe',{attrs:{\"src\":\"https://hotspex.com/persona/\",\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\"}})])],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(\"Brand Strategy\")]),_c('span',[_vm._v(\"Emotional Attributes\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"authoring-wrapper\">\n    <div class=\"flex h-full\">\n      <ProgressBar\n        :stepIndex=\"stepIndex\"\n        :surveyID=\"surveyID\"\n        stepsType=\"pack\"\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\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 id=\"objectivesWrapper\">\n            <div class=\"page-title page-title--transparent-svg-color\">\n              <icon-base\n                :width=\"32\"\n                :height=\"33\"\n                :viewBox1=\"32\"\n                :viewBox2=\"33\"\n                iconName=\"bulb\"\n                iconStroke=\"#4318FF\"\n                ><icon-bulb\n              /></icon-base>\n              <div class=\"page-title__text\">\n                <h1>Brand Strategy</h1>\n                <span>Emotional Attributes</span>\n              </div>\n            </div>\n            <div class=\"objectives__left-col flex-1\">\n              <Loader\n                text=\"Loading data...\"\n                :paddingTop=\"150\"\n                v-if=\"loading\"\n              ></Loader>\n              <div v-else>\n                <div class=\"box-wrapper\">\n                  <h2>Communication Objective</h2>\n                  <div class=\"section-info\">\n                    <p>\n                      Based on your packaging objectives please choose the key\n                      target equity associations you’re looking to reinforce. A\n                      primary objective is required but this methodology\n                      supports a secondary if applicable.\n                    </p>\n                  </div>\n                  <div class=\"flex items-start objectives__list\">\n                    <div class=\"input-group\">\n                      <label\n                        >Primary Communication Objective\n                        <a-tooltip>\n                          <template slot=\"title\">\n                            Based on your packaging objectives please choose the\n                            key target equity associations you’re looking to\n                            reinforce. A primary objective is required but this\n                            methodology supports a secondary if applicable.\n                          </template>\n                          <a-icon type=\"info-circle\" />\n                        </a-tooltip>\n                      </label>\n                      <a-select\n                        class=\"fullWidth\"\n                        option-filter-prop=\"children\"\n                        show-search\n                        placeholder=\"Select communication objective\"\n                        @change=\"selectObjective1\"\n                        :key=\"Math.random()\"\n                        :default-value=\"\n                          chosenCommunicationObjective1 !== 0\n                            ? chosenCommunicationObjective1\n                            : undefined\n                        \"\n                      >\n                        <a-select-option\n                          v-for=\"item in communicationObjectives\"\n                          :key=\"item.CommunicationObjectiveID\"\n                          :value=\"item.CommunicationObjectiveID\"\n                        >\n                          {{ item.CommunicationObjectiveName }}\n                        </a-select-option>\n                      </a-select>\n                    </div>\n                    <div\n                      class=\"objectives__add-more\"\n                      @click=\"showCommunicationObjective2 = true\"\n                      v-if=\"\n                        !showCommunicationObjective2 &&\n                        chosenCommunicationObjective1\n                      \"\n                    >\n                      + <span>Add second communication objective</span>\n                    </div>\n                    <div class=\"input-group\" v-if=\"showCommunicationObjective2\">\n                      <label\n                        >Second Communication Objective\n                        <span class=\"flex items-center gap-15\">\n                          <div\n                            class=\"objectives__select-remove\"\n                            @click=\"removeCommunicationObjective\"\n                          >\n                            <icon-base\n                              :width=\"24\"\n                              :height=\"24\"\n                              :viewBox1=\"24\"\n                              :viewBox2=\"24\"\n                              iconName=\"trash\"\n                              iconStroke=\"#353F44\"\n                              ><icon-trash\n                            /></icon-base>\n                          </div>\n                        </span>\n                      </label>\n                      <a-select\n                        class=\"fullWidth\"\n                        option-filter-prop=\"children\"\n                        show-search\n                        placeholder=\"Select communication objective\"\n                        :key=\"Math.random()\"\n                        :default-value=\"\n                          chosenCommunicationObjective2 !== 0\n                            ? chosenCommunicationObjective2\n                            : undefined\n                        \"\n                        @change=\"selectObjective2\"\n                      >\n                        <a-select-option\n                          v-for=\"item in filteredCommunicationObjectives\"\n                          :key=\"item.CommunicationObjectiveID\"\n                          :value=\"item.CommunicationObjectiveID\"\n                        >\n                          {{ item.CommunicationObjectiveName }}\n                        </a-select-option>\n                      </a-select>\n                    </div>\n                  </div>\n                </div>\n\n                <div class=\"box-wrapper\" v-if=\"false\">\n                  <div class=\"overflow-hidden objectives__form-attributes\">\n                    <div class=\"flex-1\" id=\"emotionalAttributesContent\">\n                      <div class=\"objectives__select objectives__select--full\">\n                        <div class=\"section-info\">\n                          <p>\n                            Please select\n                            <span class=\"red\">3-9 attributes</span> to reflect\n                            the way you would like your packaging to convey the\n                            concepts of\n                            {{ selectedCO1Name }}\n                            <span v-if=\"selectedCO2Name !== null\">\n                              and {{ selectedCO2Name }}</span\n                            >.\n                          </p>\n                        </div>\n                        <div class=\"objectives__form-attributes-number\">\n                          <p class=\"color-blue-dark font-size-14 font-w-500\">\n                            {{ chosenAttributes.length }} selected attributes\n                          </p>\n                        </div>\n                        <div class=\"objectives__select-inner\">\n                          <p v-if=\"chosenCommunicationObjective1 === 0\">\n                            To see the key attributes list you need to select\n                            Communication objective.\n                          </p>\n                          <div class=\"flex flex-wrap\" v-else>\n                            <div\n                              class=\"custom-checkbox\"\n                              v-for=\"item in activeAttributesList\"\n                              :key=\"item.atributeID\"\n                            >\n                              <input\n                                type=\"checkbox\"\n                                :value=\"item\"\n                                :id=\"item.attributeID\"\n                                v-model=\"chosenAttributes\"\n                                @change=\"setRobotValidation()\"\n                              />\n                              <label :for=\"item.attributeID\">{{\n                                item.AttributeLabel\n                              }}</label>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div\n                      class=\"objectives__map\"\n                      id=\"emotionalAttributesContent1\"\n                    >\n                      <h3>\n                        Communication Territory\n                        <a-tooltip\n                          placement=\"top\"\n                          overlayClassName=\"ant-tooltip--step-nav\"\n                        >\n                          <template slot=\"title\">\n                            <span>\n                              Emotional attributes are used to measure the\n                              coherency of your packaging with your brand\n                              strategy. How does your brand and packaging\n                              deliver on key category drivers?\n                              <span @click=\"showModal\" class=\"cursor-pointer\"\n                                ><u>Click to learn more</u></span\n                              >\n                              about how Hotspex uses this powerful methodology.\n                            </span>\n                          </template>\n                          <a-icon type=\"question-circle\" />\n                        </a-tooltip>\n                      </h3>\n                      <div class=\"objectives__map-inner\">\n                        <div class=\"objectives__map-image\">\n                          <Map\n                            :selectedZone1=\"selectedZone1Name\"\n                            :selectedZone2=\"selectedZone2Name\"\n                            :selectedAttributes=\"chosenAttributes\"\n                          ></Map>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div\n                    class=\"objectives__select-inner\"\n                    v-if=\"chosenCommunicationObjective1 === 0\"\n                  >\n                    <p class=\"mb-0 font-size-14\">\n                      Please select a Communication Objective above.\n                    </p>\n                  </div>\n                </div>\n\n                <div class=\"box-wrapper\">\n                  <h2>Key messages</h2>\n                  <div>\n                    <div class=\"section-info\">\n                      <p>\n                        Our standard pack test methodology uses predefined\n                        category-specific statements which are delivered in\n                        every report. The predefined statements for this\n                        category can be seen\n                        <a-tooltip\n                          placement=\"top\"\n                          overlayClassName=\"ant-tooltip--step-nav\"\n                        >\n                          <template slot=\"title\">\n                            <ul class=\"list-reset pl-10 list-type-disc\">\n                              <li\n                                v-for=\"item in categoryStatements\"\n                                :key=\"item.id\"\n                              >\n                                {{ item.CogniName }}\n                              </li>\n                            </ul> </template\n                          ><span class=\"cursor-pointer\"\n                            ><u class=\"red\">here</u></span\n                          > </a-tooltip\n                        >. In addition to these predefined statements, up to 5\n                        custom statements can be added below:\n                      </p>\n                    </div>\n                    <div class=\"ant-input-group-addon-small input-group\">\n                      <a-input\n                        v-for=\"(option, index) in customKey\"\n                        placeholder=\"Add custom statement\"\n                        class=\"options-input mb-10\"\n                        :key=\"index\"\n                        v-model=\"option.optionText\"\n                        @pressEnter=\"addCustomKey(index)\"\n                      >\n                        <a-button\n                          slot=\"addonAfter\"\n                          v-if=\"\n                            option.optionText === '' ||\n                            (customKey[index + 1] === undefined &&\n                              index + 1 < maxCustomKey)\n                          \"\n                          @click=\"addCustomKey(index)\"\n                        >\n                          Add\n                        </a-button>\n                        <a-button\n                          v-else\n                          slot=\"addonAfter\"\n                          class=\"ant-btn--delete\"\n                          @click=\"removeCustomKey(index)\"\n                        >\n                          Delete\n                        </a-button>\n                      </a-input>\n                    </div>\n                    <p class=\"font-size-13 mb-0\">\n                      *Please ensure that the wording of your statements is in\n                      the language of your study -\n                      <strong>{{\n                        projectSummary !== null\n                          ? projectSummary.languageCode\n                          : \"\"\n                      }}</strong>\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <StepNaviBar\n            v-if=\"!loading\"\n            :stepIndex=\"stepIndex\"\n            :nextDisable=\"enableNextStep\"\n            :conciergeAssistance=\"true\"\n            @nextHandler=\"nextStep\"\n            :prevDisable=\"false\"\n            @prevHandler=\"prevStep\"\n            prevBtnTooltip=\"Back to Stimuli\"\n            nextBtnTooltip=\"Go to Audience\"\n            stepsType=\"pack\"\n          />\n        </div>\n      </section>\n    </div>\n    <CompletionProgress :checkList=\"quizs\" v-if=\"!loading\"></CompletionProgress>\n\n    <a-modal\n      v-model=\"personaPreviewModal\"\n      width=\"90%\"\n      height=\"90vh\"\n      centered\n      :footer=\"null\"\n      :header=\"false\"\n      wrapClassName=\"ant-modal--persona-iframe\"\n    >\n      <iframe\n        src=\"https://hotspex.com/persona/\"\n        width=\"100%\"\n        height=\"100%\"\n        frameborder=\"0\"\n      >\n      </iframe>\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 Loader from \"@/components/general/Loader.vue\";\nimport Map from \"@/components/general/Map.vue\";\nimport CompletionProgress from \"@/components/general/CompletionProgress.vue\";\nimport _ from \"lodash\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconTrash from \"@/components/icons/IconTrash.vue\";\nimport IconBulb from \"@/components/icons/IconBulb.vue\";\n\nexport default {\n  name: \"CommunicationObjective\",\n  components: {\n    ProgressBar,\n    StepNaviBar,\n    Loader,\n    CompletionProgress,\n    Map,\n    IconBase,\n    IconTrash,\n    IconBulb,\n  },\n  mixins: [surveyPriceMixin],\n  data() {\n    return {\n      stepIndex: 3,\n      langObj: {},\n      client: {},\n      quizs: [],\n      attributes: [],\n      communicationObjectives: [],\n      surveyID: 0,\n      personaPreviewModal: false,\n      loading: false,\n      selectedStatus: 0,\n      chosenCommunicationObjective1: 0,\n      chosenCommunicationObjective2: 0,\n      chosenZone1Id: null,\n      chosenZone2Id: null,\n      showCommunicationObjective2: false,\n      chosenAttributes: [],\n      editableSurvey: undefined,\n      customKey: [{ optionText: \"\" }],\n      maxCustomKey: 5,\n      projectSummary: null,\n      categoryStatements: [],\n      user: null,\n      selectedZone1Name: \"\",\n      selectedZone2Name: \"\",\n      boxHeight: 0,\n      selectedCO1Name: null,\n      selectedCO2Name: null,\n    };\n  },\n  computed: {\n    enableNextStep() {\n      return (\n        this.chosenCommunicationObjective1 === 0 ||\n        this.chosenAttributes.length < 3 ||\n        this.chosenAttributes.length > 9\n      );\n    },\n    activeAttributesList() {\n      return this.attributes.filter((item) =>\n        [this.chosenZone1Id, this.chosenZone2Id].includes(item.zoneID)\n      );\n    },\n    filteredCommunicationObjectives() {\n      let chosenCommunicationObjective1 = this.communicationObjectives.find(\n        (item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n          );\n        }\n      );\n      let excludedCommunicationObjective = [\n        chosenCommunicationObjective1.CommunicationObjectiveID,\n      ];\n      if (chosenCommunicationObjective1 !== undefined) {\n        _.forEach(chosenCommunicationObjective1.Excluded, function (item) {\n          excludedCommunicationObjective.push(item.ExcludedID);\n        });\n      }\n\n      return this.communicationObjectives.filter(\n        (item) =>\n          !excludedCommunicationObjective.includes(\n            item.CommunicationObjectiveID\n          )\n      );\n    },\n  },\n  methods: {\n    prevStep() {\n      this.$router.push({\n        name: \"stimuli-custom\",\n        params: { id: this.surveyID },\n      });\n    },\n    nextStep() {\n      this.save();\n    },\n    updateQuiz() {\n      this.quizs = [\n        {\n          quizName: this.langObj[\"communication-objective\"].robot1,\n          completed: false,\n        },\n      ];\n    },\n    showModal() {\n      this.personaPreviewModal = true;\n    },\n    addCommunicationObjective() {\n      let _this = this;\n      this.$confirm({\n        title: \"Add second communication objective\",\n        content: () => (\n          <div>\n            Adding a second objective significantly increases the cost of the\n            study. Do you want to add it?\n          </div>\n        ),\n        onOk() {\n          _this.showCommunicationObjective2 = true;\n        },\n        okText: \"Yes\",\n        onCancel() {},\n      });\n    },\n    removeCommunicationObjective() {\n      let _this = this;\n      this.$confirm({\n        title: \"Remove second communication objective\",\n        content: () => (\n          <div>\n            Are you sure you want to delete second communication objective?\n          </div>\n        ),\n        onOk() {\n          _this.chosenCommunicationObjective2 = 0;\n          _this.showCommunicationObjective2 = false;\n          _this.chosenZone2Id = null;\n          _this.selectedCO2Name = null;\n          _this.selectedZone2Name = \"\";\n          _this.clearChosenAttributes();\n          _this.priceCalculation();\n        },\n        okText: \"Yes\",\n        onCancel() {},\n      });\n    },\n    selectObjective1(data) {\n      this.chosenCommunicationObjective1 = data;\n      this.setRobotValidation();\n      this.chosenZone1Id = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n        );\n      }).CommunicationZones;\n      this.selectedZone1Name = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n        );\n      }).CommunicationZonesNames;\n      this.selectedCO1Name = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n        );\n      }).CommunicationObjectiveName;\n      this.chosenCommunicationObjective2 = 0;\n      this.chosenZone2Id = null;\n      this.clearChosenAttributes();\n      setTimeout(() => {\n        this.setHeightToEmotionalAttributes();\n      }, 0);\n      this.priceCalculation();\n    },\n    selectObjective2(data) {\n      this.chosenCommunicationObjective2 = data;\n      this.chosenZone2Id = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective2\n        );\n      }).CommunicationZones;\n      this.selectedZone2Name = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective2\n        );\n      }).CommunicationZonesNames;\n      this.selectedCO2Name = this.communicationObjectives.find((item) => {\n        return (\n          item.CommunicationObjectiveID === this.chosenCommunicationObjective2\n        );\n      }).CommunicationObjectiveName;\n      this.clearChosenAttributes();\n      setTimeout(() => {\n        this.setHeightToEmotionalAttributes();\n      }, 0);\n      this.priceCalculation();\n    },\n    scrollToEmotionalAttributes() {\n      let emotionalAttributesOffset = document.getElementById(\n        \"emotionalAttributes\"\n      ).offsetTop;\n      document.getElementById(\"objectivesWrapper\").scrollTo({\n        top: emotionalAttributesOffset - 180,\n        behavior: \"smooth\",\n      });\n    },\n    setHeightToEmotionalAttributes() {\n      let h = document.getElementById(\n        \"emotionalAttributesContent\"\n      ).offsetHeight;\n      let h1 = document.getElementById(\n        \"emotionalAttributesContent1\"\n      ).offsetHeight;\n      this.boxHeight = h + h1 + 25;\n    },\n    setRobotValidation() {\n      if (this.chosenCommunicationObjective1 !== 0) {\n        this.quizs[0].completed = true;\n      } else {\n        this.quizs[0].completed = false;\n      }\n    },\n    setCommunicationObjectives() {\n      const getCommunicationObjectives = new Promise((resolve) => {\n        wsUtils.GetCommunicationObjectives(resolve);\n      });\n      getCommunicationObjectives.then((data) => {\n        this.communicationObjectives = data;\n      });\n    },\n    setAttributes() {\n      const personaListPromise = new Promise((resolve) => {\n        wsUtils.getPersonaAttributes(resolve);\n      });\n      personaListPromise.then((data) => {\n        this.attributes = data;\n        this.setEditMode();\n        setTimeout(() => {\n          this.loading = false;\n        }, 200);\n      });\n    },\n    setEditMode() {\n      if (this.editableSurvey !== undefined) {\n        this.setCOEdit();\n        this.setKeyMessagesEdit();\n      }\n    },\n    setCOEdit() {\n      if (\n        this.editableSurvey.SurveyConfig.CommunicationObjective1 !== -1 &&\n        this.editableSurvey.SurveyConfig.CommunicationObjective1 !== 0\n      ) {\n        this.boxHeight = \"auto\";\n        this.chosenCommunicationObjective1 =\n          this.editableSurvey.SurveyConfig.CommunicationObjective1;\n        this.chosenCommunicationObjective2 =\n          this.editableSurvey.SurveyConfig.CommunicationObjective2;\n\n        this.chosenZone1Id = this.communicationObjectives.find((item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n          );\n        }).CommunicationZones;\n\n        this.selectedZone1Name = this.communicationObjectives.find((item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n          );\n        }).CommunicationZonesNames;\n\n        this.selectedCO1Name = this.communicationObjectives.find((item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective1\n          );\n        }).CommunicationObjectiveName;\n\n        let zone2 = this.communicationObjectives.find((item) => {\n          return (\n            item.CommunicationObjectiveID === this.chosenCommunicationObjective2\n          );\n        });\n\n        if (zone2 !== undefined) {\n          this.chosenZone2Id = zone2.CommunicationZones;\n          this.selectedZone2Name = zone2.CommunicationZonesNames;\n          this.selectedCO2Name = zone2.CommunicationObjectiveName;\n        }\n\n        _.forEach(this.editableSurvey.AttributeDetails, (item) => {\n          let attribute = this.attributes.find((attr) => {\n            return attr.attributeID === item.attributeID;\n          });\n          this.chosenAttributes.push(attribute);\n        });\n\n        this.showCommunicationObjective2 =\n          this.chosenCommunicationObjective2 !== 0 ? true : false;\n        this.setRobotValidation();\n      }\n    },\n    setKeyMessagesEdit() {\n      if (\n        this.editableSurvey &&\n        this.editableSurvey.keyMessages &&\n        this.editableSurvey.keyMessages.length > 0\n      ) {\n        this.customKey = [];\n        _.forEach(this.editableSurvey.keyMessages, (item) => {\n          this.customKey.push({ optionText: item });\n        });\n      }\n    },\n    clearChosenAttributes() {\n      this.chosenAttributes = this.chosenAttributes.filter((item) =>\n        [this.chosenZone1Id, this.chosenZone2Id].includes(item.zoneID)\n      );\n      this.setRobotValidation();\n    },\n    save() {\n      let getKeyMessage = this.customKey\n        .filter((item) => item.optionText !== \"\")\n        .map((item) => {\n          return item.optionText;\n        });\n\n      const selectIDs = this.chosenAttributes.map((attr) => attr.attributeID);\n      const savePackTestPersonaAttributes = new Promise((resolve) => {\n        wsUtils.SavePackTestPersonaAttributes(\n          {\n            surveyID: this.surveyID,\n            attributeIDs: selectIDs.toString(),\n            CommunicationObjective1: this.chosenCommunicationObjective1,\n            CommunicationObjective2: this.chosenCommunicationObjective2,\n            keaMessage: getKeyMessage,\n            userId: this.user.EncrypteduserID,\n          },\n          resolve\n        );\n      });\n      savePackTestPersonaAttributes.then(() => {\n        jsUtils.setSurveysApiTrigger(true);\n        this.setSurveySummaryData();\n        const nextStep =\n          this.user.SkinIdentifier !== \"pg\"\n            ? \"pack-custom-questions\"\n            : \"pack-test-launch-custom\";\n        this.$router.push({\n          name: nextStep,\n          params: { id: this.surveyID },\n        });\n      });\n    },\n    resetData() {\n      this.chosenCommunicationObjective1 = 0;\n      this.chosenCommunicationObjective2 = 0;\n      this.chosenZone1Id = null;\n      this.chosenZone2Id = null;\n      this.chosenAttributes = [];\n      this.showCommunicationObjective2 = false;\n      this.boxHeight = 0;\n      this.selectedCO2Name = null;\n    },\n    setSurveySummaryData() {\n      let communicationObjectives = {\n        chosenCommunicationObjective1:\n          this.communicationObjectives.find((item) => {\n            return (\n              item.CommunicationObjectiveID ===\n              this.chosenCommunicationObjective1\n            );\n          }) || -1,\n        chosenCommunicationObjective2:\n          this.communicationObjectives.find((item) => {\n            return (\n              item.CommunicationObjectiveID ===\n              this.chosenCommunicationObjective2\n            );\n          }) || -1,\n      };\n      let currentSummaryData = jsUtils.getSurveySummaryData();\n      jsUtils.setSurveySummaryData({\n        ...currentSummaryData,\n        ...communicationObjectives,\n      });\n    },\n    addCustomKey(index) {\n      if (this.customKey[index].optionText !== \"\") {\n        if (this.customKey.length < this.maxCustomKey) {\n          this.customKey.push({ optionText: \"\" });\n          setTimeout(() => {\n            const optionInputs = document.querySelectorAll(\n              \".options-input input\"\n            );\n            optionInputs[this.customKey.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    removeCustomKey(index) {\n      if (this.customKey.length === 1) {\n        this.customKey[0] = { optionText: \"\" };\n      } else {\n        this.customKey.splice(index, 1);\n      }\n    },\n    defaultCategoryStatements() {\n      const getCategoryStatements = new Promise((resolve) => {\n        wsUtils.GetCategoryStatements(\n          {\n            categoryID: this.editableSurvey.SurveyConfig.CategoryId,\n          },\n          resolve\n        );\n      });\n      getCategoryStatements.then((data) => {\n        this.categoryStatements = data;\n      });\n    },\n    priceCalculation() {\n      let comObjects;\n\n      if (\n        this.chosenCommunicationObjective1 !== 0 &&\n        this.chosenCommunicationObjective1 !== -1\n      ) {\n        comObjects = 1;\n      }\n      if (\n        this.chosenCommunicationObjective1 !== 0 &&\n        this.chosenCommunicationObjective1 !== -1 &&\n        this.chosenCommunicationObjective2 !== 0 &&\n        this.chosenCommunicationObjective2 !== -1\n      ) {\n        comObjects = 2;\n      }\n\n      if (comObjects !== 0) {\n        let currentPackTestPriceData = jsUtils.getPackTestPrice();\n        jsUtils.setPackTestPrice({\n          ...currentPackTestPriceData,\n          comObjects: comObjects,\n        });\n        this.getPackTestTotalPrice();\n      }\n    },\n  },\n  beforeRouteLeave(to, from, next) {\n    this.resetData();\n    next();\n  },\n  activated() {\n    this.user = jsUtils.getUserInfo();\n    this.loading = true;\n    this.client = jsUtils.getCurClient();\n    this.surveyID = this.$route.params.id;\n    this.projectSummary = jsUtils.getSurveySummaryData();\n    this.editableSurvey = jsUtils.getEditableSurvey();\n    this.updateQuiz();\n    this.setAttributes();\n    this.setCommunicationObjectives();\n    this.defaultCategoryStatements();\n  },\n  created() {\n    this.langObj = jsUtils.getLangObj(\n      \"videoAuthorLang\",\n      \"/tooltip/videoAuthor.json\"\n    );\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.objectives {\n  padding: 0 0 113px;\n  text-align: left;\n  .authorBtnSection {\n    position: fixed;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    z-index: 9999;\n  }\n  &__wrapper {\n    height: calc(100vh - 168px);\n    overflow: auto;\n    padding: 0 20px;\n  }\n  &__inner {\n    max-width: 970px;\n    margin: 0 auto;\n    padding: 50px 0 80px;\n    min-height: 100%;\n  }\n  &__list {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-column-gap: 34px;\n  }\n  &__left-col {\n    .section-info {\n      margin-bottom: 32px;\n    }\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    .box-wrapper {\n      margin-bottom: 24px;\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n  &__info {\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 28px;\n    position: relative;\n    padding-bottom: 15px;\n    margin-bottom: 20px;\n    @media screen and (max-width: 980px) {\n      font-size: 16px;\n      line-height: 26px;\n    }\n  }\n  &__form {\n    border: 1px solid #d2d2d2;\n    padding: 30px 20px;\n    border-radius: 8px;\n    margin-bottom: 30px;\n\n    &--key {\n      p {\n        font-size: 14px;\n      }\n    }\n\n    &--overflow-hidden {\n      overflow: hidden;\n    }\n  }\n  &__form-attributes {\n    transition: 1.2s ease all;\n  }\n  &__select {\n    max-width: 410px;\n    margin-bottom: 10px;\n    position: relative;\n    padding-top: 10px;\n    &--full {\n      max-width: 100%;\n    }\n    &:first-of-type {\n      padding-top: 0;\n    }\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    ::v-deep .ant-select {\n      min-width: 200px;\n      .ant-select-selection--single {\n        height: 40px;\n        border-color: #d4d9dd;\n        border-radius: 4px;\n        .ant-select-selection__rendered {\n          line-height: 38px;\n        }\n      }\n    }\n    > label {\n      font-size: 14px;\n      margin-bottom: 3px;\n      color: #2c3e50;\n      display: block;\n      font-weight: 500;\n    }\n  }\n  &__select-inner {\n    display: flex;\n    flex-wrap: wrap;\n    .custom-checkbox {\n      margin: 7px;\n      input:checked + label {\n        border: 1px solid var(--red);\n        box-shadow: none;\n        color: var(--red);\n      }\n      label {\n        font-size: 16px;\n        font-weight: 500;\n        letter-spacing: -0.32px;\n        border-radius: 20px;\n        border: 1px solid #1c1c1c;\n        padding: 4px 10px 6px;\n      }\n    }\n  }\n  &__select-remove {\n    cursor: pointer;\n    color: transparent;\n  }\n  &__add-more {\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n    display: inline-flex;\n    margin-bottom: 20px;\n    margin: 42px auto 0;\n    padding: 0 10px;\n\n    span {\n      margin-left: 14px;\n    }\n  }\n  &__map {\n    margin-top: 22px;\n    h3 {\n      font-size: 16px;\n      margin-bottom: 30px;\n      i {\n        margin-left: 8px;\n      }\n    }\n    p {\n      font-size: 13px;\n      line-height: 15px;\n      margin: 10px 0 0;\n      transition: opacity 0.3s ease;\n      opacity: 0;\n    }\n  }\n  // &__map-inner {\n  //   cursor: pointer;\n  //   &:hover {\n  //     p {\n  //       opacity: 1;\n  //     }\n  //   }\n  // }\n  &__map-image {\n    transition: all 0.3s ease;\n    position: relative;\n    .map {\n      max-width: 396px;\n      margin: 0 auto;\n    }\n    .anticon {\n      position: absolute;\n      bottom: 7px;\n      right: 4px;\n      ::v-deep svg {\n        width: 30px;\n        height: 25px;\n        color: #6a6969;\n      }\n    }\n  }\n  &__key-list {\n    max-width: 410px;\n    ::v-deep .ant-input {\n      height: 38px;\n    }\n    ::v-deep .ant-input-group-addon .ant-btn {\n      height: 36px;\n    }\n  }\n}\n.custom-checkbox {\n  margin: 4px;\n  &:last-child {\n    margin-bottom: 0;\n  }\n  label {\n    position: relative;\n    user-select: none;\n    cursor: pointer;\n    font-size: 13px;\n    display: inline-flex;\n    padding: 3px 6px;\n    border-radius: 7px;\n    border: 1px solid #d4d9dd;\n    background: #fff;\n    transition: all 0.2s ease;\n  }\n  input {\n    display: none;\n    &:checked {\n      + label {\n        border-color: #369be1;\n        outline: 2px;\n        box-shadow: 0px 0px 0px 1px #369be1;\n      }\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.ant-modal {\n  pointer-events: auto;\n  &--persona-iframe {\n    z-index: 9999;\n    .ant-modal-body {\n      height: 90vh;\n      padding: 0px;\n    }\n    .ant-modal-close {\n      right: 20px;\n      color: #ffffff;\n    }\n  }\n}\n.ant-tooltip-inner > span > u {\n  cursor: pointer;\n}\n\n.ant-tooltip {\n  &--delete-objective {\n    font-size: 11px !important;\n    .ant-tooltip-inner {\n      padding: 4px 8px 1px;\n      min-height: auto;\n      background-color: #2c3e50;\n      padding: 0 6px;\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!./CommunicationObjective.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!./CommunicationObjective.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommunicationObjective.vue?vue&type=template&id=c95dfef2&scoped=true&\"\nimport script from \"./CommunicationObjective.vue?vue&type=script&lang=js&\"\nexport * from \"./CommunicationObjective.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommunicationObjective.vue?vue&type=style&index=0&id=c95dfef2&lang=scss&scoped=true&\"\nimport style1 from \"./CommunicationObjective.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  \"c95dfef2\",\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!./CommunicationObjective.vue?vue&type=style&index=0&id=c95dfef2&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!./Map.vue?vue&type=style&index=0&id=778a738e&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!./CompletionProgress.vue?vue&type=style&index=0&id=39aadbcf&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map flex position-r\"},[_c('transition-group',{staticClass:\"VueOnly\",attrs:{\"tag\":\"div\",\"name\":\"list\",\"appear\":\"\"}},_vm._l((_vm.selectedAttributesDetails),function(item,index){return _c('div',{key:item.xPos,staticClass:\"map__circle\",class:{\n        'is-active': item.showPin,\n      },style:({\n        left: item.xPos / 10 + '%',\n        top: item.yPos / 6.69 + '%',\n      })},[_c('span',{staticClass:\"map__trigger-title\"},[_vm._v(_vm._s(item.AttributeLabel))]),_c('span',{staticClass:\"map__trigger\",on:{\"click\":function($event){_vm.selectedAttributes[index].showPin =\n            !_vm.selectedAttributes[index].showPin}}}),_c('span',{staticClass:\"map__tooltip\"},[_c('span',[_c('strong',[_vm._v(_vm._s(item.AttributeLabel))])]),_c('span',[_vm._v(_vm._s(item.synonymLabel))])])])}),0),_c('svg',{staticStyle:{\"enable-background\":\"new 0 0 900 593\"},attrs:{\"version\":\"1.1\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 900 593\",\"xml:space\":\"preserve\"}},[_c('g',{attrs:{\"id\":\"mapSlide\"}},[_c('path',{staticClass:\"Fun st0 el1\",class:{\n          dimOut: _vm.selectedZone1 !== 'Fun' && _vm.selectedZone2 !== 'Fun',\n        },attrs:{\"d\":\"M117.9,410.1l-67.6,23.1c51.9,65.7,140.1,116.9,247,142.2l25.7-47.2C234.3,507.2,161.1,464.6,117.9,410.1z\"}}),_c('path',{staticClass:\"Inspiring st0 el2\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Inspiring' && _vm.selectedZone2 !== 'Inspiring',\n        },attrs:{\"d\":\"M293.1,72.7L261.5,27C153.9,59.7,69.2,119.5,27.6,193.2l71.3,17.6C133.4,149.6,203.7,99.9,293.1,72.7z\"}}),_c('path',{staticClass:\"Trustworthy st0 el3\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Trustworthy' &&\n            _vm.selectedZone2 !== 'Trustworthy',\n        },attrs:{\"d\":\"M779,179.9l67-23.8C786.1,82.8,680.7,28,554.8,8.1l-17.9,48.8C641.6,73.4,729.2,118.9,779,179.9z\"}}),_c('path',{staticClass:\"Nurturing st0 el4\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Nurturing' && _vm.selectedZone2 !== 'Nurturing',\n        },attrs:{\"d\":\"M544,534.7l19.4,48.5c131.4-22.6,239.4-83.2,295.1-163l-69.3-20.8C742.8,465.7,653.1,516,544,534.7z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_1_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"251.2603\",\"y1\":\"467.4629\",\"x2\":\"352.4422\",\"y2\":\"540.1874\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#ec1c24\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#e21a22\"},attrs:{\"offset\":\"0.2293\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#c6141b\"},attrs:{\"offset\":\"0.6209\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#a60e13\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Fun st1 el5\",class:{\n          dimOut: _vm.selectedZone1 !== 'Fun' && _vm.selectedZone2 !== 'Fun',\n        },attrs:{\"d\":\"M180.7,388.7l-62.8,21.4c43.2,54.5,116.4,97,205.1,118.1l23.5-43.1C274.8,467.8,215.6,433.1,180.7,388.7z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_2_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"669.0256\",\"y1\":\"138.8181\",\"x2\":\"499.8607\",\"y2\":\"70.8359\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#00b17e\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#007d58\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Trustworthy st2 el6\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Trustworthy' &&\n            _vm.selectedZone2 !== 'Trustworthy',\n        },attrs:{\"d\":\"M536.9,56.9l-15.8,43.3c85.5,13.5,157,51,197.4,101.2l60.6-21.5C729.2,118.9,641.6,73.4,536.9,56.9z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_3_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"663.0578\",\"y1\":\"439.0703\",\"x2\":\"783.2114\",\"y2\":\"291.2499\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#2b388f\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#0e0d50\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Nurturing st3 el7\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Nurturing' && _vm.selectedZone2 !== 'Nurturing',\n        },attrs:{\"d\":\"M526.4,490.7l17.6,44c109.1-18.7,198.8-69.1,245.2-135.3l-63.3-19C688.1,434.5,615.1,475.6,526.4,490.7z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_4_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"238.7217\",\"y1\":\"151.5906\",\"x2\":\"139.12\",\"y2\":\"134.1998\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#f6921e\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f5881f\"},attrs:{\"offset\":\"0.3109\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f26c21\"},attrs:{\"offset\":\"0.8423\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f16322\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Inspiring st4 el8\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Inspiring' && _vm.selectedZone2 !== 'Inspiring',\n        },attrs:{\"d\":\"M321.5,113.6l-28.4-40.9c-89.4,27.2-159.7,76.9-194.2,138.1l65.8,16.3C192.3,176.9,249.1,136.1,321.5,113.6z\"}}),_c('path',{staticClass:\"Interesting st0 el9\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Interesting' &&\n            _vm.selectedZone2 !== 'Interesting',\n        },attrs:{\"d\":\"M75.7,296.4c0-30.1,8.2-58.9,23.2-85.6l-71.3-17.6c-18.1,32.1-28,66.9-28,103.2c0,49.3,18.3,95.9,50.7,136.8\\n                            l67.6-23.1C91,376.1,75.7,337.4,75.7,296.4z\"}}),_c('path',{staticClass:\"Familiar st0 el10\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Familiar' && _vm.selectedZone2 !== 'Familiar',\n        },attrs:{\"d\":\"M846,156l-67,23.8c28.3,34.7,44.4,74.4,44.4,116.5c0,36.8-12.3,71.7-34.2,103l69.3,20.8\\n                            c26.3-37.7,41-79.6,41-123.8C899.6,245.6,880.2,197.8,846,156z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_5_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"777.3427\",\"y1\":\"392.1554\",\"x2\":\"764.9913\",\"y2\":\"136.0698\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#999999\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#737373\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Familiar st5 el11\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Familiar' && _vm.selectedZone2 !== 'Familiar',\n        },attrs:{\"d\":\"M754,295.9c0,30.2-10,58.8-28,84.6l63.3,19c22-31.4,34.2-66.3,34.2-103c0-42.2-16.1-81.8-44.4-116.5\\n                            l-60.6,21.5C741.1,229.6,754,261.7,754,295.9z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_6_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"139.078\",\"y1\":\"276.452\",\"x2\":\"122.478\",\"y2\":\"365.776\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#f9ec31\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f7e327\"},attrs:{\"offset\":\"0.4074\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f4cf10\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Interesting st6 el12\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Interesting' &&\n            _vm.selectedZone2 !== 'Interesting',\n        },attrs:{\"d\":\"M146.5,295.9c0-24.2,6.4-47.3,18.2-68.8l-65.8-16.3c-15,26.7-23.2,55.5-23.2,85.6c0,41,15.2,79.7,42.2,113.7\\n                            l62.8-21.4C158.9,360.9,146.5,329.4,146.5,295.9z\"}}),_c('path',{staticClass:\"Friendly st0 el13\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Friendly' && _vm.selectedZone2 !== 'Friendly',\n        },attrs:{\"d\":\"M449.6,542.7c-44.4,0-87-5.1-126.5-14.5l-25.7,47.2c47.6,11.3,98.8,17.4,152.3,17.4c39.3,0,77.5-3.3,113.8-9.6\\n                            L544,534.7C513.8,539.9,482.2,542.7,449.6,542.7z\"}}),_c('path',{staticClass:\"Knowledgeable st0 el14\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Knowledgeable' &&\n            _vm.selectedZone2 !== 'Knowledgeable',\n        },attrs:{\"d\":\"M449.6,50.1c30.1,0,59.3,2.3,87.3,6.8l17.9-48.8C521,2.8,485.8,0,449.6,0C382.4,0,318.7,9.7,261.5,27\\n                            l31.7,45.6C340.7,58.2,393.7,50.1,449.6,50.1z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_7_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"410.1664\",\"y1\":\"514.3226\",\"x2\":\"661.5415\",\"y2\":\"485.8651\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#90278e\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#5b0059\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Friendly st7 el15\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Friendly' && _vm.selectedZone2 !== 'Friendly',\n        },attrs:{\"d\":\"M450.2,497.1c-36.4,0-71.3-4.2-103.7-12L323,528.2c39.5,9.4,82.1,14.5,126.5,14.5c32.6,0,64.3-2.8,94.4-7.9\\n                            l-17.6-44C502,494.9,476.5,497.1,450.2,497.1z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_8_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"425.3801\",\"y1\":\"85.9758\",\"x2\":\"390.5985\",\"y2\":\"14.8318\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#804022\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#76381b\"},attrs:{\"offset\":\"0.2965\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#5a230a\"},attrs:{\"offset\":\"0.8034\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#4e1902\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Knowledgeable st8 el16\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Knowledgeable' &&\n            _vm.selectedZone2 !== 'Knowledgeable',\n        },attrs:{\"d\":\"M450.2,94.7c24.4,0,48.1,1.9,70.8,5.5l15.8-43.3c-28-4.4-57.3-6.8-87.3-6.8c-55.9,0-108.8,8.1-156.4,22.5\\n                            l28.4,40.9C360.6,101.5,404.2,94.7,450.2,94.7z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_9_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"328.718\",\"y1\":\"378.0399\",\"x2\":\"410.9282\",\"y2\":\"303.7345\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#f7aea5\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f6a4a0\"},attrs:{\"offset\":\"0.2878\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f38894\"},attrs:{\"offset\":\"0.7797\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f27a8d\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Fun st9 el17\",class:{\n          dimOut: _vm.selectedZone1 !== 'Fun' && _vm.selectedZone2 !== 'Fun',\n        },attrs:{\"d\":\"M346.5,332.1l-165.8,56.6c34.9,44.4,94.1,79.1,165.9,96.4l63.6-116.7C382.6,361.9,359.9,348.9,346.5,332.1z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_10_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"588.5313\",\"y1\":\"193.7156\",\"x2\":\"537.94\",\"y2\":\"263.2785\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#58be96\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#4aa481\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Trustworthy st10 el18\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Trustworthy' &&\n            _vm.selectedZone2 !== 'Trustworthy',\n        },attrs:{\"d\":\"M552.7,260.3l165.7-58.9c-40.4-50.2-111.8-87.7-197.4-101.2l-44.7,122.1C509.3,227.3,537,241.4,552.7,260.3z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_11_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"578.0821\",\"y1\":\"377.0156\",\"x2\":\"527.4916\",\"y2\":\"315.3584\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#8ac5eb\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#6a96b4\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Nurturing st11 el19\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Nurturing' && _vm.selectedZone2 !== 'Nurturing',\n        },attrs:{\"d\":\"M478.4,370.7l48,120.1c88.7-15.2,161.7-56.2,199.5-110.3l-170.4-51.1C540.7,349.7,512.5,365.1,478.4,370.7z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_12_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"289.8135\",\"y1\":\"206.0066\",\"x2\":\"373.605\",\"y2\":\"270.0359\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#fbb973\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#fab269\"},attrs:{\"offset\":\"0.327\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f8a04d\"},attrs:{\"offset\":\"0.8861\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f89c47\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Inspiring st12 el20\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Inspiring' && _vm.selectedZone2 !== 'Inspiring',\n        },attrs:{\"d\":\"M400.6,227.5l-79-113.9c-72.4,22.5-129.2,63.3-156.8,113.5l175.4,43.4C350.8,251.5,372.7,236,400.6,227.5z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_13_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"713.0676\",\"y1\":\"290.9235\",\"x2\":\"616.726\",\"y2\":\"290.9235\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#c5c7c9\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#a6a6a6\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Familiar st13 el21\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Familiar' && _vm.selectedZone2 !== 'Familiar',\n        },attrs:{\"d\":\"M566.8,296.7c0,11.7-4,22.8-11.2,32.7l170.4,51.1c18-25.7,28-54.4,28-84.6c0-34.2-12.9-66.3-35.5-94.5\\n                            l-165.7,58.9C561.7,271.1,566.8,283.5,566.8,296.7z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_14_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"244.1125\",\"y1\":\"304.9641\",\"x2\":\"436.9913\",\"y2\":\"297.0592\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#faf183\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#faec79\"},attrs:{\"offset\":\"0.1646\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f8de5d\"},attrs:{\"offset\":\"0.4469\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f6c931\"},attrs:{\"offset\":\"0.8104\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f5bc17\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Interesting st14 el22\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Interesting' &&\n            _vm.selectedZone2 !== 'Interesting',\n        },attrs:{\"d\":\"M333.1,296.7c0-9.2,2.5-18,7.1-26.2l-175.4-43.4c-11.8,21.5-18.2,44.6-18.2,68.8c0,33.5,12.3,65,34.2,92.8\\n                            l165.8-56.6C337.9,321.5,333.1,309.5,333.1,296.7z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_15_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"437.4375\",\"y1\":\"426.6608\",\"x2\":\"439.809\",\"y2\":\"277.2582\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#c59bc7\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#bd91be\"},attrs:{\"offset\":\"0.1249\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#a775a5\"},attrs:{\"offset\":\"0.3392\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#84497c\"},attrs:{\"offset\":\"0.6169\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#540b44\"},attrs:{\"offset\":\"0.9442\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#4b003a\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Friendly st15 el23\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Friendly' && _vm.selectedZone2 !== 'Friendly',\n        },attrs:{\"d\":\"M449.9,372.9c-14,0-27.4-1.6-39.8-4.5l-63.6,116.7c32.4,7.8,67.3,12,103.7,12c26.3,0,51.8-2.2,76.2-6.4\\n                            l-48-120.1C469.3,372.1,459.7,372.9,449.9,372.9z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_16_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"423.8921\",\"y1\":\"80.663\",\"x2\":\"408.115\",\"y2\":\"240.4053\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#aa7e62\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#a5745d\"},attrs:{\"offset\":\"0.4751\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#9e6356\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Knowledgeable st16 el24\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Knowledgeable' &&\n            _vm.selectedZone2 !== 'Knowledgeable',\n        },attrs:{\"d\":\"M321.5,113.6l79,113.9c15-4.6,31.7-7.1,49.3-7.1c9.1,0,17.9,0.7,26.4,2l44.7-122.1\\n                            c-22.7-3.6-46.4-5.5-70.8-5.5C404.2,94.7,360.6,101.5,321.5,113.6z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_17_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"346.4608\",\"y1\":\"332.8404\",\"x2\":\"448.8942\",\"y2\":\"332.8404\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#fbd5ce\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#facbc8\"},attrs:{\"offset\":\"0.3812\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f7b1ba\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Fun st17 el25\",class:{\n          dimOut: _vm.selectedZone1 !== 'Fun' && _vm.selectedZone2 !== 'Fun',\n        },attrs:{\"d\":\"M448.6,297.3l-102.2,34.9c13.5,16.7,36.2,29.8,63.7,36.3l38.7-71.1L448.6,297.3z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_18_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"497.2629\",\"y1\":\"260.365\",\"x2\":\"451.4155\",\"y2\":\"310.9553\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#b0dcc8\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#85a799\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Trustworthy st18 el26\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Trustworthy' &&\n            _vm.selectedZone2 !== 'Trustworthy',\n        },attrs:{\"d\":\"M552.7,260.3c-15.7-18.9-43.4-33-76.3-38L449,297.2L552.7,260.3z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_19_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"504.2613\",\"y1\":\"339.0582\",\"x2\":\"407.032\",\"y2\":\"255.2671\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#cbe2f5\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#8c9dac\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Nurturing st19 el27\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Nurturing' && _vm.selectedZone2 !== 'Nurturing',\n        },attrs:{\"d\":\"M478.4,370.7c34.2-5.6,62.4-21,77.2-41.3l-106.5-31.9L478.4,370.7z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_20_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"382.1138\",\"y1\":\"249.9289\",\"x2\":\"408.1996\",\"y2\":\"321.0721\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#ffe1c1\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#fed8b7\"},attrs:{\"offset\":\"0.2579\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#fbc19b\"},attrs:{\"offset\":\"0.6987\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f9ae85\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Inspiring st20 el28\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Inspiring' && _vm.selectedZone2 !== 'Inspiring',\n        },attrs:{\"d\":\"M340.1,270.5l108.5,26.8l0.1,0l0.2-0.1l-48.4-69.7C372.7,236,350.8,251.5,340.1,270.5z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_21_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"536.7336\",\"y1\":\"295.3947\",\"x2\":\"417.3684\",\"y2\":\"299.3472\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#dbdcdd\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#919191\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Familiar st21 el29\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Familiar' && _vm.selectedZone2 !== 'Familiar',\n        },attrs:{\"d\":\"M449,297.2l0.1,0.1l0,0l106.5,31.9c7.2-9.9,11.2-21,11.2-32.7c0-13.2-5.1-25.5-14.1-36.4L449,297.2L449,297.2\\n                            z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_22_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"357.4624\",\"y1\":\"288.4954\",\"x2\":\"460.2253\",\"y2\":\"355.6866\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#f3f4c5\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f3f3bb\"},attrs:{\"offset\":\"0.1294\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f5f29f\"},attrs:{\"offset\":\"0.3513\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f6f073\"},attrs:{\"offset\":\"0.639\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f9ec35\"},attrs:{\"offset\":\"0.9781\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#f9ec31\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Interesting st22 el30\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Interesting' &&\n            _vm.selectedZone2 !== 'Interesting',\n        },attrs:{\"d\":\"M340.1,270.5c-4.6,8.2-7.1,17-7.1,26.2c0,12.8,4.8,24.9,13.4,35.5l102.2-34.9L340.1,270.5z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_23_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"444.3013\",\"y1\":\"364.2184\",\"x2\":\"445.0917\",\"y2\":\"261.4582\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#dcc6e0\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#9d8ea2\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Friendly st23 el31\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Friendly' && _vm.selectedZone2 !== 'Friendly',\n        },attrs:{\"d\":\"M448.9,297.4L448.9,297.4l-38.8,71.1c12.4,2.9,25.8,4.5,39.8,4.5c9.8,0,19.3-0.8,28.4-2.3l-29.3-73.3\\n                            L448.9,297.4z\"}}),_c('linearGradient',{attrs:{\"id\":\"SVGID_24_\",\"gradientUnits\":\"userSpaceOnUse\",\"x1\":\"436.4919\",\"y1\":\"193.289\",\"x2\":\"443.6061\",\"y2\":\"307.1171\"}},[_c('stop',{staticStyle:{\"stop-color\":\"#d9c4b6\"},attrs:{\"offset\":\"0\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#d1baae\"},attrs:{\"offset\":\"0.2612\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#bc9e99\"},attrs:{\"offset\":\"0.7077\"}}),_c('stop',{staticStyle:{\"stop-color\":\"#ac8989\"},attrs:{\"offset\":\"1\"}})],1),_c('path',{staticClass:\"Knowledgeable st24 el32\",class:{\n          dimOut:\n            _vm.selectedZone1 !== 'Knowledgeable' &&\n            _vm.selectedZone2 !== 'Knowledgeable',\n        },attrs:{\"d\":\"M449,297.2l27.4-74.8c-8.5-1.3-17.3-2-26.4-2c-17.6,0-34.4,2.6-49.3,7.1L449,297.2L449,297.2z\"}}),_c('polyline',{staticClass:\"st25\",attrs:{\"points\":\"434.9,371.6 435,371.6 435,371.6  \"}}),_c('polyline',{staticClass:\"st25\",attrs:{\"points\":\"430.9,371.2 431.1,371.2 431.1,371.3  \"}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"map flex position-r\">\n    <transition-group tag=\"div\" class=\"VueOnly\" name=\"list\" appear>\n      <div\n        class=\"map__circle\"\n        v-for=\"(item, index) in selectedAttributesDetails\"\n        :key=\"item.xPos\"\n        :style=\"{\n          left: item.xPos / 10 + '%',\n          top: item.yPos / 6.69 + '%',\n        }\"\n        :class=\"{\n          'is-active': item.showPin,\n        }\"\n      >\n        <span class=\"map__trigger-title\">{{ item.AttributeLabel }}</span>\n        <span\n          class=\"map__trigger\"\n          @click=\"\n            selectedAttributes[index].showPin =\n              !selectedAttributes[index].showPin\n          \"\n        ></span>\n        <span class=\"map__tooltip\">\n          <span\n            ><strong>{{ item.AttributeLabel }}</strong></span\n          >\n          <span>{{ item.synonymLabel }}</span>\n        </span>\n      </div>\n    </transition-group>\n    <svg\n      version=\"1.1\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 900 593\"\n      style=\"enable-background: new 0 0 900 593\"\n      xml:space=\"preserve\"\n    >\n      <g id=\"mapSlide\">\n        <path\n          class=\"Fun st0 el1\"\n          d=\"M117.9,410.1l-67.6,23.1c51.9,65.7,140.1,116.9,247,142.2l25.7-47.2C234.3,507.2,161.1,464.6,117.9,410.1z\"\n          :class=\"{\n            dimOut: selectedZone1 !== 'Fun' && selectedZone2 !== 'Fun',\n          }\"\n        ></path>\n        <path\n          class=\"Inspiring st0 el2\"\n          d=\"M293.1,72.7L261.5,27C153.9,59.7,69.2,119.5,27.6,193.2l71.3,17.6C133.4,149.6,203.7,99.9,293.1,72.7z\"\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Inspiring' && selectedZone2 !== 'Inspiring',\n          }\"\n        ></path>\n        <path\n          class=\"Trustworthy st0 el3\"\n          d=\"M779,179.9l67-23.8C786.1,82.8,680.7,28,554.8,8.1l-17.9,48.8C641.6,73.4,729.2,118.9,779,179.9z\"\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Trustworthy' &&\n              selectedZone2 !== 'Trustworthy',\n          }\"\n        ></path>\n        <path\n          class=\"Nurturing st0 el4\"\n          d=\"M544,534.7l19.4,48.5c131.4-22.6,239.4-83.2,295.1-163l-69.3-20.8C742.8,465.7,653.1,516,544,534.7z\"\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Nurturing' && selectedZone2 !== 'Nurturing',\n          }\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_1_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"251.2603\"\n          y1=\"467.4629\"\n          x2=\"352.4422\"\n          y2=\"540.1874\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #ec1c24\"></stop>\n          <stop offset=\"0.2293\" style=\"stop-color: #e21a22\"></stop>\n          <stop offset=\"0.6209\" style=\"stop-color: #c6141b\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #a60e13\"></stop>\n        </linearGradient>\n        <path\n          class=\"Fun st1 el5\"\n          d=\"M180.7,388.7l-62.8,21.4c43.2,54.5,116.4,97,205.1,118.1l23.5-43.1C274.8,467.8,215.6,433.1,180.7,388.7z\"\n          :class=\"{\n            dimOut: selectedZone1 !== 'Fun' && selectedZone2 !== 'Fun',\n          }\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_2_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"669.0256\"\n          y1=\"138.8181\"\n          x2=\"499.8607\"\n          y2=\"70.8359\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #00b17e\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #007d58\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Trustworthy' &&\n              selectedZone2 !== 'Trustworthy',\n          }\"\n          class=\"Trustworthy st2 el6\"\n          d=\"M536.9,56.9l-15.8,43.3c85.5,13.5,157,51,197.4,101.2l60.6-21.5C729.2,118.9,641.6,73.4,536.9,56.9z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_3_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"663.0578\"\n          y1=\"439.0703\"\n          x2=\"783.2114\"\n          y2=\"291.2499\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #2b388f\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #0e0d50\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Nurturing' && selectedZone2 !== 'Nurturing',\n          }\"\n          class=\"Nurturing st3 el7\"\n          d=\"M526.4,490.7l17.6,44c109.1-18.7,198.8-69.1,245.2-135.3l-63.3-19C688.1,434.5,615.1,475.6,526.4,490.7z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_4_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"238.7217\"\n          y1=\"151.5906\"\n          x2=\"139.12\"\n          y2=\"134.1998\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #f6921e\"></stop>\n          <stop offset=\"0.3109\" style=\"stop-color: #f5881f\"></stop>\n          <stop offset=\"0.8423\" style=\"stop-color: #f26c21\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #f16322\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Inspiring' && selectedZone2 !== 'Inspiring',\n          }\"\n          class=\"Inspiring st4 el8\"\n          d=\"M321.5,113.6l-28.4-40.9c-89.4,27.2-159.7,76.9-194.2,138.1l65.8,16.3C192.3,176.9,249.1,136.1,321.5,113.6z\"\n        ></path>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Interesting' &&\n              selectedZone2 !== 'Interesting',\n          }\"\n          class=\"Interesting st0 el9\"\n          d=\"M75.7,296.4c0-30.1,8.2-58.9,23.2-85.6l-71.3-17.6c-18.1,32.1-28,66.9-28,103.2c0,49.3,18.3,95.9,50.7,136.8\n                              l67.6-23.1C91,376.1,75.7,337.4,75.7,296.4z\"\n        ></path>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Familiar' && selectedZone2 !== 'Familiar',\n          }\"\n          class=\"Familiar st0 el10\"\n          d=\"M846,156l-67,23.8c28.3,34.7,44.4,74.4,44.4,116.5c0,36.8-12.3,71.7-34.2,103l69.3,20.8\n                              c26.3-37.7,41-79.6,41-123.8C899.6,245.6,880.2,197.8,846,156z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_5_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"777.3427\"\n          y1=\"392.1554\"\n          x2=\"764.9913\"\n          y2=\"136.0698\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #999999\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #737373\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Familiar' && selectedZone2 !== 'Familiar',\n          }\"\n          class=\"Familiar st5 el11\"\n          d=\"M754,295.9c0,30.2-10,58.8-28,84.6l63.3,19c22-31.4,34.2-66.3,34.2-103c0-42.2-16.1-81.8-44.4-116.5\n                              l-60.6,21.5C741.1,229.6,754,261.7,754,295.9z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_6_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"139.078\"\n          y1=\"276.452\"\n          x2=\"122.478\"\n          y2=\"365.776\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #f9ec31\"></stop>\n          <stop offset=\"0.4074\" style=\"stop-color: #f7e327\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #f4cf10\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Interesting' &&\n              selectedZone2 !== 'Interesting',\n          }\"\n          class=\"Interesting st6 el12\"\n          d=\"M146.5,295.9c0-24.2,6.4-47.3,18.2-68.8l-65.8-16.3c-15,26.7-23.2,55.5-23.2,85.6c0,41,15.2,79.7,42.2,113.7\n                              l62.8-21.4C158.9,360.9,146.5,329.4,146.5,295.9z\"\n        ></path>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Friendly' && selectedZone2 !== 'Friendly',\n          }\"\n          class=\"Friendly st0 el13\"\n          d=\"M449.6,542.7c-44.4,0-87-5.1-126.5-14.5l-25.7,47.2c47.6,11.3,98.8,17.4,152.3,17.4c39.3,0,77.5-3.3,113.8-9.6\n                              L544,534.7C513.8,539.9,482.2,542.7,449.6,542.7z\"\n        ></path>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Knowledgeable' &&\n              selectedZone2 !== 'Knowledgeable',\n          }\"\n          class=\"Knowledgeable st0 el14\"\n          d=\"M449.6,50.1c30.1,0,59.3,2.3,87.3,6.8l17.9-48.8C521,2.8,485.8,0,449.6,0C382.4,0,318.7,9.7,261.5,27\n                              l31.7,45.6C340.7,58.2,393.7,50.1,449.6,50.1z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_7_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"410.1664\"\n          y1=\"514.3226\"\n          x2=\"661.5415\"\n          y2=\"485.8651\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #90278e\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #5b0059\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Friendly' && selectedZone2 !== 'Friendly',\n          }\"\n          class=\"Friendly st7 el15\"\n          d=\"M450.2,497.1c-36.4,0-71.3-4.2-103.7-12L323,528.2c39.5,9.4,82.1,14.5,126.5,14.5c32.6,0,64.3-2.8,94.4-7.9\n                              l-17.6-44C502,494.9,476.5,497.1,450.2,497.1z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_8_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"425.3801\"\n          y1=\"85.9758\"\n          x2=\"390.5985\"\n          y2=\"14.8318\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #804022\"></stop>\n          <stop offset=\"0.2965\" style=\"stop-color: #76381b\"></stop>\n          <stop offset=\"0.8034\" style=\"stop-color: #5a230a\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #4e1902\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Knowledgeable' &&\n              selectedZone2 !== 'Knowledgeable',\n          }\"\n          class=\"Knowledgeable st8 el16\"\n          d=\"M450.2,94.7c24.4,0,48.1,1.9,70.8,5.5l15.8-43.3c-28-4.4-57.3-6.8-87.3-6.8c-55.9,0-108.8,8.1-156.4,22.5\n                              l28.4,40.9C360.6,101.5,404.2,94.7,450.2,94.7z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_9_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"328.718\"\n          y1=\"378.0399\"\n          x2=\"410.9282\"\n          y2=\"303.7345\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #f7aea5\"></stop>\n          <stop offset=\"0.2878\" style=\"stop-color: #f6a4a0\"></stop>\n          <stop offset=\"0.7797\" style=\"stop-color: #f38894\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #f27a8d\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut: selectedZone1 !== 'Fun' && selectedZone2 !== 'Fun',\n          }\"\n          class=\"Fun st9 el17\"\n          d=\"M346.5,332.1l-165.8,56.6c34.9,44.4,94.1,79.1,165.9,96.4l63.6-116.7C382.6,361.9,359.9,348.9,346.5,332.1z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_10_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"588.5313\"\n          y1=\"193.7156\"\n          x2=\"537.94\"\n          y2=\"263.2785\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #58be96\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #4aa481\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Trustworthy' &&\n              selectedZone2 !== 'Trustworthy',\n          }\"\n          class=\"Trustworthy st10 el18\"\n          d=\"M552.7,260.3l165.7-58.9c-40.4-50.2-111.8-87.7-197.4-101.2l-44.7,122.1C509.3,227.3,537,241.4,552.7,260.3z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_11_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"578.0821\"\n          y1=\"377.0156\"\n          x2=\"527.4916\"\n          y2=\"315.3584\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #8ac5eb\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #6a96b4\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Nurturing' && selectedZone2 !== 'Nurturing',\n          }\"\n          class=\"Nurturing st11 el19\"\n          d=\"M478.4,370.7l48,120.1c88.7-15.2,161.7-56.2,199.5-110.3l-170.4-51.1C540.7,349.7,512.5,365.1,478.4,370.7z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_12_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"289.8135\"\n          y1=\"206.0066\"\n          x2=\"373.605\"\n          y2=\"270.0359\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #fbb973\"></stop>\n          <stop offset=\"0.327\" style=\"stop-color: #fab269\"></stop>\n          <stop offset=\"0.8861\" style=\"stop-color: #f8a04d\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #f89c47\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Inspiring' && selectedZone2 !== 'Inspiring',\n          }\"\n          class=\"Inspiring st12 el20\"\n          d=\"M400.6,227.5l-79-113.9c-72.4,22.5-129.2,63.3-156.8,113.5l175.4,43.4C350.8,251.5,372.7,236,400.6,227.5z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_13_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"713.0676\"\n          y1=\"290.9235\"\n          x2=\"616.726\"\n          y2=\"290.9235\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #c5c7c9\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #a6a6a6\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Familiar' && selectedZone2 !== 'Familiar',\n          }\"\n          class=\"Familiar st13 el21\"\n          d=\"M566.8,296.7c0,11.7-4,22.8-11.2,32.7l170.4,51.1c18-25.7,28-54.4,28-84.6c0-34.2-12.9-66.3-35.5-94.5\n                              l-165.7,58.9C561.7,271.1,566.8,283.5,566.8,296.7z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_14_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"244.1125\"\n          y1=\"304.9641\"\n          x2=\"436.9913\"\n          y2=\"297.0592\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #faf183\"></stop>\n          <stop offset=\"0.1646\" style=\"stop-color: #faec79\"></stop>\n          <stop offset=\"0.4469\" style=\"stop-color: #f8de5d\"></stop>\n          <stop offset=\"0.8104\" style=\"stop-color: #f6c931\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #f5bc17\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Interesting' &&\n              selectedZone2 !== 'Interesting',\n          }\"\n          class=\"Interesting st14 el22\"\n          d=\"M333.1,296.7c0-9.2,2.5-18,7.1-26.2l-175.4-43.4c-11.8,21.5-18.2,44.6-18.2,68.8c0,33.5,12.3,65,34.2,92.8\n                              l165.8-56.6C337.9,321.5,333.1,309.5,333.1,296.7z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_15_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"437.4375\"\n          y1=\"426.6608\"\n          x2=\"439.809\"\n          y2=\"277.2582\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #c59bc7\"></stop>\n          <stop offset=\"0.1249\" style=\"stop-color: #bd91be\"></stop>\n          <stop offset=\"0.3392\" style=\"stop-color: #a775a5\"></stop>\n          <stop offset=\"0.6169\" style=\"stop-color: #84497c\"></stop>\n          <stop offset=\"0.9442\" style=\"stop-color: #540b44\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #4b003a\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Friendly' && selectedZone2 !== 'Friendly',\n          }\"\n          class=\"Friendly st15 el23\"\n          d=\"M449.9,372.9c-14,0-27.4-1.6-39.8-4.5l-63.6,116.7c32.4,7.8,67.3,12,103.7,12c26.3,0,51.8-2.2,76.2-6.4\n                              l-48-120.1C469.3,372.1,459.7,372.9,449.9,372.9z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_16_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"423.8921\"\n          y1=\"80.663\"\n          x2=\"408.115\"\n          y2=\"240.4053\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #aa7e62\"></stop>\n          <stop offset=\"0.4751\" style=\"stop-color: #a5745d\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #9e6356\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Knowledgeable' &&\n              selectedZone2 !== 'Knowledgeable',\n          }\"\n          class=\"Knowledgeable st16 el24\"\n          d=\"M321.5,113.6l79,113.9c15-4.6,31.7-7.1,49.3-7.1c9.1,0,17.9,0.7,26.4,2l44.7-122.1\n                              c-22.7-3.6-46.4-5.5-70.8-5.5C404.2,94.7,360.6,101.5,321.5,113.6z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_17_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"346.4608\"\n          y1=\"332.8404\"\n          x2=\"448.8942\"\n          y2=\"332.8404\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #fbd5ce\"></stop>\n          <stop offset=\"0.3812\" style=\"stop-color: #facbc8\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #f7b1ba\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut: selectedZone1 !== 'Fun' && selectedZone2 !== 'Fun',\n          }\"\n          class=\"Fun st17 el25\"\n          d=\"M448.6,297.3l-102.2,34.9c13.5,16.7,36.2,29.8,63.7,36.3l38.7-71.1L448.6,297.3z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_18_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"497.2629\"\n          y1=\"260.365\"\n          x2=\"451.4155\"\n          y2=\"310.9553\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #b0dcc8\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #85a799\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Trustworthy' &&\n              selectedZone2 !== 'Trustworthy',\n          }\"\n          class=\"Trustworthy st18 el26\"\n          d=\"M552.7,260.3c-15.7-18.9-43.4-33-76.3-38L449,297.2L552.7,260.3z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_19_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"504.2613\"\n          y1=\"339.0582\"\n          x2=\"407.032\"\n          y2=\"255.2671\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #cbe2f5\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #8c9dac\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Nurturing' && selectedZone2 !== 'Nurturing',\n          }\"\n          class=\"Nurturing st19 el27\"\n          d=\"M478.4,370.7c34.2-5.6,62.4-21,77.2-41.3l-106.5-31.9L478.4,370.7z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_20_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"382.1138\"\n          y1=\"249.9289\"\n          x2=\"408.1996\"\n          y2=\"321.0721\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #ffe1c1\"></stop>\n          <stop offset=\"0.2579\" style=\"stop-color: #fed8b7\"></stop>\n          <stop offset=\"0.6987\" style=\"stop-color: #fbc19b\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #f9ae85\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Inspiring' && selectedZone2 !== 'Inspiring',\n          }\"\n          class=\"Inspiring st20 el28\"\n          d=\"M340.1,270.5l108.5,26.8l0.1,0l0.2-0.1l-48.4-69.7C372.7,236,350.8,251.5,340.1,270.5z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_21_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"536.7336\"\n          y1=\"295.3947\"\n          x2=\"417.3684\"\n          y2=\"299.3472\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #dbdcdd\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #919191\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Familiar' && selectedZone2 !== 'Familiar',\n          }\"\n          class=\"Familiar st21 el29\"\n          d=\"M449,297.2l0.1,0.1l0,0l106.5,31.9c7.2-9.9,11.2-21,11.2-32.7c0-13.2-5.1-25.5-14.1-36.4L449,297.2L449,297.2\n                              z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_22_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"357.4624\"\n          y1=\"288.4954\"\n          x2=\"460.2253\"\n          y2=\"355.6866\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #f3f4c5\"></stop>\n          <stop offset=\"0.1294\" style=\"stop-color: #f3f3bb\"></stop>\n          <stop offset=\"0.3513\" style=\"stop-color: #f5f29f\"></stop>\n          <stop offset=\"0.639\" style=\"stop-color: #f6f073\"></stop>\n          <stop offset=\"0.9781\" style=\"stop-color: #f9ec35\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #f9ec31\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Interesting' &&\n              selectedZone2 !== 'Interesting',\n          }\"\n          class=\"Interesting st22 el30\"\n          d=\"M340.1,270.5c-4.6,8.2-7.1,17-7.1,26.2c0,12.8,4.8,24.9,13.4,35.5l102.2-34.9L340.1,270.5z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_23_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"444.3013\"\n          y1=\"364.2184\"\n          x2=\"445.0917\"\n          y2=\"261.4582\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #dcc6e0\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #9d8ea2\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Friendly' && selectedZone2 !== 'Friendly',\n          }\"\n          class=\"Friendly st23 el31\"\n          d=\"M448.9,297.4L448.9,297.4l-38.8,71.1c12.4,2.9,25.8,4.5,39.8,4.5c9.8,0,19.3-0.8,28.4-2.3l-29.3-73.3\n                              L448.9,297.4z\"\n        ></path>\n        <linearGradient\n          id=\"SVGID_24_\"\n          gradientUnits=\"userSpaceOnUse\"\n          x1=\"436.4919\"\n          y1=\"193.289\"\n          x2=\"443.6061\"\n          y2=\"307.1171\"\n        >\n          <stop offset=\"0\" style=\"stop-color: #d9c4b6\"></stop>\n          <stop offset=\"0.2612\" style=\"stop-color: #d1baae\"></stop>\n          <stop offset=\"0.7077\" style=\"stop-color: #bc9e99\"></stop>\n          <stop offset=\"1\" style=\"stop-color: #ac8989\"></stop>\n        </linearGradient>\n        <path\n          :class=\"{\n            dimOut:\n              selectedZone1 !== 'Knowledgeable' &&\n              selectedZone2 !== 'Knowledgeable',\n          }\"\n          class=\"Knowledgeable st24 el32\"\n          d=\"M449,297.2l27.4-74.8c-8.5-1.3-17.3-2-26.4-2c-17.6,0-34.4,2.6-49.3,7.1L449,297.2L449,297.2z\"\n        ></path>\n        <polyline\n          class=\"st25\"\n          points=\"434.9,371.6 435,371.6 435,371.6  \"\n        ></polyline>\n        <polyline\n          class=\"st25\"\n          points=\"430.9,371.2 431.1,371.2 431.1,371.3  \"\n        ></polyline>\n      </g>\n    </svg>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Map\",\n  props: {\n    selectedZone1: {\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    selectedZone2: {\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    selectedAttributes: {\n      type: Array,\n      default() {\n        return [];\n      },\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    selectedAttributesDetails() {\n      let attrs = this.selectedAttributes.map((attr) => {\n        return {\n          ...attr,\n          xPos: Math.round(\n            ((2 + attr.X) / 4) * 0.949 * 1000 + (0.051 * 1000) / 2\n          ),\n          yPos: Math.round(\n            ((2 - attr.Y) / 4) * 0.935 * 670 + (0.065 * 670) / 2\n          ),\n        };\n      });\n      return attrs;\n    },\n  },\n  methods: {},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.list-move,\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.25s ease-out;\n}\n\n.list-enter-to {\n  .map__trigger-title {\n    opacity: 0;\n    transition: none;\n  }\n}\n\n.list-enter {\n  opacity: 0;\n  transform: scale(4.5);\n}\n.map {\n  svg {\n    transition: all 0.5s;\n\n    .el1 {\n      filter: drop-shadow(3px -5px 8px rgba(0, 0, 0, 0.55));\n    }\n    .el2 {\n      filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el3 {\n      filter: drop-shadow(0px 11px 12px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el4 {\n      filter: drop-shadow(-6px -10px 12px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el5 {\n      filter: drop-shadow(11px -8px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el6 {\n      filter: drop-shadow(-8px 12px 9px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el7 {\n      filter: drop-shadow(1px -6px 12px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el8 {\n      filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el9 {\n      filter: drop-shadow(13px 0px 12px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el10 {\n      filter: drop-shadow(-9px 4px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el11 {\n      filter: drop-shadow(-8px 0px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el12 {\n      filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el13 {\n      filter: drop-shadow(-1px -9px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el14 {\n      filter: drop-shadow(0px 10px 12px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el15 {\n      filter: drop-shadow(-1px -9px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el16 {\n      filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el17 {\n      filter: drop-shadow(3px -4px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el18 {\n      filter: drop-shadow(0px 9px 10px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el19 {\n      filter: drop-shadow(-10px -4px 12px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el20 {\n      filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el21 {\n      filter: drop-shadow(-7px 4px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el22 {\n      filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el23 {\n      filter: drop-shadow(2px -5px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el24 {\n      stroke: none !important;\n    }\n    .el25 {\n      filter: drop-shadow(2px -5px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el26 {\n      filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el27 {\n      filter: drop-shadow(-10px -4px 12px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el28 {\n      filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el29 {\n      filter: drop-shadow(-7px 4px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el30 {\n      filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el31 {\n      filter: drop-shadow(-1px -5px 7px rgba(0, 0, 0, 0.55));\n      stroke: none !important;\n    }\n    .el32 {\n      filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.2));\n      stroke: none !important;\n    }\n\n    .st0 {\n      stroke: none !important;\n      fill: #231f20;\n      stroke: #ffffff;\n    }\n\n    .st1 {\n      fill: url(#SVGID_1_);\n    }\n\n    .st2 {\n      fill: url(#SVGID_2_);\n      filter: drop-shadow(0px 11px 12px rgba(0, 0, 0, 0.55));\n    }\n\n    .st3 {\n      fill: url(#SVGID_3_);\n    }\n\n    .st4 {\n      fill: url(#SVGID_4_);\n    }\n\n    .st5 {\n      fill: url(#SVGID_5_);\n    }\n\n    .st6 {\n      fill: url(#SVGID_6_);\n    }\n\n    .st7 {\n      fill: url(#SVGID_7_);\n    }\n\n    .st8 {\n      fill: url(#SVGID_8_);\n      filter: drop-shadow(0px 10px 12px rgba(0, 0, 0, 0.55));\n    }\n\n    .st9 {\n      fill: url(#SVGID_9_);\n    }\n\n    .st10 {\n      fill: url(#SVGID_10_);\n    }\n\n    .st11 {\n      fill: url(#SVGID_11_);\n    }\n\n    .st12 {\n      fill: url(#SVGID_12_);\n    }\n\n    .st13 {\n      fill: url(#SVGID_13_);\n    }\n\n    .st14 {\n      fill: url(#SVGID_14_);\n    }\n\n    .st15 {\n      fill: url(#SVGID_15_);\n    }\n\n    .st16 {\n      fill: url(#SVGID_16_);\n      filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.55));\n    }\n\n    .st17 {\n      fill: url(#SVGID_17_);\n    }\n\n    .st18 {\n      fill: url(#SVGID_18_);\n    }\n\n    .st19 {\n      fill: url(#SVGID_19_);\n    }\n\n    .st20 {\n      fill: url(#SVGID_20_);\n    }\n\n    .st21 {\n      fill: url(#SVGID_21_);\n    }\n\n    .st22 {\n      fill: url(#SVGID_22_);\n    }\n\n    .st23 {\n      fill: url(#SVGID_23_);\n    }\n\n    .st24 {\n      fill: url(#SVGID_24_);\n      filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.2));\n    }\n\n    .st25 {\n      fill: none;\n    }\n\n    .st27 {\n      font-size: 16px;\n    }\n    .dimOut {\n      filter: grayscale(60%) opacity(40%);\n    }\n  }\n  &__circle {\n    border-radius: 50%;\n    position: absolute;\n    cursor: pointer;\n    font-size: 12px;\n    // white-space: nowrap;\n    display: flex;\n    justify-content: center;\n    width: 10px;\n    height: 10px;\n    text-transform: capitalize;\n    &:hover {\n      z-index: 2;\n      .map__trigger-title {\n        background: rgba(255, 255, 255, 0.8);\n        padding: 0 2px;\n        border-radius: 3px;\n        font-weight: 500;\n      }\n    }\n    &.is-active {\n      .map__tooltip {\n        visibility: visible;\n        opacity: 1;\n        transform: translateY(-108%);\n        z-index: 1;\n        box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);\n      }\n    }\n    &.pointer-none {\n      pointer-events: none;\n    }\n  }\n  &__trigger {\n    border-radius: 50%;\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    z-index: 1;\n    background: #78060a;\n    color: rgba(54, 155, 225, 0.36);\n    &:hover {\n      box-shadow: 0 0 0 3px;\n      animation: a 1.3s infinite;\n      ~ .map__tooltip {\n        visibility: visible;\n        opacity: 1;\n        bottom: calc(100% + 7px);\n        z-index: 2;\n      }\n    }\n  }\n  &__trigger-title {\n    position: absolute;\n    top: calc(100% + 2px);\n    font-size: 11px;\n    transition: all 0.25s ease-out;\n    line-height: 15px;\n    white-space: nowrap;\n    pointer-events: none;\n  }\n  &__tooltip {\n    position: absolute;\n    bottom: calc(100% + 12px);\n    font-size: 12px;\n    padding: 6px 7px;\n    cursor: default;\n    border-radius: 4px;\n    background: #fefefe;\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.3s ease;\n    box-shadow: 0px 0px 7px -3px;\n    width: 200px;\n    &:hover {\n      z-index: 2 !important;\n    }\n    &:after {\n      content: \"\";\n      position: absolute;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 4px 4px 0 4px;\n      border-color: #fefefe transparent transparent transparent;\n      left: calc(50% - 5px);\n      top: 100%;\n    }\n    &.is-hide {\n      display: none;\n    }\n    span {\n      display: block;\n      line-height: 15px;\n      &:first-child {\n        margin-bottom: 1px;\n      }\n    }\n    strong {\n      font-weight: 500;\n    }\n  }\n}\n\n@keyframes a {\n  0% {\n    box-shadow: 0 0 0 0;\n  }\n\n  12% {\n    box-shadow: 0 0 0 1px;\n  }\n\n  25% {\n    box-shadow: 0 0 0 2px;\n  }\n\n  36% {\n    box-shadow: 0 0 0 3px;\n  }\n\n  50% {\n    box-shadow: 0 0 0 4px;\n  }\n\n  62% {\n    box-shadow: 0 0 0 3px;\n  }\n\n  75% {\n    box-shadow: 0 0 0 2px;\n  }\n\n  87% {\n    box-shadow: 0 0 0 1px;\n  }\n\n  to {\n    box-shadow: 0 0 0 0;\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!./Map.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!./Map.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Map.vue?vue&type=template&id=778a738e&scoped=true&\"\nimport script from \"./Map.vue?vue&type=script&lang=js&\"\nexport * from \"./Map.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Map.vue?vue&type=style&index=0&id=778a738e&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  \"778a738e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}