{"version":3,"sources":["webpack:///./node_modules/core-js/internals/engine-ff-version.js","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/videoAds/PersonaList.vue?8000","webpack:///./src/components/videoAds/Persona.vue?de83","webpack:///./node_modules/core-js/modules/es.array.sort.js","webpack:///./node_modules/core-js/internals/engine-webkit-version.js","webpack:///./src/components/videoAds/Persona.vue?e0bb","webpack:///./src/components/videoAds/PersonaList.vue?6395","webpack:///src/components/videoAds/PersonaList.vue","webpack:///./src/components/videoAds/PersonaList.vue?a884","webpack:///./src/components/videoAds/PersonaList.vue","webpack:///./src/components/videoAds/PersonaMap.vue?c8ec","webpack:///src/components/videoAds/PersonaMap.vue","webpack:///./src/components/videoAds/PersonaMap.vue?a235","webpack:///./src/components/videoAds/PersonaMap.vue?567f","webpack:///src/components/videoAds/Persona.vue","webpack:///./src/components/videoAds/Persona.vue?89ac","webpack:///./src/components/videoAds/Persona.vue?216c","webpack:///./src/components/videoAds/PersonaMap.vue?bc28","webpack:///./src/components/videoAds/PersonaMap.vue?e0aa","webpack:///./node_modules/core-js/internals/array-sort.js","webpack:///./src/components/general/CompletionProgress.vue?5776","webpack:///./node_modules/core-js/modules/es.array.find-index.js","webpack:///./node_modules/core-js/internals/engine-is-ie-or-edge.js","webpack:///./src/components/videoAds/Persona.vue?6e56"],"names":["userAgent","firefox","match","module","exports","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","$","aCallable","toObject","toLength","toString","fails","internalSort","arrayMethodIsStrict","FF","IE_OR_EDGE","V8","WEBKIT","test","nativeSort","sort","FAILS_ON_UNDEFINED","undefined","FAILS_ON_NULL","STRICT_METHOD","STABLE_SORT","code","chr","value","index","result","String","fromCharCode","push","k","v","a","b","charAt","FORCED","getSortCompare","comparefn","x","y","target","proto","forced","array","call","itemsLength","items","arrayLength","webkit","stepIndex","surveyID","surveyTypeID","$route","client","ClientName","meta","surveyTitle","_m","domProps","langObj","quiz","slot","tip","showModal","brief","personaAttrs","showLoader","perfect","selectedStatus","exceed","directives","rawName","expression","selectedAttrs","clearSelection","attr","attributeID","selected","AttributeLabel","nextStep","prevStep","personaPreviewModal","model","callback","$$v","quizs","$set","loading","Boolean","rmAttr","Number","Familiar","Fun","Inspiring","Nurturing","Interesting","Friendly","Trustworthy","Knowledgeable","showAnimation","selectedZone","staticStyle","selectZone","dimOut","visuallyHidden","showZoneName","ringName","showFull","_f","synonymLabel","zoneAttributes","filters","shortVersion","synonyms","methods","event","classList","watch","newVal","oldVal","mapSlide","addEventListener","activated","components","PersonaList","PersonaMap","ProgressBar","StepNaviBar","CompletionProgress","IconBase","IconPie","mixins","min","max","breadcrumbTitle","user","deep","handler","val","forEach","$router","personaPrevRoute","params","wsUtils","savePromise","then","jsUtils","updateQuiz","id","personaListPromise","editableSurvey","AttributeDetails","defaultSelectedAttrs","setTimeout","floor","mergeSort","middle","insertionSort","merge","slice","element","j","i","left","right","llength","rlength","lindex","rindex","$findIndex","findIndex","addToUnscopables","FIND_INDEX","SKIPS_HOLES","callbackfn","arguments","UA"],"mappings":"8FAAA,IAAIA,EAAY,EAAQ,QAEpBC,EAAUD,EAAUE,MAAM,mBAE9BC,EAAOC,UAAYH,IAAYA,EAAQ,I,oCCJvC,IAAII,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,oBAAoB,CAACE,YAAY,oBAAoBC,MAAM,CAAC,KAAOP,EAAIQ,aAAe,eAAiB,cAAcC,GAAG,CAAC,MAAQ,SAASC,GAAQV,EAAIQ,cAAgBR,EAAIQ,iBAAiBJ,EAAG,KAAK,CAACJ,EAAIW,GAAG,yBAAyBP,EAAG,IAAI,CAACJ,EAAIW,GAAG,2DAA2DP,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,OAAO,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,iBAAiB,MAAMb,EAAIY,GAAGZ,EAAIc,UAAUC,QAAQ,YAAYX,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,IAAI,CAACY,MAAM,CAAGC,MAAOjB,EAAIkB,SAAW,WAAclB,EAAgB,aAAEI,EAAG,KAAKJ,EAAImB,GAAInB,EAAa,WAAE,SAASoB,GAAM,OAAOhB,EAAG,KAAK,CAACiB,IAAID,EAAKE,SAASC,MAAM,CAAEC,UAAWJ,EAAKI,YAAa,CAACpB,EAAG,oBAAoB,CAACG,MAAM,CAAC,KAAO,kBAAkBP,EAAIW,GAAGX,EAAIY,GAAGQ,EAAKE,UAAU,MAAM,MAAK,GAAGtB,EAAIyB,MAAM,MACv6BC,EAAkB,GC6BtB,G,UAAA,CACEC,KAAM,qBACNC,MAAO,CACLd,UAAW,CACTe,KAAMC,MACNC,QAFN,WAGQ,MAAO,MAIbC,KAVF,WAWI,MAAO,CACLxB,cAAc,IAGlByB,SAAU,CACRf,SADJ,WAEM,GAAIjB,KAAKa,UAAUC,OAAS,EAAG,CAC7B,IAAR,yBACA,YAAU,OAAV,eACA,OACQ,OAAOmB,KAAKC,MAAM,EAA1B,2BAEQ,OAAO,GAGXtB,gBAXJ,WAYM,OAAOZ,KAAKa,UAAUsB,QAAO,SAAnC,kCAGEC,QA9BF,WA+BQC,OAAOC,WAAa,KACtBtC,KAAKO,cAAe,EAEpBP,KAAKO,cAAe,KChEiV,I,wBCQvWgC,EAAY,eACd,EACAzC,EACA2B,GACA,EACA,KACA,WACA,MAIa,OAAAc,E,6CCnBf,W,oCCAA,W,sFCCA,IAAIC,EAAI,EAAQ,QACZC,EAAY,EAAQ,QACpBC,EAAW,EAAQ,QACnBC,EAAW,EAAQ,QACnBC,EAAW,EAAQ,QACnBC,EAAQ,EAAQ,QAChBC,EAAe,EAAQ,QACvBC,EAAsB,EAAQ,QAC9BC,EAAK,EAAQ,QACbC,EAAa,EAAQ,QACrBC,EAAK,EAAQ,QACbC,EAAS,EAAQ,SAEjBC,EAAO,GACPC,EAAaD,EAAKE,KAGlBC,EAAqBV,GAAM,WAC7BO,EAAKE,UAAKE,MAGRC,EAAgBZ,GAAM,WACxBO,EAAKE,KAAK,SAGRI,EAAgBX,EAAoB,QAEpCY,GAAed,GAAM,WAEvB,GAAIK,EAAI,OAAOA,EAAK,GACpB,KAAIF,GAAMA,EAAK,GAAf,CACA,GAAIC,EAAY,OAAO,EACvB,GAAIE,EAAQ,OAAOA,EAAS,IAE5B,IACIS,EAAMC,EAAKC,EAAOC,EADlBC,EAAS,GAIb,IAAKJ,EAAO,GAAIA,EAAO,GAAIA,IAAQ,CAGjC,OAFAC,EAAMI,OAAOC,aAAaN,GAElBA,GACN,KAAK,GAAI,KAAK,GAAI,KAAK,GAAI,KAAK,GAAIE,EAAQ,EAAG,MAC/C,KAAK,GAAI,KAAK,GAAIA,EAAQ,EAAG,MAC7B,QAASA,EAAQ,EAGnB,IAAKC,EAAQ,EAAGA,EAAQ,GAAIA,IAC1BX,EAAKe,KAAK,CAAEC,EAAGP,EAAME,EAAOM,EAAGP,IAMnC,IAFAV,EAAKE,MAAK,SAAUgB,EAAGC,GAAK,OAAOA,EAAEF,EAAIC,EAAED,KAEtCN,EAAQ,EAAGA,EAAQX,EAAKtC,OAAQiD,IACnCF,EAAMT,EAAKW,GAAOK,EAAEI,OAAO,GACvBR,EAAOQ,OAAOR,EAAOlD,OAAS,KAAO+C,IAAKG,GAAUH,GAG1D,MAAkB,gBAAXG,MAGLS,EAASlB,IAAuBE,IAAkBC,IAAkBC,EAEpEe,EAAiB,SAAUC,GAC7B,OAAO,SAAUC,EAAGC,GAClB,YAAUrB,IAANqB,GAAyB,OACnBrB,IAANoB,EAAwB,OACVpB,IAAdmB,GAAiCA,EAAUC,EAAGC,IAAM,EACjDjC,EAASgC,GAAKhC,EAASiC,GAAK,GAAK,IAM5CrC,EAAE,CAAEsC,OAAQ,QAASC,OAAO,EAAMC,OAAQP,GAAU,CAClDnB,KAAM,SAAcqB,QACAnB,IAAdmB,GAAyBlC,EAAUkC,GAEvC,IAAIM,EAAQvC,EAAS1C,MAErB,GAAI2D,EAAa,YAAqBH,IAAdmB,EAA0BtB,EAAW6B,KAAKD,GAAS5B,EAAW6B,KAAKD,EAAON,GAElG,IAEIQ,EAAapB,EAFbqB,EAAQ,GACRC,EAAc1C,EAASsC,EAAMnE,QAGjC,IAAKiD,EAAQ,EAAGA,EAAQsB,EAAatB,IAC/BA,KAASkB,GAAOG,EAAMjB,KAAKc,EAAMlB,IAGvCqB,EAAQtC,EAAasC,EAAOV,EAAeC,IAC3CQ,EAAcC,EAAMtE,OACpBiD,EAAQ,EAER,MAAOA,EAAQoB,EAAaF,EAAMlB,GAASqB,EAAMrB,KACjD,MAAOA,EAAQsB,SAAoBJ,EAAMlB,KAEzC,OAAOkB,M,wBCnGX,IAAIxF,EAAY,EAAQ,QAEpB6F,EAAS7F,EAAUE,MAAM,wBAE7BC,EAAOC,UAAYyF,IAAWA,EAAO,I,kECJrC,IAAIxF,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,UAAYP,EAAIwF,UAAU,SAAWxF,EAAIyF,SAAS,UAAiC,MAArBzF,EAAI0F,aACjQ,yBACoB,6BAApB1F,EAAI2F,OAAOhE,KACX,QACA,UAAUvB,EAAG,UAAU,CAACE,YAAY,WAAW,CAACF,EAAG,eAAe,CAACE,YAAY,kCAAkC,CAACF,EAAG,oBAAoB,CAACA,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,MAAM,CAACP,EAAIW,GAAGX,EAAIY,GAAGZ,EAAI4F,OAAOC,iBAAiBzF,EAAG,oBAAoB,CAACA,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,cAAc,CAACP,EAAIW,GAAG,gBAAgBP,EAAG,oBAAoB,CAACJ,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAI2F,OAAOG,KAAKC,iBAAiB,GAAG3F,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQ,GAAG,OAAS,GAAG,SAAW,GAAG,SAAW,GAAG,SAAW,MAAM,UAAY,gBAAgB,CAACH,EAAG,aAAa,GAAGJ,EAAIgG,GAAG,IAAI,GAAG5F,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACF,EAAG,OAAO,CAAC6F,SAAS,CAAC,UAAYjG,EAAIY,GAAGZ,EAAIkG,QAAQ,cAAcC,SAAS/F,EAAG,YAAY,CAACG,MAAM,CAAC,UAAY,aAAa,CAACH,EAAG,WAAW,CAACgG,KAAK,SAAS,CAAChG,EAAG,OAAO,CAAC6F,SAAS,CAAC,UAAYjG,EAAIY,GAAGZ,EAAIkG,QAAQ,cAAcG,MAAM5F,GAAG,CAAC,MAAQT,EAAIsG,eAAelG,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,kBAAkB,IAAI,GAAGH,EAAG,IAAI,CAACE,YAAY,eAAe2F,SAAS,CAAC,UAAYjG,EAAIY,GAAGZ,EAAIkG,QAAQ,cAAcK,UAAUnG,EAAG,IAAI,CAACE,YAAY,sBAAsB,CAACN,EAAIW,GAAG,8BAA8BP,EAAG,IAAI,CAACE,YAAY,YAAYG,GAAG,CAAC,MAAQT,EAAIsG,YAAY,CAACtG,EAAIW,GAAG,UAAUX,EAAIW,GAAG,wBAAwBP,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,OAAO,qBAAqB,MAAM,CAACH,EAAG,aAAa,CAACiB,IAAI,IAAId,MAAM,CAAC,IAAM,2BAA2B,CAACH,EAAG,aAAa,CAACG,MAAM,CAAC,aAAeP,EAAIwG,iBAAiB,GAAGpG,EAAG,aAAa,CAACiB,IAAI,IAAId,MAAM,CAAC,IAAM,wBAAwB,CAACH,EAAG,cAAc,CAACG,MAAM,CAAC,aAAeP,EAAIwG,aAAa,QAAUxG,EAAIyG,eAAe,IAAI,IAAI,GAAGrG,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAAGN,EAAIyG,WAGlwCzG,EAAIyB,KAH0wCrB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,OAAO,CAACmB,MAAM,CAC10DmF,QAAgC,IAAvB1G,EAAI2G,eACbC,OAA+B,IAAvB5G,EAAI2G,iBACX,CAACvG,EAAG,oBAAoB,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,MAA8B,IAAvB/D,EAAI2G,eAAsBI,WAAW,yBAAyBxG,MAAM,CAAC,KAAO,kBAAkBH,EAAG,oBAAoB,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,MAA8B,IAAvB/D,EAAI2G,eAAsBI,WAAW,yBAAyBxG,MAAM,CAAC,KAAO,wBAAwBP,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIgH,cAAcjG,QAAQ,cAAc,GAAGX,EAAG,SAAS,CAACE,YAAY,wBAAwBG,GAAG,CAAC,MAAQT,EAAIiH,iBAAiB,CAACjH,EAAIW,GAAG,mBAA6BX,EAAc,WAAEI,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,IAAI,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,MAAoC,IAA7B/D,EAAIgH,cAAcjG,OAAcgG,WAAW,+BAA+BzG,YAAY,SAAS,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,+BAA+BH,EAAG,MAAM,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,MAAO/D,EAAIgH,cAAcjG,OAAS,EAAGgG,WAAW,6BAA6BzG,YAAY,cAAcN,EAAImB,GAAInB,EAAiB,eAAE,SAASkH,GAAM,OAAO9G,EAAG,QAAQ,CAACiB,IAAI6F,EAAKC,YAAY5G,MAAM,CAAC,SAAW,GAAG,MAAQ,WAAWE,GAAG,CAAC,MAAQ,SAASC,GAAQwG,EAAKE,UAAW,KAAS,CAACpH,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,KAAK,OAAOjH,EAAG,cAAc,CAACG,MAAM,CAAC,UAAYP,EAAIwF,UAAU,YAAqC,IAAvBxF,EAAI2G,eAAqB,aAAc,EAAM,eAAiB,mBAAmB,eAAqC,0BAApB3G,EAAI2F,OAAOhE,KACh5C,kBACA,oBAAoB,UAAiC,MAArB3B,EAAI0F,aACpC,yBACoB,6BAApB1F,EAAI2F,OAAOhE,KACX,QACA,QAAQlB,GAAG,CAAC,YAAcT,EAAIsH,SAAS,YAActH,EAAIuH,YAAYnH,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,MAAM,OAAS,OAAO,SAAW,GAAG,OAAS,KAAK,QAAS,EAAM,cAAgB,6BAA6BE,GAAG,CAAC,OAAS,SAASC,GAAQV,EAAIwH,qBAAsB,IAAQC,MAAM,CAAC1D,MAAO/D,EAAuB,oBAAE0H,SAAS,SAAUC,GAAM3H,EAAIwH,oBAAoBG,GAAKZ,WAAW,wBAAwB,CAAC3G,EAAG,SAAS,CAACG,MAAM,CAAC,IAAM,+BAA+B,MAAQ,OAAO,OAAS,OAAO,YAAc,UAAU,IAAI,IAAI,GAAGH,EAAG,qBAAqB,CAACG,MAAM,CAAC,UAAYP,EAAI4H,UAAU,IACllBlG,EAAkB,CAAC,WAAa,IAAI1B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACJ,EAAIW,GAAG,oBAAoBP,EAAG,OAAO,CAACJ,EAAIW,GAAG,kCCdvM,G,sEAAS,WAAa,IAAIX,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAAEN,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,IAAI,CAACE,YAAY,oBAAoBF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACJ,EAAIW,GAAG,cAAcP,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAImB,GAAInB,EAAY,UAAE,SAASkH,GAAM,OAAO9G,EAAG,kBAAkB,CAACiB,IAAI6F,EAAKC,YAAYM,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC/G,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,IAAI,GAAGjH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACJ,EAAIW,GAAG,cAAcP,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAImB,GAAInB,EAAY,UAAE,SAASkH,GAAM,OAAO9G,EAAG,kBAAkB,CAACiB,IAAI6F,EAAKC,YAAYM,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC/G,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,IAAI,GAAGjH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACJ,EAAIW,GAAG,SAASP,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAImB,GAAInB,EAAO,KAAE,SAASkH,GAAM,OAAO9G,EAAG,kBAAkB,CAACiB,IAAI6F,EAAKC,YAAYM,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC/G,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,IAAI,GAAGjH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACJ,EAAIW,GAAG,eAAeP,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAImB,GAAInB,EAAa,WAAE,SAASkH,GAAM,OAAO9G,EAAG,kBAAkB,CAACiB,IAAI6F,EAAKC,YAAYM,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC/G,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,IAAI,GAAGjH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACJ,EAAIW,GAAG,iBAAiBP,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAImB,GAAInB,EAAe,aAAE,SAASkH,GAAM,OAAO9G,EAAG,kBAAkB,CAACiB,IAAI6F,EAAKC,YAAYM,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC/G,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,IAAI,GAAGjH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACJ,EAAIW,GAAG,mBAAmBP,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAImB,GAAInB,EAAiB,eAAE,SAASkH,GAAM,OAAO9G,EAAG,kBAAkB,CAACiB,IAAI6F,EAAKC,YAAYM,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC/G,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,IAAI,GAAGjH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACJ,EAAIW,GAAG,eAAeP,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAImB,GAAInB,EAAa,WAAE,SAASkH,GAAM,OAAO9G,EAAG,kBAAkB,CAACiB,IAAI6F,EAAKC,YAAYM,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC/G,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,IAAI,GAAGjH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACJ,EAAIW,GAAG,iBAAiBP,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAImB,GAAInB,EAAe,aAAE,SAASkH,GAAM,OAAO9G,EAAG,kBAAkB,CAACiB,IAAI6F,EAAKC,YAAYM,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC/G,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKG,gBAAgB,UAAS,IAAI,SAC3tG,EAAkB,GCmHtB,G,UAAA,CACE1F,KAAM,cACNC,MAAO,CACL4E,aAAc,CACZ3E,KAAMC,MACNC,QAFN,WAGQ,MAAO,KAGX+F,QAAS,CACPjG,KAAMkG,SAERC,OAAQC,QAEVhG,SAAU,CACRiG,SADJ,WAEM,OAAOjI,KAAKuG,aAAapE,QAAO,SAAtC,qCAEI+F,IAJJ,WAKM,OAAOlI,KAAKuG,aAAapE,QAAO,SAAtC,gCAEIgG,UAPJ,WAQM,OAAOnI,KAAKuG,aAAapE,QAAO,SAAtC,sCAEIiG,UAVJ,WAWM,OAAOpI,KAAKuG,aAAapE,QAAO,SAAtC,sCAEIkG,YAbJ,WAcM,OAAOrI,KAAKuG,aAAapE,QAC/B,YAAQ,MAAR,+BAGImG,SAlBJ,WAmBM,OAAOtI,KAAKuG,aAAapE,QAAO,SAAtC,qCAEIoG,YArBJ,WAsBM,OAAOvI,KAAKuG,aAAapE,QAC/B,YAAQ,MAAR,+BAGIqG,cA1BJ,WA2BM,OAAOxI,KAAKuG,aAAapE,QAC/B,YAAQ,MAAR,oCC9JoW,I,wBCQhWI,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBX,EAAS,WAAa,IAAIxC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAciB,MAAM,CAAEmH,cAAoC,KAArB1I,EAAI2I,eAAuB,CAACvI,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACwI,YAAY,CAAC,oBAAoB,mBAAmBrI,MAAM,CAAC,QAAU,MAAM,EAAI,MAAM,EAAI,MAAM,QAAU,cAAc,YAAY,aAAa,CAACH,EAAG,IAAI,CAACG,MAAM,CAAC,GAAK,YAAYE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAI6I,WAAWnI,MAAW,CAACN,EAAG,OAAO,CAACE,YAAY,UAAUiB,MAAM,CACnfuH,OAA6B,QAArB9I,EAAI2I,cAA+C,KAArB3I,EAAI2I,cAC1CpI,MAAM,CAAC,EAAI,4GAA4GH,EAAG,OAAO,CAACE,YAAY,gBAAgBiB,MAAM,CACpKuH,OAA6B,cAArB9I,EAAI2I,cAAqD,KAArB3I,EAAI2I,cAChDpI,MAAM,CAAC,EAAI,wGAAwGH,EAAG,OAAO,CAACE,YAAY,kBAAkBiB,MAAM,CAClKuH,OAA6B,gBAArB9I,EAAI2I,cAAuD,KAArB3I,EAAI2I,cAClDpI,MAAM,CAAC,EAAI,mGAAmGH,EAAG,OAAO,CAACE,YAAY,gBAAgBiB,MAAM,CAC3JuH,OAA6B,cAArB9I,EAAI2I,cAAqD,KAArB3I,EAAI2I,cAChDpI,MAAM,CAAC,EAAI,sGAAsGH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,UAAUiB,MAAM,CACllBuH,OAA6B,QAArB9I,EAAI2I,cAA+C,KAArB3I,EAAI2I,cAC1CpI,MAAM,CAAC,EAAI,2GAA2GH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,YAAY,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,kBAAkBiB,MAAM,CACtcuH,OAA6B,gBAArB9I,EAAI2I,cAAuD,KAArB3I,EAAI2I,cAClDpI,MAAM,CAAC,EAAI,sGAAsGH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,gBAAgBiB,MAAM,CAChcuH,OAA6B,cAArB9I,EAAI2I,cAAqD,KAArB3I,EAAI2I,cAChDpI,MAAM,CAAC,EAAI,0GAA0GH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,SAAS,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,gBAAgBiB,MAAM,CAC1lBuH,OAA6B,cAArB9I,EAAI2I,cAAqD,KAArB3I,EAAI2I,cAChDpI,MAAM,CAAC,EAAI,8GAA8GH,EAAG,OAAO,CAACE,YAAY,kBAAkBiB,MAAM,CACxKuH,OAA6B,gBAArB9I,EAAI2I,cAAuD,KAArB3I,EAAI2I,cAClDpI,MAAM,CAAC,EAAI,sLAAsLH,EAAG,OAAO,CAACE,YAAY,eAAeiB,MAAM,CAC7OuH,OAA6B,aAArB9I,EAAI2I,cAAoD,KAArB3I,EAAI2I,cAC/CpI,MAAM,CAAC,EAAI,oLAAoLH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,eAAeiB,MAAM,CAC7gBuH,OAA6B,aAArB9I,EAAI2I,cAAoD,KAArB3I,EAAI2I,cAC/CpI,MAAM,CAAC,EAAI,gLAAgLH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,UAAU,GAAK,UAAU,GAAK,UAAU,GAAK,YAAY,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,kBAAkBiB,MAAM,CACplBuH,OAA6B,gBAArB9I,EAAI2I,cAAuD,KAArB3I,EAAI2I,cAClDpI,MAAM,CAAC,EAAI,2LAA2LH,EAAG,OAAO,CAACE,YAAY,eAAeiB,MAAM,CAClPuH,OAA6B,aAArB9I,EAAI2I,cAAoD,KAArB3I,EAAI2I,cAC/CpI,MAAM,CAAC,EAAI,6LAA6LH,EAAG,OAAO,CAACE,YAAY,oBAAoBiB,MAAM,CACzPuH,OAA6B,kBAArB9I,EAAI2I,cAAyD,KAArB3I,EAAI2I,cACpDpI,MAAM,CAAC,EAAI,iLAAiLH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,eAAeiB,MAAM,CAC1gBuH,OAA6B,aAArB9I,EAAI2I,cAAoD,KAArB3I,EAAI2I,cAC/CpI,MAAM,CAAC,EAAI,uLAAuLH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,WAAW,GAAK,UAAU,GAAK,WAAW,GAAK,YAAY,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,oBAAoBiB,MAAM,CAC3qBuH,OAA6B,kBAArB9I,EAAI2I,cAAyD,KAArB3I,EAAI2I,cACpDpI,MAAM,CAAC,EAAI,sLAAsLH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,WAAW,cAAgB,iBAAiB,GAAK,UAAU,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,UAAUiB,MAAM,CACjqBuH,OAA6B,QAArB9I,EAAI2I,cAA+C,KAArB3I,EAAI2I,cAC1CpI,MAAM,CAAC,EAAI,6GAA6GH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,SAAS,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,mBAAmBiB,MAAM,CACzcuH,OAA6B,gBAArB9I,EAAI2I,cAAuD,KAArB3I,EAAI2I,cAClDpI,MAAM,CAAC,EAAI,8GAA8GH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,iBAAiBiB,MAAM,CAC1cuH,OAA6B,cAArB9I,EAAI2I,cAAqD,KAArB3I,EAAI2I,cAChDpI,MAAM,CAAC,EAAI,6GAA6GH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,UAAU,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,WAAWH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,iBAAiBiB,MAAM,CAC/lBuH,OAA6B,cAArB9I,EAAI2I,cAAqD,KAArB3I,EAAI2I,cAChDpI,MAAM,CAAC,EAAI,4GAA4GH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,UAAU,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,gBAAgBiB,MAAM,CACtcuH,OAA6B,aAArB9I,EAAI2I,cAAoD,KAArB3I,EAAI2I,cAC/CpI,MAAM,CAAC,EAAI,uLAAuLH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,mBAAmBiB,MAAM,CACzvBuH,OAA6B,gBAArB9I,EAAI2I,cAAuD,KAArB3I,EAAI2I,cAClDpI,MAAM,CAAC,EAAI,0LAA0LH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,UAAU,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,gBAAgBiB,MAAM,CACp0BuH,OAA6B,aAArB9I,EAAI2I,cAAoD,KAArB3I,EAAI2I,cAC/CpI,MAAM,CAAC,EAAI,sLAAsLH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,SAAS,GAAK,UAAU,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,qBAAqBiB,MAAM,CAC/lBuH,OAA6B,kBAArB9I,EAAI2I,cAAyD,KAArB3I,EAAI2I,cACpDpI,MAAM,CAAC,EAAI,mLAAmLH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,WAAWiB,MAAM,CACrlBuH,OAA6B,QAArB9I,EAAI2I,cAA+C,KAArB3I,EAAI2I,cAC1CpI,MAAM,CAAC,EAAI,mFAAmFH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,UAAU,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,mBAAmBiB,MAAM,CAChbuH,OAA6B,gBAArB9I,EAAI2I,cAAuD,KAArB3I,EAAI2I,cAClDpI,MAAM,CAAC,EAAI,oEAAoEH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,UAAU,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,iBAAiBiB,MAAM,CAC/ZuH,OAA6B,cAArB9I,EAAI2I,cAAqD,KAArB3I,EAAI2I,cAChDpI,MAAM,CAAC,EAAI,sEAAsEH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,iBAAiBiB,MAAM,CAC1jBuH,OAA6B,cAArB9I,EAAI2I,cAAqD,KAArB3I,EAAI2I,cAChDpI,MAAM,CAAC,EAAI,yFAAyFH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,gBAAgBiB,MAAM,CACpbuH,OAA6B,aAArB9I,EAAI2I,cAAoD,KAArB3I,EAAI2I,cAC/CpI,MAAM,CAAC,EAAI,8IAA8IH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,WAAWH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,mBAAmBiB,MAAM,CAC3xBuH,OAA6B,gBAArB9I,EAAI2I,cAAuD,KAArB3I,EAAI2I,cAClDpI,MAAM,CAAC,EAAI,6FAA6FH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,WAAW,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,gBAAgBiB,MAAM,CACxbuH,OAA6B,aAArB9I,EAAI2I,cAAoD,KAArB3I,EAAI2I,cAC/CpI,MAAM,CAAC,EAAI,kJAAkJH,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,YAAY,cAAgB,iBAAiB,GAAK,WAAW,GAAK,UAAU,GAAK,WAAW,GAAK,aAAa,CAACH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,OAAOH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,YAAYH,EAAG,OAAO,CAACwI,YAAY,CAAC,aAAa,WAAWrI,MAAM,CAAC,OAAS,QAAQ,GAAGH,EAAG,OAAO,CAACE,YAAY,qBAAqBiB,MAAM,CACzoBuH,OAA6B,kBAArB9I,EAAI2I,cAAyD,KAArB3I,EAAI2I,cACpDpI,MAAM,CAAC,EAAI,gGAAgGH,EAAG,WAAW,CAACE,YAAY,OAAOC,MAAM,CAAC,OAAS,uCAAuCH,EAAG,WAAW,CAACE,YAAY,OAAOC,MAAM,CAAC,OAAS,4CAA4C,GAAGH,EAAG,IAAI,CAACG,MAAM,CAAC,GAAK,aAAa,CAACH,EAAG,OAAO,CAACE,YAAY,0BAA0BC,MAAM,CAAC,UAAY,sCAAsC,CAACP,EAAIW,GAAG,qBAAqBP,EAAG,OAAO,CAACE,YAAY,qBAAqBC,MAAM,CAAC,UAAY,qCAAqC,CAACP,EAAIW,GAAG,gBAAgBP,EAAG,OAAO,CAACE,YAAY,sBAAsBC,MAAM,CAAC,UAAY,sCAAsC,CAACP,EAAIW,GAAG,iBAAiBP,EAAG,OAAO,CAACE,YAAY,qBAAqBC,MAAM,CAAC,UAAY,qCAAqC,CAACP,EAAIW,GAAG,gBAAgBP,EAAG,OAAO,CAACE,YAAY,wBAAwBC,MAAM,CAAC,UAAY,sCAAsC,CAACP,EAAIW,GAAG,mBAAmBP,EAAG,OAAO,CAACE,YAAY,sBAAsBC,MAAM,CAAC,UAAY,qCAAqC,CAACP,EAAIW,GAAG,iBAAiBP,EAAG,OAAO,CAACE,YAAY,wBAAwBC,MAAM,CAAC,UAAY,sCAAsC,CAACP,EAAIW,GAAG,mBAAmBP,EAAG,OAAO,CAACE,YAAY,gBAAgBC,MAAM,CAAC,UAAY,sCAAsC,CAACP,EAAIW,GAAG,WAAWX,EAAIW,GAAG,aAAaP,EAAG,MAAM,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,MAA4B,KAArB/D,EAAI2I,aAAqB5B,WAAW,wBAAwBzG,YAAY,cAAc,CAACF,EAAG,IAAI,CAACE,YAAY,WAAWiB,MAAM,CAAEwH,gBAAiB/I,EAAIgJ,eAAgB,CAAChJ,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAI2I,cAAc,YAAY3I,EAAImB,GAAInB,EAAkB,gBAAE,SAASkH,GAAM,OAAO9G,EAAG,MAAM,CAACiB,IAAI6F,EAAKC,YAAY7G,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,aAAa,CAACF,EAAG,aAAa,CAACqH,MAAM,CAAC1D,MAAOmD,EAAa,SAAEQ,SAAS,SAAUC,GAAM3H,EAAI6H,KAAKX,EAAM,WAAYS,IAAMZ,WAAW,kBAAkB,CAAC3G,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIW,GAAGX,EAAIY,GAAGsG,EAAKG,qBAAqBjH,EAAG,MAAM,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,MAAyB,SAAlBmD,EAAK+B,SAAqBlC,WAAW,6BAA6BxG,MAAM,CAAC,IAAM,4BAA4BH,EAAG,MAAM,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,MAAyB,mBAAlBmD,EAAK+B,SAA+BlC,WAAW,uCAAuCxG,MAAM,CAAC,IAAM,6BAA6B,GAAGH,EAAG,IAAI,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,OAAQmD,EAAKgC,SAAUnC,WAAW,mBAAmBzG,YAAY,YAAY,CAACN,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAImJ,GAAG,eAAPnJ,CAAuBkH,EAAKkC,eAAe,SAAShJ,EAAG,OAAO,CAACE,YAAY,OAAOG,GAAG,CAAC,MAAQ,SAASC,GAAQwG,EAAKgC,UAAW,KAAQ,CAAClJ,EAAIW,GAAG,WAAWP,EAAG,IAAI,CAACyG,WAAW,CAAC,CAAClF,KAAK,OAAOmF,QAAQ,SAAS/C,MAAOmD,EAAa,SAAEH,WAAW,kBAAkBzG,YAAY,YAAY,CAACN,EAAIW,GAAG,IAAIX,EAAIY,GAAGsG,EAAKkC,cAAc,KAAKhJ,EAAG,OAAO,CAACE,YAAY,OAAOG,GAAG,CAAC,MAAQ,SAASC,GAAQwG,EAAKgC,UAAW,KAAS,CAAClJ,EAAIW,GAAG,iBAAgB,MAC12F,EAAkB,GC4jBtB,G,8BAAA,CACEgB,KAAM,aACNC,MAAO,CACL4E,aAAc1E,OAEhBE,KALF,WAMI,MAAO,CACL2G,aAAc,GACdU,eAAgB,GAChBL,cAAc,IAGlBM,QAAS,CACPC,aADJ,SACA,GACM,IAAN,0BACM,OAAOC,EAAS3G,aAGpB4G,QAAS,CACPZ,WADJ,SACA,GACM5I,KAAK0I,aAAee,EAAM3E,OAAO4E,UAAU,KAG/CC,MAAO,CACLjB,aADJ,SACA,gBASM,GARe,KAAXkB,IACF5J,KAAKoJ,eAAiBpJ,KAAKuG,aACnC,oBAAU,OAAV,kBACA,oBACU,OAAV,yCAIqB,KAAXsD,EAAe,CACjB,IAAR,sCACQC,EAASC,iBACjB,gBACA,WACU,SAAV,wDAEU,SACV,8BACA,kCACU,EAAV,kBAEA,CAAU,MAAV,OAKEC,UAlDF,WAmDIhK,KAAK0I,aAAe,GACpB1I,KAAKoJ,eAAiB,GACtBpJ,KAAK+I,cAAe,KClrB2U,ICS/V,G,oBAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,wGCgKf,GACErH,KAAM,UACNuI,WAAY,CACVC,YAAJ,EACIC,WAAJ,EACIC,YAAJ,OACIC,YAAJ,OACIC,mBAAJ,OACIC,SAAJ,OACIC,QAAJ,QAEEC,OAAQ,CAAC,EAAX,MACE1I,KAZF,WAaI,MAAO,CACLgF,cAAe,GACfR,aAAc,GACdmE,IAAK,GACLC,IAAK,GACLjE,eAAgB,EAChBnB,UAAW,EACXU,QAAS,GACTN,OAAQ,GACRgC,MAAO,GACPnC,SAAU,EACV+B,qBAAqB,EACrBf,YAAY,EACZoE,gBAAiB,GACjBC,KAAM,KACNpF,aAAc,OAGlBkE,MAAO,CACLpD,aAAc,CACZuE,MAAM,EACNC,QAFN,WAGY/K,KAAKuG,aAAazF,OAAS,IAC7Bd,KAAK+G,cAAgB/G,KAAKuG,aAAapE,QACjD,YAAY,OAAZ,iBAKI4E,cAXJ,SAWA,GACU6C,EAAO9I,OAAS,IACd8I,EAAO9I,QAAUd,KAAK0K,KAAOd,EAAO9I,QAAUd,KAAK2K,IACrD3K,KAAK0G,eAAiB,EAChC,kBACU1G,KAAK0G,eAAiB,EAChC,oBACU1G,KAAK0G,eAAiB,KAI5BA,eAtBJ,SAsBA,GACkB,IAARsE,IACFhL,KAAK2H,MAAM,GAAGpG,WAAY,KAIhCS,SAAU,GACVwH,QAAS,CACPxC,eADJ,WAEMhH,KAAK+G,cAAckE,SAAQ,SAAjC,4BAEI3D,SAJJ,WAKMtH,KAAKkL,QAAQ/G,KAAK,CAChBzC,KAAM1B,KAAK0F,OAAOG,KAAKsF,kBAAoB,eAC3CC,OAAQ,CAAhB,qBAGI/D,SAVJ,WAUA,WAEA,8DAEA,2BACQgE,EAAR,yBACA,CACU,SAAV,WACU,aAAV,aACU,OAAV,wBAEA,MAIMC,EAAYC,MAAK,WACfC,EAAR,SACQ,EAAR,cACU9J,KAAM,EAAhB,gDACU0J,OAAQ,CAAlB,qBAIIK,WAjCJ,WAkCMzL,KAAK2H,MAAQ,CACnB,CACQ,SAAR,iCACQ,WAAR,KAIItB,UAzCJ,WA0CMrG,KAAKuH,qBAAsB,IAG/ByC,UAzGF,WAyGA,WACIhK,KAAKwG,YAAa,EAClBxG,KAAK+G,cAAgB,GACrB/G,KAAKyF,aAAe+F,EAAxB,OACIxL,KAAK0G,eAAiB,EACtB1G,KAAK2F,OAAS6F,EAAlB,OACIxL,KAAKwF,SAAWxF,KAAK0F,OAAO0F,OAAOM,GACnC1L,KAAK6K,KAAOW,EAAhB,OACIxL,KAAKyL,aAEL,IAAJ,2BACMJ,EAAN,8BAEIM,EAAmBJ,MAAK,SAA5B,GACMxJ,EAAKkJ,SAAQ,SAAnB,GACQhE,EAAKE,UAAW,EAChBF,EAAKgC,UAAW,KAElBlH,EAAKuB,MAAK,SAAhB,KACQ,OAAIgB,EAAE4C,YAAc3C,EAAE2C,aACZ,EAED,KAGX,EAAN,eAEM,IAAN,WACA,0CAEA,OACA,8BAEQ0E,EAAeC,iBAAiBZ,SAAQ,SAAhD,GACU,IAAV,4BACA,YAAY,OAAZ,iCAEU,EAAV,4BACU,EAAV,sBAEA,OACQa,EAAqBb,SAAQ,SAArC,GACU,IAAV,4BACA,YAAY,OAAZ,iCAEU,EAAV,4BACU,EAAV,iBAGMc,YAAW,WACT,EAAR,gBACA,MAEM,EAAN,0BAGE3J,QAjKF,WAkKIpC,KAAKiG,QAAUuF,EAAnB,KACA,kBACA,+BCxVgW,ICS5V,G,oBAAY,eACd,EACA1L,EACA2B,GACA,EACA,KACA,WACA,OAIa,e,6CCpBf,W,gFCAA,W,0CCCA,IAAIuK,EAAQ/J,KAAK+J,MAEbC,EAAY,SAAUhH,EAAON,GAC/B,IAAI7D,EAASmE,EAAMnE,OACfoL,EAASF,EAAMlL,EAAS,GAC5B,OAAOA,EAAS,EAAIqL,EAAclH,EAAON,GAAayH,EACpDH,EAAUhH,EAAMoH,MAAM,EAAGH,GAASvH,GAClCsH,EAAUhH,EAAMoH,MAAMH,GAASvH,GAC/BA,IAIAwH,EAAgB,SAAUlH,EAAON,GACnC,IAEI2H,EAASC,EAFTzL,EAASmE,EAAMnE,OACf0L,EAAI,EAGR,MAAOA,EAAI1L,EAAQ,CACjByL,EAAIC,EACJF,EAAUrH,EAAMuH,GAChB,MAAOD,GAAK5H,EAAUM,EAAMsH,EAAI,GAAID,GAAW,EAC7CrH,EAAMsH,GAAKtH,IAAQsH,GAEjBA,IAAMC,MAAKvH,EAAMsH,GAAKD,GAC1B,OAAOrH,GAGPmH,EAAQ,SAAUK,EAAMC,EAAO/H,GACjC,IAAIgI,EAAUF,EAAK3L,OACf8L,EAAUF,EAAM5L,OAChB+L,EAAS,EACTC,EAAS,EACT9I,EAAS,GAEb,MAAO6I,EAASF,GAAWG,EAASF,EAC9BC,EAASF,GAAWG,EAASF,EAC/B5I,EAAOG,KAAKQ,EAAU8H,EAAKI,GAASH,EAAMI,KAAY,EAAIL,EAAKI,KAAYH,EAAMI,MAEjF9I,EAAOG,KAAK0I,EAASF,EAAUF,EAAKI,KAAYH,EAAMI,MAExD,OAAO9I,GAGXpE,EAAOC,QAAUoM,G,kCC5CjB,W,kCCCA,IAAIzJ,EAAI,EAAQ,QACZuK,EAAa,EAAQ,QAAgCC,UACrDC,EAAmB,EAAQ,QAE3BC,EAAa,YACbC,GAAc,EAGdD,IAAc,IAAIrL,MAAM,GAAGqL,IAAY,WAAcC,GAAc,KAIvE3K,EAAE,CAAEsC,OAAQ,QAASC,OAAO,EAAMC,OAAQmI,GAAe,CACvDH,UAAW,SAAmBI,GAC5B,OAAOL,EAAW/M,KAAMoN,EAAYC,UAAUvM,OAAS,EAAIuM,UAAU,QAAK7J,MAK9EyJ,EAAiBC,I,qBCpBjB,IAAII,EAAK,EAAQ,QAEjB1N,EAAOC,QAAU,eAAeuD,KAAKkK,I,kCCFrC","file":"js/persona.js","sourcesContent":["var userAgent = require('../internals/engine-user-agent');\n\nvar firefox = userAgent.match(/firefox\\/(\\d+)/i);\n\nmodule.exports = !!firefox && +firefox[1];\n","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","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!./PersonaList.vue?vue&type=style&index=0&id=f2bfd530&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!./Persona.vue?vue&type=style&index=1&lang=scss&\"","'use strict';\nvar $ = require('../internals/export');\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar toString = require('../internals/to-string');\nvar fails = require('../internals/fails');\nvar internalSort = require('../internals/array-sort');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar FF = require('../internals/engine-ff-version');\nvar IE_OR_EDGE = require('../internals/engine-is-ie-or-edge');\nvar V8 = require('../internals/engine-v8-version');\nvar WEBKIT = require('../internals/engine-webkit-version');\n\nvar test = [];\nvar nativeSort = test.sort;\n\n// IE8-\nvar FAILS_ON_UNDEFINED = fails(function () {\n  test.sort(undefined);\n});\n// V8 bug\nvar FAILS_ON_NULL = fails(function () {\n  test.sort(null);\n});\n// Old WebKit\nvar STRICT_METHOD = arrayMethodIsStrict('sort');\n\nvar STABLE_SORT = !fails(function () {\n  // feature detection can be too slow, so check engines versions\n  if (V8) return V8 < 70;\n  if (FF && FF > 3) return;\n  if (IE_OR_EDGE) return true;\n  if (WEBKIT) return WEBKIT < 603;\n\n  var result = '';\n  var code, chr, value, index;\n\n  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)\n  for (code = 65; code < 76; code++) {\n    chr = String.fromCharCode(code);\n\n    switch (code) {\n      case 66: case 69: case 70: case 72: value = 3; break;\n      case 68: case 71: value = 4; break;\n      default: value = 2;\n    }\n\n    for (index = 0; index < 47; index++) {\n      test.push({ k: chr + index, v: value });\n    }\n  }\n\n  test.sort(function (a, b) { return b.v - a.v; });\n\n  for (index = 0; index < test.length; index++) {\n    chr = test[index].k.charAt(0);\n    if (result.charAt(result.length - 1) !== chr) result += chr;\n  }\n\n  return result !== 'DGBEFHACIJK';\n});\n\nvar FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;\n\nvar getSortCompare = function (comparefn) {\n  return function (x, y) {\n    if (y === undefined) return -1;\n    if (x === undefined) return 1;\n    if (comparefn !== undefined) return +comparefn(x, y) || 0;\n    return toString(x) > toString(y) ? 1 : -1;\n  };\n};\n\n// `Array.prototype.sort` method\n// https://tc39.es/ecma262/#sec-array.prototype.sort\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  sort: function sort(comparefn) {\n    if (comparefn !== undefined) aCallable(comparefn);\n\n    var array = toObject(this);\n\n    if (STABLE_SORT) return comparefn === undefined ? nativeSort.call(array) : nativeSort.call(array, comparefn);\n\n    var items = [];\n    var arrayLength = toLength(array.length);\n    var itemsLength, index;\n\n    for (index = 0; index < arrayLength; index++) {\n      if (index in array) items.push(array[index]);\n    }\n\n    items = internalSort(items, getSortCompare(comparefn));\n    itemsLength = items.length;\n    index = 0;\n\n    while (index < itemsLength) array[index] = items[index++];\n    while (index < arrayLength) delete array[index++];\n\n    return array;\n  }\n});\n","var userAgent = require('../internals/engine-user-agent');\n\nvar webkit = userAgent.match(/AppleWebKit\\/(\\d+)\\./);\n\nmodule.exports = !!webkit && +webkit[1];\n","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.surveyTypeID === 102\n          ? 'Reticle Alignment Test'\n          : _vm.$route.name !== 'pack-test-brand-strategy'\n          ? 'video'\n          : 'pack'}}),_c('section',{staticClass:\"wrapper\"},[_c('a-breadcrumb',{staticClass:\"breadcrum breadcrum--authoring\"},[_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.$route.meta.surveyTitle))])],1),_c('div',{staticClass:\"wrapper__inner\"},[_c('div',{staticClass:\"page-title\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":22,\"viewBox2\":23,\"iconName\":\"pie\",\"iconColor\":\"transparent\"}},[_c('icon-pie')],1),_vm._m(0)],1),_c('div',{staticClass:\"box-wrapper\"},[_c('div',{staticClass:\"section-info\"},[_c('p',{staticClass:\"font-size-14\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s3-persona'].quiz)}}),_c('a-tooltip',{attrs:{\"placement\":\"topRight\"}},[_c('template',{slot:\"title\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s3-persona'].tip)},on:{\"click\":_vm.showModal}})]),_c('a-icon',{staticClass:\"ml-5\",attrs:{\"type\":\"info-circle\"}})],2)],1),_c('p',{staticClass:\"font-size-14\",domProps:{\"innerHTML\":_vm._s(_vm.langObj['s3-persona'].brief)}}),_c('p',{staticClass:\"font-size-14 mb-20\"},[_vm._v(\" Why do we do this? Click \"),_c('a',{staticClass:\"underline\",on:{\"click\":_vm.showModal}},[_vm._v(\"here\")]),_vm._v(\" to learn more. \")])]),_c('div',{staticClass:\"persona\"},[_c('div',{staticClass:\"optionPanel\"},[_c('a-tabs',{attrs:{\"type\":\"card\",\"default-active-key\":\"1\"}},[_c('a-tab-pane',{key:\"1\",attrs:{\"tab\":\"Map View [recommended]\"}},[_c('PersonaMap',{attrs:{\"personaAttrs\":_vm.personaAttrs}})],1),_c('a-tab-pane',{key:\"2\",attrs:{\"tab\":\"List View [simpler]\"}},[_c('PersonaList',{attrs:{\"personaAttrs\":_vm.personaAttrs,\"loading\":_vm.showLoader}})],1)],1)],1),_c('div',{staticClass:\"selectedPanel\"},[(!_vm.showLoader)?_c('div',{staticClass:\"title desWithBtn\"},[_c('span',{class:{\n                    perfect: _vm.selectedStatus === 1,\n                    exceed: _vm.selectedStatus === 2,\n                  }},[_c('font-awesome-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedStatus === 1),expression:\"selectedStatus === 1\"}],attrs:{\"icon\":\"check-circle\"}}),_c('font-awesome-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedStatus === 2),expression:\"selectedStatus === 2\"}],attrs:{\"icon\":\"exclamation-circle\"}}),_vm._v(\" \"+_vm._s(_vm.selectedAttrs.length)+\" Selected\")],1),_c('button',{staticClass:\"text-btn font-size-14\",on:{\"click\":_vm.clearSelection}},[_vm._v(\" Clear All \")])]):_vm._e(),(_vm.showLoader)?_c('div',{staticClass:\"h-full flex items-center justify-center\"},[_c('i',{staticClass:\"circle-loader\"})]):[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedAttrs.length === 0),expression:\"selectedAttrs.length === 0\"}],staticClass:\"empty\"},[_c('img',{attrs:{\"src\":\"/images/icons/empty.svg\"}})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedAttrs.length > 0),expression:\"selectedAttrs.length > 0\"}],staticClass:\"attributes\"},_vm._l((_vm.selectedAttrs),function(attr){return _c('a-tag',{key:attr.attributeID,attrs:{\"closable\":\"\",\"color\":\"#108ee9\"},on:{\"close\":function($event){attr.selected = false}}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)]],2)])]),_c('StepNaviBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"nextDisable\":_vm.selectedStatus !== 1,\"prevDisable\":false,\"prevBtnTooltip\":\"Back to Creative\",\"nextBtnTooltip\":_vm.$route.name === 'vid-ua-brand-strategy'\n              ? 'Go to Customize'\n              : 'Go to Key Metrics',\"stepsType\":_vm.surveyTypeID === 102\n              ? 'Reticle Alignment Test'\n              : _vm.$route.name !== 'pack-test-brand-strategy'\n              ? 'video'\n              : 'pack'},on:{\"nextHandler\":_vm.nextStep,\"prevHandler\":_vm.prevStep}}),_c('a-modal',{attrs:{\"width\":\"90%\",\"height\":\"90vh\",\"centered\":\"\",\"footer\":null,\"header\":false,\"wrapClassName\":\"ant-modal--persona-iframe\"},on:{\"cancel\":function($event){_vm.personaPreviewModal = false}},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)],1)],1),_c('CompletionProgress',{attrs:{\"checkList\":_vm.quizs}})],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(\"Key emotional attributes\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"personaList h-full\"},[(_vm.loading)?_c('div',{staticClass:\"h-full flex items-center justify-center\"},[_c('i',{staticClass:\"circle-loader\"})]):_c('div',{staticClass:\"personaList__inner\"},[_c('div',{staticClass:\"zoneContainer\"},[_c('a-divider',[_vm._v(\"Familiar\")]),_c('div',{staticClass:\"attributes\"},_vm._l((_vm.Familiar),function(attr){return _c('a-checkable-tag',{key:attr.attributeID,model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)],1),_c('div',{staticClass:\"zoneContainer\"},[_c('a-divider',[_vm._v(\"Friendly\")]),_c('div',{staticClass:\"attributes\"},_vm._l((_vm.Friendly),function(attr){return _c('a-checkable-tag',{key:attr.attributeID,model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)],1),_c('div',{staticClass:\"zoneContainer\"},[_c('a-divider',[_vm._v(\"Fun\")]),_c('div',{staticClass:\"attributes\"},_vm._l((_vm.Fun),function(attr){return _c('a-checkable-tag',{key:attr.attributeID,model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)],1),_c('div',{staticClass:\"zoneContainer\"},[_c('a-divider',[_vm._v(\"Inspiring\")]),_c('div',{staticClass:\"attributes\"},_vm._l((_vm.Inspiring),function(attr){return _c('a-checkable-tag',{key:attr.attributeID,model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)],1),_c('div',{staticClass:\"zoneContainer\"},[_c('a-divider',[_vm._v(\"Interesting\")]),_c('div',{staticClass:\"attributes\"},_vm._l((_vm.Interesting),function(attr){return _c('a-checkable-tag',{key:attr.attributeID,model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)],1),_c('div',{staticClass:\"zoneContainer\"},[_c('a-divider',[_vm._v(\"Knowledgeable\")]),_c('div',{staticClass:\"attributes\"},_vm._l((_vm.Knowledgeable),function(attr){return _c('a-checkable-tag',{key:attr.attributeID,model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)],1),_c('div',{staticClass:\"zoneContainer\"},[_c('a-divider',[_vm._v(\"Nurturing\")]),_c('div',{staticClass:\"attributes\"},_vm._l((_vm.Nurturing),function(attr){return _c('a-checkable-tag',{key:attr.attributeID,model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)],1),_c('div',{staticClass:\"zoneContainer\"},[_c('a-divider',[_vm._v(\"Trustworthy\")]),_c('div',{staticClass:\"attributes\"},_vm._l((_vm.Trustworthy),function(attr){return _c('a-checkable-tag',{key:attr.attributeID,model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_vm._v(\" \"+_vm._s(attr.AttributeLabel)+\" \")])}),1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"personaList h-full\">\n    <div class=\"h-full flex items-center justify-center\" v-if=\"loading\">\n      <i class=\"circle-loader\"></i>\n    </div>\n    <!-- we need 8 zone list here -->\n    <div class=\"personaList__inner\" v-else>\n      <div class=\"zoneContainer\">\n        <a-divider>Familiar</a-divider>\n        <div class=\"attributes\">\n          <a-checkable-tag\n            v-for=\"attr in Familiar\"\n            v-model=\"attr.selected\"\n            :key=\"attr.attributeID\"\n          >\n            {{ attr.AttributeLabel }}\n          </a-checkable-tag>\n        </div>\n        <!-- <a-checkbox-group v-model=\"selected1\" :options=\"Familiar\" /> -->\n      </div>\n      <div class=\"zoneContainer\">\n        <a-divider>Friendly</a-divider>\n        <div class=\"attributes\">\n          <a-checkable-tag\n            v-for=\"attr in Friendly\"\n            v-model=\"attr.selected\"\n            :key=\"attr.attributeID\"\n          >\n            {{ attr.AttributeLabel }}\n          </a-checkable-tag>\n        </div>\n        <!-- <a-checkbox-group v-model=\"selected2\" :options=\"Friendly\" /> -->\n      </div>\n      <div class=\"zoneContainer\">\n        <a-divider>Fun</a-divider>\n        <div class=\"attributes\">\n          <a-checkable-tag\n            v-for=\"attr in Fun\"\n            v-model=\"attr.selected\"\n            :key=\"attr.attributeID\"\n          >\n            {{ attr.AttributeLabel }}\n          </a-checkable-tag>\n        </div>\n        <!-- <a-checkbox-group v-model=\"selected3\" :options=\"Fun\" /> -->\n      </div>\n      <div class=\"zoneContainer\">\n        <a-divider>Inspiring</a-divider>\n        <div class=\"attributes\">\n          <a-checkable-tag\n            v-for=\"attr in Inspiring\"\n            v-model=\"attr.selected\"\n            :key=\"attr.attributeID\"\n          >\n            {{ attr.AttributeLabel }}\n          </a-checkable-tag>\n        </div>\n        <!-- <a-checkbox-group v-model=\"selected4\" :options=\"Inspiring\" /> -->\n      </div>\n      <div class=\"zoneContainer\">\n        <a-divider>Interesting</a-divider>\n        <div class=\"attributes\">\n          <a-checkable-tag\n            v-for=\"attr in Interesting\"\n            v-model=\"attr.selected\"\n            :key=\"attr.attributeID\"\n          >\n            {{ attr.AttributeLabel }}\n          </a-checkable-tag>\n        </div>\n        <!-- <a-checkbox-group v-model=\"selected5\" :options=\"Interesting\" /> -->\n      </div>\n      <div class=\"zoneContainer\">\n        <a-divider>Knowledgeable</a-divider>\n        <div class=\"attributes\">\n          <a-checkable-tag\n            v-for=\"attr in Knowledgeable\"\n            v-model=\"attr.selected\"\n            :key=\"attr.attributeID\"\n          >\n            {{ attr.AttributeLabel }}\n          </a-checkable-tag>\n        </div>\n        <!-- <a-checkbox-group v-model=\"selected6\" :options=\"Knowledgeable\" /> -->\n      </div>\n      <div class=\"zoneContainer\">\n        <a-divider>Nurturing</a-divider>\n        <div class=\"attributes\">\n          <a-checkable-tag\n            v-for=\"attr in Nurturing\"\n            v-model=\"attr.selected\"\n            :key=\"attr.attributeID\"\n          >\n            {{ attr.AttributeLabel }}\n          </a-checkable-tag>\n        </div>\n        <!-- <a-checkbox-group v-model=\"selected7\" :options=\"Nurturing\" /> -->\n      </div>\n      <div class=\"zoneContainer\">\n        <a-divider>Trustworthy</a-divider>\n        <div class=\"attributes\">\n          <a-checkable-tag\n            v-for=\"attr in Trustworthy\"\n            v-model=\"attr.selected\"\n            :key=\"attr.attributeID\"\n          >\n            {{ attr.AttributeLabel }}\n          </a-checkable-tag>\n        </div>\n        <!-- <a-checkbox-group v-model=\"selected8\" :options=\"Trustworthy\" /> -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"PersonaList\",\n  props: {\n    personaAttrs: {\n      type: Array,\n      default() {\n        return [];\n      },\n    },\n    loading: {\n      type: Boolean,\n    },\n    rmAttr: Number,\n  },\n  computed: {\n    Familiar() {\n      return this.personaAttrs.filter((attr) => attr.zoneName === \"Familiar\");\n    },\n    Fun() {\n      return this.personaAttrs.filter((attr) => attr.zoneName === \"Fun\");\n    },\n    Inspiring() {\n      return this.personaAttrs.filter((attr) => attr.zoneName === \"Inspiring\");\n    },\n    Nurturing() {\n      return this.personaAttrs.filter((attr) => attr.zoneName === \"Nurturing\");\n    },\n    Interesting() {\n      return this.personaAttrs.filter(\n        (attr) => attr.zoneName === \"Interesting\"\n      );\n    },\n    Friendly() {\n      return this.personaAttrs.filter((attr) => attr.zoneName === \"Friendly\");\n    },\n    Trustworthy() {\n      return this.personaAttrs.filter(\n        (attr) => attr.zoneName === \"Trustworthy\"\n      );\n    },\n    Knowledgeable() {\n      return this.personaAttrs.filter(\n        (attr) => attr.zoneName === \"Knowledgeable\"\n      );\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.personaList__inner {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n  column-gap: 15px;\n  row-gap: 35px;\n  padding: 2em 15px;\n}\n.ant-checkbox-group {\n  display: grid;\n  grid-gap: 8px;\n  overflow: auto;\n  padding-left: 10px;\n  padding-bottom: 10px;\n  grid-template-rows: repeat(auto-fill, 25px);\n}\n\n.zoneContainer {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  background-color: #fff;\n  border: 1px solid #e8e8e8;\n  border-top: none;\n  max-height: 250px;\n}\n\n.ant-divider-horizontal {\n  margin-top: -12px;\n}\n\n.attributes {\n  max-height: 300px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  padding-left: 0.5em;\n  padding-top: 0.5em;\n  row-gap: 0.5em;\n\n  &::-webkit-scrollbar {\n    width: 3px;\n  }\n\n  &:hover {\n    &::-webkit-scrollbar-thumb {\n      background: #787878;\n    }\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #bbbbbb;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #555;\n  }\n\n  .ant-tag {\n    border-radius: 2px;\n    padding: 0.2em 0.5em;\n    font-size: 1em;\n    cursor: pointer;\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!./PersonaList.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!./PersonaList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PersonaList.vue?vue&type=template&id=f2bfd530&scoped=true&\"\nimport script from \"./PersonaList.vue?vue&type=script&lang=js&\"\nexport * from \"./PersonaList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PersonaList.vue?vue&type=style&index=0&id=f2bfd530&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  \"f2bfd530\",\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:\"personalMap\",class:{ showAnimation: _vm.selectedZone !== '' }},[_c('div',{staticClass:\"mapContainer\"},[_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\"},on:{\"click\":function($event){return _vm.selectZone($event)}}},[_c('path',{staticClass:\"Fun st0\",class:{\n            dimOut: _vm.selectedZone !== 'Fun' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Inspiring' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Trustworthy' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Nurturing' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Fun' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Trustworthy' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Nurturing' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Inspiring' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Interesting' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Familiar' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Familiar' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Interesting' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Friendly' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Knowledgeable' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Friendly' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Knowledgeable' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Fun' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Trustworthy' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Nurturing' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Inspiring' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Familiar' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Interesting' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Friendly' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Knowledgeable' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Fun' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Trustworthy' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Nurturing' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Inspiring' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Familiar' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Interesting' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Friendly' && _vm.selectedZone !== '',\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\",class:{\n            dimOut: _vm.selectedZone !== 'Knowledgeable' && _vm.selectedZone !== '',\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),_c('g',{attrs:{\"id\":\"mapLabel\"}},[_c('text',{staticClass:\"Knowledgeable st26 st27\",attrs:{\"transform\":\"matrix(1 0 0 1 357.2705 136.0542)\"}},[_vm._v(\" KNOWLEDGEABLE \")]),_c('text',{staticClass:\"Friendly st26 st27\",attrs:{\"transform\":\"matrix(1 0 0 1 404.708 466.0542)\"}},[_vm._v(\" FRIENDLY \")]),_c('text',{staticClass:\"Nurturing st26 st27\",attrs:{\"transform\":\"matrix(1 0 0 1 528.2744 402.0542)\"}},[_vm._v(\" NURTURING \")]),_c('text',{staticClass:\"Familiar st26 st27\",attrs:{\"transform\":\"matrix(1 0 0 1 627.376 295.0542)\"}},[_vm._v(\" FAMILIAR \")]),_c('text',{staticClass:\"Trustworthy st26 st27\",attrs:{\"transform\":\"matrix(1 0 0 1 511.0557 187.0542)\"}},[_vm._v(\" TRUSTWORTHY \")]),_c('text',{staticClass:\"Inspiring st26 st27\",attrs:{\"transform\":\"matrix(1 0 0 1 238.376 187.0542)\"}},[_vm._v(\" INSPIRING \")]),_c('text',{staticClass:\"Interesting st26 st27\",attrs:{\"transform\":\"matrix(1 0 0 1 184.4893 301.0542)\"}},[_vm._v(\" INTERESTING \")]),_c('text',{staticClass:\"Fun st26 st27\",attrs:{\"transform\":\"matrix(1 0 0 1 292.8291 399.0542)\"}},[_vm._v(\" FUN \")]),_vm._v(\" ` \")])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedZone !== ''),expression:\"selectedZone !== ''\"}],staticClass:\"attributes\"},[_c('p',{staticClass:\"zoneName\",class:{ visuallyHidden: !_vm.showZoneName }},[_vm._v(\" \"+_vm._s(_vm.selectedZone)+\" Zone \")]),_vm._l((_vm.zoneAttributes),function(attr){return _c('div',{key:attr.attributeID,staticClass:\"attributeTag\"},[_c('p',{staticClass:\"attrLabel\"},[_c('a-checkbox',{model:{value:(attr.selected),callback:function ($$v) {_vm.$set(attr, \"selected\", $$v)},expression:\"attr.selected\"}},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(attr.AttributeLabel))])]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(attr.ringName === 'Core'),expression:\"attr.ringName === 'Core'\"}],attrs:{\"src\":\"/images/icons/core.svg\"}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(attr.ringName === 'Differentiator'),expression:\"attr.ringName === 'Differentiator'\"}],attrs:{\"src\":\"/images/icons/diff.svg\"}})],1),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!attr.showFull),expression:\"!attr.showFull\"}],staticClass:\"synonyms\"},[_vm._v(\" \"+_vm._s(_vm._f(\"shortVersion\")(attr.synonymLabel))+\" ... \"),_c('span',{staticClass:\"more\",on:{\"click\":function($event){attr.showFull = true}}},[_vm._v(\"[+]\")])]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(attr.showFull),expression:\"attr.showFull\"}],staticClass:\"synonyms\"},[_vm._v(\" \"+_vm._s(attr.synonymLabel)+\" \"),_c('span',{staticClass:\"more\",on:{\"click\":function($event){attr.showFull = false}}},[_vm._v(\"[-]\")])])])})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"personalMap\" :class=\"{ showAnimation: selectedZone !== '' }\">\n    <div class=\"mapContainer\">\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\" @click=\"selectZone($event)\">\n          <path\n            class=\"Fun st0\"\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: selectedZone !== 'Fun' && selectedZone !== '',\n            }\"\n          ></path>\n          <path\n            class=\"Inspiring st0\"\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: selectedZone !== 'Inspiring' && selectedZone !== '',\n            }\"\n          ></path>\n          <path\n            class=\"Trustworthy st0\"\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: selectedZone !== 'Trustworthy' && selectedZone !== '',\n            }\"\n          ></path>\n          <path\n            class=\"Nurturing st0\"\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: selectedZone !== 'Nurturing' && selectedZone !== '',\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\"\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: selectedZone !== 'Fun' && selectedZone !== '',\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: selectedZone !== 'Trustworthy' && selectedZone !== '',\n            }\"\n            class=\"Trustworthy st2\"\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: selectedZone !== 'Nurturing' && selectedZone !== '',\n            }\"\n            class=\"Nurturing st3\"\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: selectedZone !== 'Inspiring' && selectedZone !== '',\n            }\"\n            class=\"Inspiring st4\"\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: selectedZone !== 'Interesting' && selectedZone !== '',\n            }\"\n            class=\"Interesting st0\"\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: selectedZone !== 'Familiar' && selectedZone !== '',\n            }\"\n            class=\"Familiar st0\"\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: selectedZone !== 'Familiar' && selectedZone !== '',\n            }\"\n            class=\"Familiar st5\"\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: selectedZone !== 'Interesting' && selectedZone !== '',\n            }\"\n            class=\"Interesting st6\"\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: selectedZone !== 'Friendly' && selectedZone !== '',\n            }\"\n            class=\"Friendly st0\"\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: selectedZone !== 'Knowledgeable' && selectedZone !== '',\n            }\"\n            class=\"Knowledgeable st0\"\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: selectedZone !== 'Friendly' && selectedZone !== '',\n            }\"\n            class=\"Friendly st7\"\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: selectedZone !== 'Knowledgeable' && selectedZone !== '',\n            }\"\n            class=\"Knowledgeable st8\"\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: selectedZone !== 'Fun' && selectedZone !== '',\n            }\"\n            class=\"Fun st9\"\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: selectedZone !== 'Trustworthy' && selectedZone !== '',\n            }\"\n            class=\"Trustworthy st10\"\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: selectedZone !== 'Nurturing' && selectedZone !== '',\n            }\"\n            class=\"Nurturing st11\"\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: selectedZone !== 'Inspiring' && selectedZone !== '',\n            }\"\n            class=\"Inspiring st12\"\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: selectedZone !== 'Familiar' && selectedZone !== '',\n            }\"\n            class=\"Familiar st13\"\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: selectedZone !== 'Interesting' && selectedZone !== '',\n            }\"\n            class=\"Interesting st14\"\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: selectedZone !== 'Friendly' && selectedZone !== '',\n            }\"\n            class=\"Friendly st15\"\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: selectedZone !== 'Knowledgeable' && selectedZone !== '',\n            }\"\n            class=\"Knowledgeable st16\"\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: selectedZone !== 'Fun' && selectedZone !== '',\n            }\"\n            class=\"Fun st17\"\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: selectedZone !== 'Trustworthy' && selectedZone !== '',\n            }\"\n            class=\"Trustworthy st18\"\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: selectedZone !== 'Nurturing' && selectedZone !== '',\n            }\"\n            class=\"Nurturing st19\"\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: selectedZone !== 'Inspiring' && selectedZone !== '',\n            }\"\n            class=\"Inspiring st20\"\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: selectedZone !== 'Familiar' && selectedZone !== '',\n            }\"\n            class=\"Familiar st21\"\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: selectedZone !== 'Interesting' && selectedZone !== '',\n            }\"\n            class=\"Interesting st22\"\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: selectedZone !== 'Friendly' && selectedZone !== '',\n            }\"\n            class=\"Friendly st23\"\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: selectedZone !== 'Knowledgeable' && selectedZone !== '',\n            }\"\n            class=\"Knowledgeable st24\"\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        <g id=\"mapLabel\">\n          <text\n            transform=\"matrix(1 0 0 1 357.2705 136.0542)\"\n            class=\"Knowledgeable st26 st27\"\n          >\n            KNOWLEDGEABLE\n          </text>\n          <text\n            transform=\"matrix(1 0 0 1 404.708 466.0542)\"\n            class=\"Friendly st26 st27\"\n          >\n            FRIENDLY\n          </text>\n          <text\n            transform=\"matrix(1 0 0 1 528.2744 402.0542)\"\n            class=\"Nurturing st26 st27\"\n          >\n            NURTURING\n          </text>\n          <text\n            transform=\"matrix(1 0 0 1 627.376 295.0542)\"\n            class=\"Familiar st26 st27\"\n          >\n            FAMILIAR\n          </text>\n          <text\n            transform=\"matrix(1 0 0 1 511.0557 187.0542)\"\n            class=\"Trustworthy st26 st27\"\n          >\n            TRUSTWORTHY\n          </text>\n          <text\n            transform=\"matrix(1 0 0 1 238.376 187.0542)\"\n            class=\"Inspiring st26 st27\"\n          >\n            INSPIRING\n          </text>\n          <text\n            transform=\"matrix(1 0 0 1 184.4893 301.0542)\"\n            class=\"Interesting st26 st27\"\n          >\n            INTERESTING\n          </text>\n          <text\n            transform=\"matrix(1 0 0 1 292.8291 399.0542)\"\n            class=\"Fun st26 st27\"\n          >\n            FUN\n          </text>\n          `\n        </g>\n      </svg>\n    </div>\n    <div class=\"attributes\" v-show=\"selectedZone !== ''\">\n      <p class=\"zoneName\" :class=\"{ visuallyHidden: !showZoneName }\">\n        {{ selectedZone }} Zone\n      </p>\n      <div\n        class=\"attributeTag\"\n        v-for=\"attr in zoneAttributes\"\n        :key=\"attr.attributeID\"\n      >\n        <p class=\"attrLabel\">\n          <a-checkbox v-model=\"attr.selected\">\n            <span class=\"title\">{{ attr.AttributeLabel }}</span>\n          </a-checkbox>\n          <img src=\"/images/icons/core.svg\" v-show=\"attr.ringName === 'Core'\" />\n          <img\n            src=\"/images/icons/diff.svg\"\n            v-show=\"attr.ringName === 'Differentiator'\"\n          />\n        </p>\n        <p class=\"synonyms\" v-show=\"!attr.showFull\">\n          {{ attr.synonymLabel | shortVersion }} ...\n          <span class=\"more\" @click=\"attr.showFull = true\">[+]</span>\n        </p>\n        <p class=\"synonyms\" v-show=\"attr.showFull\">\n          {{ attr.synonymLabel }}\n          <span class=\"more\" @click=\"attr.showFull = false\">[-]</span>\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"PersonaMap\",\n  props: {\n    personaAttrs: Array,\n  },\n  data() {\n    return {\n      selectedZone: \"\",\n      zoneAttributes: [],\n      showZoneName: false,\n    };\n  },\n  filters: {\n    shortVersion(value) {\n      let synonyms = value.split(\",\").slice(0, 3);\n      return synonyms.toString();\n    },\n  },\n  methods: {\n    selectZone(event) {\n      this.selectedZone = event.target.classList[0];\n    },\n  },\n  watch: {\n    selectedZone(newVal, oldVal) {\n      if (newVal !== \"\") {\n        this.zoneAttributes = this.personaAttrs\n          .filter((attr) => attr.zoneName === newVal)\n          .sort((a, b) => {\n            return a.ringName.localeCompare(b.ringName);\n          });\n      }\n\n      if (oldVal === \"\") {\n        const mapSlide = document.querySelector(\"#mapSlide\");\n        mapSlide.addEventListener(\n          \"animationend\",\n          () => {\n            document.querySelector(\".personalMap\").classList.add(\"showGrid\");\n\n            document\n              .querySelector(\".personalMap\")\n              .classList.remove(\"showAnimation\");\n            this.showZoneName = true;\n          },\n          { once: true }\n        );\n      }\n    },\n  },\n  activated() {\n    this.selectedZone = \"\";\n    this.zoneAttributes = [];\n    this.showZoneName = false;\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.mapContainer {\n  padding: 1em;\n\n  #mapSlide {\n    max-width: 100%;\n  }\n\n  svg {\n    margin-bottom: 30px;\n    transition: all 0.5s;\n\n    .st0 {\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    }\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    }\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    }\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    }\n\n    .st25 {\n      fill: none;\n    }\n\n    .st26 {\n      font-family: \"Roboto\";\n    }\n\n    .st27 {\n      font-size: 16px;\n    }\n  }\n}\n\n.personalMap {\n  display: grid;\n  grid-template-columns: 1fr 1px;\n}\n\n.personalMap.showAnimation {\n  #mapSlide {\n    animation-duration: 0.4s;\n    animation-name: mapScale;\n    animation-timing-function: ease-out;\n    // transform-origin: center;\n  }\n\n  #mapLabel {\n    display: none;\n  }\n}\n\n.personalMap.showGrid {\n  grid-template-columns: 1fr 1fr;\n  height: 100%;\n  overflow: hidden;\n\n  svg {\n    padding-top: 2em;\n  }\n}\n\n.attributes {\n  padding-right: 1em;\n  // padding: 3.5em 1em 1em;\n  padding: 1em;\n  height: 100%;\n  // overflow: auto;\n  .ant-tag,\n  .ant-checkbox-wrapper {\n    // padding: 7px;\n    margin-bottom: 2px;\n    cursor: pointer;\n    white-space: normal;\n    display: inline-block;\n\n    .title {\n      // font-size: 1.2em;\n      font-weight: 600;\n      text-transform: capitalize;\n    }\n\n    small {\n      font-size: 0.9em;\n      font-weight: 400;\n      padding-left: 4px;\n      // text-transform: lowercase;\n    }\n  }\n\n  .attributeTag {\n    display: block;\n\n    .synonyms {\n      padding-left: 25px;\n    }\n\n    .more {\n      // text-decoration: underline;\n      // font-style: italic;\n      cursor: pointer;\n      &:hover {\n        color: var(--hsblue);\n      }\n    }\n  }\n\n  .attrLabel {\n    img {\n      height: 1em;\n    }\n    display: flex;\n    margin-bottom: 0;\n  }\n}\n\n.zoneName {\n  // text-align: center;\n  height: 25px;\n  line-height: 25px;\n  font-weight: 700;\n  font-size: 1.2em;\n  margin-bottom: 1.5em;\n}\n\n@keyframes mapScale {\n  from {\n    transform: scale(1);\n    // width: 100%;\n  }\n  to {\n    transform: scale(0.5);\n    // width: 50%;\n  }\n}\n\n#mapLabel text {\n  pointer-events: none;\n}\n\n#mapSlide {\n  cursor: pointer;\n}\n\n.dimOut {\n  filter: grayscale(100%) opacity(10%);\n}\n</style>\n\n<style>\n.ant-tabs .ant-tabs-top-content {\n  height: 100%;\n  overflow: hidden;\n}\n\n/* .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane { */\n.ant-tabs-tabpane-active {\n  height: calc(100% - 40px);\n  overflow: hidden;\n}\n\n.ant-tabs-bar {\n  margin-bottom: 0;\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!./PersonaMap.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!./PersonaMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PersonaMap.vue?vue&type=template&id=4d4ab11c&scoped=true&\"\nimport script from \"./PersonaMap.vue?vue&type=script&lang=js&\"\nexport * from \"./PersonaMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PersonaMap.vue?vue&type=style&index=0&id=4d4ab11c&lang=scss&scoped=true&\"\nimport style1 from \"./PersonaMap.vue?vue&type=style&index=1&lang=css&\"\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  \"4d4ab11c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"authoring-wrapper\">\n    <div class=\"flex h-full\">\n      <ProgressBar\n        :stepIndex=\"stepIndex\"\n        :surveyID=\"surveyID\"\n        :stepsType=\"\n          surveyTypeID === 102\n            ? 'Reticle Alignment Test'\n            : $route.name !== 'pack-test-brand-strategy'\n            ? 'video'\n            : 'pack'\n        \"\n      />\n      <section class=\"wrapper\">\n        <a-breadcrumb class=\"breadcrum breadcrum--authoring\">\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> {{ $route.meta.surveyTitle }}</a-breadcrumb-item>\n        </a-breadcrumb>\n        <div class=\"wrapper__inner\">\n          <div class=\"page-title\">\n            <icon-base\n              :width=\"32\"\n              :height=\"33\"\n              :viewBox1=\"22\"\n              :viewBox2=\"23\"\n              iconName=\"pie\"\n              iconColor=\"transparent\"\n              ><icon-pie\n            /></icon-base>\n            <div class=\"page-title__text\">\n              <h1>Brand Strategy</h1>\n              <span>Key emotional attributes</span>\n            </div>\n          </div>\n          <div class=\"box-wrapper\">\n            <div class=\"section-info\">\n              <p class=\"font-size-14\">\n                <span v-html=\"langObj['s3-persona'].quiz\"> </span>\n                <a-tooltip placement=\"topRight\">\n                  <template slot=\"title\">\n                    <span\n                      @click=\"showModal\"\n                      v-html=\"langObj['s3-persona'].tip\"\n                    ></span>\n                  </template>\n                  <a-icon type=\"info-circle\" class=\"ml-5\" />\n                </a-tooltip>\n              </p>\n              <p class=\"font-size-14\" v-html=\"langObj['s3-persona'].brief\"></p>\n              <p class=\"font-size-14 mb-20\">\n                Why do we do this? Click\n                <a @click=\"showModal\" class=\"underline\">here</a> to learn more.\n              </p>\n            </div>\n\n            <div class=\"persona\">\n              <div class=\"optionPanel\">\n                <a-tabs type=\"card\" default-active-key=\"1\">\n                  <a-tab-pane key=\"1\" tab=\"Map View [recommended]\">\n                    <PersonaMap :personaAttrs=\"personaAttrs\" />\n                  </a-tab-pane>\n                  <a-tab-pane key=\"2\" tab=\"List View [simpler]\">\n                    <PersonaList\n                      :personaAttrs=\"personaAttrs\"\n                      :loading=\"showLoader\"\n                    />\n                  </a-tab-pane>\n                </a-tabs>\n              </div>\n              <div class=\"selectedPanel\">\n                <div class=\"title desWithBtn\" v-if=\"!showLoader\">\n                  <span\n                    :class=\"{\n                      perfect: selectedStatus === 1,\n                      exceed: selectedStatus === 2,\n                    }\"\n                  >\n                    <font-awesome-icon\n                      icon=\"check-circle\"\n                      v-show=\"selectedStatus === 1\"\n                    />\n                    <font-awesome-icon\n                      icon=\"exclamation-circle\"\n                      v-show=\"selectedStatus === 2\"\n                    />\n                    {{ selectedAttrs.length }} Selected</span\n                  >\n                  <button @click=\"clearSelection\" class=\"text-btn font-size-14\">\n                    Clear All\n                  </button>\n                </div>\n                <div\n                  v-if=\"showLoader\"\n                  class=\"h-full flex items-center justify-center\"\n                >\n                  <i class=\"circle-loader\"></i>\n                </div>\n                <template v-else>\n                  <div class=\"empty\" v-show=\"selectedAttrs.length === 0\">\n                    <img src=\"/images/icons/empty.svg\" />\n                  </div>\n                  <div class=\"attributes\" v-show=\"selectedAttrs.length > 0\">\n                    <a-tag\n                      closable\n                      color=\"#108ee9\"\n                      @close=\"attr.selected = false\"\n                      v-for=\"attr in selectedAttrs\"\n                      :key=\"attr.attributeID\"\n                    >\n                      {{ attr.AttributeLabel }}\n                    </a-tag>\n                  </div>\n                </template>\n              </div>\n            </div>\n          </div>\n          <StepNaviBar\n            :stepIndex=\"stepIndex\"\n            :nextDisable=\"selectedStatus !== 1\"\n            @nextHandler=\"nextStep\"\n            :prevDisable=\"false\"\n            @prevHandler=\"prevStep\"\n            prevBtnTooltip=\"Back to Creative\"\n            :nextBtnTooltip=\"\n              $route.name === 'vid-ua-brand-strategy'\n                ? 'Go to Customize'\n                : 'Go to Key Metrics'\n            \"\n            :stepsType=\"\n              surveyTypeID === 102\n                ? 'Reticle Alignment Test'\n                : $route.name !== 'pack-test-brand-strategy'\n                ? 'video'\n                : 'pack'\n            \"\n          />\n          <a-modal\n            v-model=\"personaPreviewModal\"\n            width=\"90%\"\n            height=\"90vh\"\n            centered\n            @cancel=\"personaPreviewModal = false\"\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      </section>\n    </div>\n    <CompletionProgress :checkList=\"quizs\"></CompletionProgress>\n  </div>\n</template>\n\n<script>\nimport PersonaList from \"@/components/videoAds/PersonaList.vue\";\nimport PersonaMap from \"@/components/videoAds/PersonaMap.vue\";\nimport ProgressBar from \"@/components/videoAds/ProgressBar.vue\";\nimport StepNaviBar from \"@/components/videoAds/StepNaviBar1.vue\";\nimport CompletionProgress from \"@/components/general/CompletionProgress.vue\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconPie from \"@/components/icons/IconPie.vue\";\n\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\n\nexport default {\n  name: \"Persona\",\n  components: {\n    PersonaList,\n    PersonaMap,\n    ProgressBar,\n    StepNaviBar,\n    CompletionProgress,\n    IconBase,\n    IconPie,\n  },\n  mixins: [surveyPriceMixin],\n  data() {\n    return {\n      selectedAttrs: [],\n      personaAttrs: [],\n      min: 10,\n      max: 20,\n      selectedStatus: 0,\n      stepIndex: 3,\n      langObj: {},\n      client: {},\n      quizs: [],\n      surveyID: 0,\n      personaPreviewModal: false,\n      showLoader: true,\n      breadcrumbTitle: \"\",\n      user: null,\n      surveyTypeID: null,\n    };\n  },\n  watch: {\n    personaAttrs: {\n      deep: true,\n      handler() {\n        if (this.personaAttrs.length > 0) {\n          this.selectedAttrs = this.personaAttrs.filter(\n            (attr) => attr.selected\n          );\n        }\n      },\n    },\n    selectedAttrs(newVal) {\n      if (newVal.length > 0) {\n        if (newVal.length >= this.min && newVal.length <= this.max) {\n          this.selectedStatus = 1;\n        } else if (newVal.length < this.min) {\n          this.selectedStatus = 0;\n        } else if (newVal.length > this.max) {\n          this.selectedStatus = 2;\n        }\n      }\n    },\n    selectedStatus(val) {\n      if (val === 1) {\n        this.quizs[0].completed = true;\n      }\n    },\n  },\n  computed: {},\n  methods: {\n    clearSelection() {\n      this.selectedAttrs.forEach((attr) => (attr.selected = false));\n    },\n    prevStep() {\n      this.$router.push({\n        name: this.$route.meta.personaPrevRoute || \"vid-creative\",\n        params: { id: this.surveyID },\n      });\n    },\n    nextStep() {\n      // call ws to save persona attributes.\n      const selectIDs = this.selectedAttrs.map((attr) => attr.attributeID);\n\n      const savePromise = new Promise((resolve) => {\n        wsUtils.SavePersonaAttributes(\n          {\n            surveyID: this.surveyID,\n            attributeIDs: selectIDs.toString(),\n            userId: this.user.EncrypteduserID,\n          },\n          resolve\n        );\n      });\n\n      savePromise.then(() => {\n        jsUtils.setSurveysApiTrigger(true);\n        this.$router.push({\n          name: this.$route.meta.personaNextRoute || \"vid-key-metrics\",\n          params: { id: this.surveyID },\n        });\n      });\n    },\n    updateQuiz() {\n      this.quizs = [\n        {\n          quizName: this.langObj[\"s3-persona\"].robot,\n          completed: false,\n        },\n      ];\n    },\n    showModal() {\n      this.personaPreviewModal = true;\n    },\n  },\n  activated() {\n    this.showLoader = true;\n    this.selectedAttrs = [];\n    this.surveyTypeID = jsUtils.getSurveyTypeId();\n    this.selectedStatus = 0;\n    this.client = jsUtils.getCurClient();\n    this.surveyID = this.$route.params.id;\n    this.user = jsUtils.getUserInfo();\n    this.updateQuiz();\n\n    const personaListPromise = new Promise((resolve) => {\n      wsUtils.getPersonaAttributes(resolve);\n    });\n    personaListPromise.then((data) => {\n      data.forEach((attr) => {\n        attr.selected = false;\n        attr.showFull = false;\n      });\n      data.sort((a, b) => {\n        if (a.attributeID < b.attributeID) {\n          return -1;\n        } else {\n          return 1;\n        }\n      });\n      this.personaAttrs = data;\n\n      let editableSurvey = jsUtils.getEditableSurvey();\n      const defaultSelectedAttrs = this.$route.meta.defaultSelectedAttrs;\n      if (\n        editableSurvey !== undefined &&\n        editableSurvey.AttributeDetails.length !== 0\n      ) {\n        editableSurvey.AttributeDetails.forEach((element) => {\n          let objIndex = this.personaAttrs.findIndex(\n            (obj) => obj.attributeID === element.attributeID\n          );\n          this.personaAttrs[objIndex].selected = true;\n          this.showLoader = false;\n        });\n      } else if (defaultSelectedAttrs !== undefined) {\n        defaultSelectedAttrs.forEach((element) => {\n          let objIndex = this.personaAttrs.findIndex(\n            (obj) => obj.attributeID === element.attributeID\n          );\n          this.personaAttrs[objIndex].selected = true;\n          this.showLoader = false;\n        });\n      }\n      setTimeout(() => {\n        this.showLoader = false;\n      }, 1200);\n\n      this.getSurveyTotalPrice();\n    });\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>\nsection.stepAuthor {\n  height: 855px;\n  margin-bottom: 20px;\n  padding-bottom: 60px;\n\n  //temp solution - has to be refactoring\n  @media screen and (max-width: 1415px) {\n    height: 1145px;\n  }\n  @media screen and (max-width: 1210px) {\n    height: 1435px;\n  }\n  @media screen and (max-width: 1005px) {\n    height: 2505px;\n  }\n\n  .questions {\n    min-width: 600px;\n    max-width: 900px;\n    overflow: hidden;\n    height: 100%;\n    display: grid;\n    grid-template-rows: auto 1fr;\n  }\n}\n\n.persona {\n  display: grid;\n  grid-template-columns: 1fr 250px;\n  border: 1px solid var(--lightGreyBG);\n  background-color: white;\n  overflow: hidden;\n  border-radius: 8px;\n}\n\n.optionPanel {\n  margin: -1px 0 0 -1px;\n  overflow: hidden;\n  height: 100%;\n  position: relative;\n}\n\n::v-deep .ant-tabs {\n  // position: absolute;\n  width: 100%;\n  height: 100%;\n  .ant-tabs-card-bar .ant-tabs-tab-active {\n    color: var(--blue) !important;\n  }\n  .ant-tabs-tab {\n    &:hover {\n      color: var(--blue) !important;\n    }\n  }\n}\n\n.selectedPanel {\n  background-color: #faf9ff;\n  border-left: 1px solid var(--lightGreyBG);\n  padding: 10px;\n  overflow-y: auto;\n\n  .title {\n    margin-bottom: 1em;\n  }\n\n  .title .perfect {\n    color: #ff0043;\n  }\n\n  .title .exceed {\n    color: red;\n  }\n\n  .empty {\n    text-align: center;\n    padding: 5em 1em 0;\n    font-size: 0.9em;\n    color: var(--hsgrey);\n    position: relative;\n    img {\n      opacity: 0.5;\n      max-width: 80%;\n    }\n  }\n\n  .attributes {\n    display: flex;\n    flex-direction: column;\n    row-gap: 0.5em;\n  }\n\n  .ant-tag {\n    padding: 4px 10px !important;\n    font-size: 0.875em;\n    display: inline-flex;\n    justify-content: space-between;\n    align-items: center;\n    background: var(--blue) !important;\n    font-weight: 500;\n\n    .anticon-close {\n      font-size: 16px;\n    }\n  }\n\n  .pefect {\n    color: green;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.ant-modal {\n  pointer-events: auto;\n  &--persona-iframe {\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</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!./Persona.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!./Persona.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Persona.vue?vue&type=template&id=3457d2e0&scoped=true&\"\nimport script from \"./Persona.vue?vue&type=script&lang=js&\"\nexport * from \"./Persona.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Persona.vue?vue&type=style&index=0&id=3457d2e0&lang=scss&scoped=true&\"\nimport style1 from \"./Persona.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  \"3457d2e0\",\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!./PersonaMap.vue?vue&type=style&index=0&id=4d4ab11c&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PersonaMap.vue?vue&type=style&index=1&lang=css&\"","// TODO: use something more complex like timsort?\nvar floor = Math.floor;\n\nvar mergeSort = function (array, comparefn) {\n  var length = array.length;\n  var middle = floor(length / 2);\n  return length < 8 ? insertionSort(array, comparefn) : merge(\n    mergeSort(array.slice(0, middle), comparefn),\n    mergeSort(array.slice(middle), comparefn),\n    comparefn\n  );\n};\n\nvar insertionSort = function (array, comparefn) {\n  var length = array.length;\n  var i = 1;\n  var element, j;\n\n  while (i < length) {\n    j = i;\n    element = array[i];\n    while (j && comparefn(array[j - 1], element) > 0) {\n      array[j] = array[--j];\n    }\n    if (j !== i++) array[j] = element;\n  } return array;\n};\n\nvar merge = function (left, right, comparefn) {\n  var llength = left.length;\n  var rlength = right.length;\n  var lindex = 0;\n  var rindex = 0;\n  var result = [];\n\n  while (lindex < llength || rindex < rlength) {\n    if (lindex < llength && rindex < rlength) {\n      result.push(comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]);\n    } else {\n      result.push(lindex < llength ? left[lindex++] : right[rindex++]);\n    }\n  } return result;\n};\n\nmodule.exports = mergeSort;\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompletionProgress.vue?vue&type=style&index=0&id=39aadbcf&lang=scss&scoped=true&\"","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.es/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\n","var UA = require('../internals/engine-user-agent');\n\nmodule.exports = /MSIE|Trident/.test(UA);\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Persona.vue?vue&type=style&index=0&id=3457d2e0&lang=scss&scoped=true&\""],"sourceRoot":""}