{"version":3,"sources":["webpack:///./src/components/periodSelector.vue?4e11","webpack:///./src/components/servicePeriodTile.vue?f71b","webpack:///./src/components/layout/memberDialog.vue?e2a4","webpack:///./src/views/MyData.vue?4a40","webpack:///./src/components/servicePeriodTile.vue?8e99","webpack:///./src/views/MyData.vue","webpack:///./src/components/servicePeriodTile.vue","webpack:///./src/components/periodSelector.vue","webpack:///src/components/periodSelector.vue","webpack:///./src/components/periodSelector.vue?14a9","webpack:///./src/components/periodSelector.vue?2fe9","webpack:///src/components/servicePeriodTile.vue","webpack:///./src/components/servicePeriodTile.vue?2e27","webpack:///./src/components/servicePeriodTile.vue?a5d9","webpack:///./src/components/layout/memberDialog.vue","webpack:///src/components/layout/memberDialog.vue","webpack:///./src/components/layout/memberDialog.vue?8211","webpack:///./src/components/layout/memberDialog.vue?2575","webpack:///src/views/MyData.vue","webpack:///./src/views/MyData.vue?94f6","webpack:///./src/views/MyData.vue?739e"],"names":["render","_vm","this","_c","_self","staticClass","message","_v","_s","dashboardData","attrs","servicePeriods","on","updatePeriodInView","_e","_m","basicData","servicePeriodInView","$event","$router","push","type","indexOf","_k","keyCode","key","documents","length","_l","item","name","url","displayName","logDocumentClicked","formatDocDate","datePublished","class","rowClassCols","allowWebForms","$store","commit","myPensionTileHTML","ref","concat","isDialogAvailable","dialogClosed","staticRenderFns","headingText","multipleServicePeriods","servicePeriodShown","servicePeriodIndex","updateServicePeriodIndex","hasNormalRetirementDate","hasIllustration","pensionValueText","_f","illustrationShown","results","nraIndex","pension","directives","rawName","value","content","pensionValueTooltip","trigger","expression","retirementAgeText","retirementAge","retirementDate","stepChangeInfo","stepChangeDirection","staticStyle","stepChangeAmount","stepChangeDate","hasTemporaryPensionInfo","isRetirementDateAfter65","bridgingOrSupplementaryWording","temporaryPensionInfo","amount","temporaryPensionStartDate","temporaryPensionEndDate","isServicePeriodShownStatusActive","accruedPensionResultDto","clientConfig","fundOrScheme","ageDescription","showSpousePension","status","pot","blobStorge","currentStatus","text","modellerComingSoon","customContactUsTileWording","domProps","pensionInPayment","pensionInPaymentFromDate","pensionerBooklet","hasPayslips","hasP60s","show","showServicePeriodHelp","placement","classes","hidePeriodHelp","servicePeriodsLength","updateIndex","servicePeriodTitle","props","emits","data","mounted","_this","setTimeout","methods","newIndex","validIndex","isIndexValid","$emit","index","computed","state","ui","component","objectSupport","require","dayjs","extend","Array","components","periodSelector","isServicePeriodShownStatusActiveTooltip","hasTemporaryPensionInfoTooltip","string","nra","currentResults","age","_typeof","accruedPension","servicePeriodsArray","foundNRD","isArray","forEach","servicePeriod","details","significantDates","isNRD","some","date","title","_this$illustrationSho","startDate","day","month","year","tempDate","add","format","_this$illustrationSho2","endDate","dob","isAfter","directoryUrl","illustration","hasIllustrations","info","filter","payslips","p60s","colours","$moment","getters","contactUsTileWording","watch","handler","newServicePeriod","immediate","memberDialog","header","logo","body","closeDialog","dynamicTemplate","myTimeout","headerText","schemeName","_objectSpread","showDialog","$refs","dialogRef","showModal","close","window","beforeDestroy","clearTimeout","dispatch","then","setDocTimeout","iIndex","illustrationsArray","docTimeout","isDialogOpen","userDetails","servicePeriodTile","_this2","document","logType","page","$route","path"],"mappings":"0GAAA,W,oCCAA,W,yDCAA,W,oFCAA,W,2DCAA,W,8ECAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAAGJ,EAAIK,QAAq6GH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIK,cAAv/GH,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAAEJ,EAAIQ,cAAeN,EAAG,sBAAsB,CAACO,MAAM,CAAC,eAAiBT,EAAIU,gBAAgBC,GAAG,CAAC,mBAAqBX,EAAIY,sBAAsBZ,EAAIa,MAAM,GAAGX,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACJ,EAAIc,GAAG,GAAGZ,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIM,GAAG,gBAAgBJ,EAAG,IAAI,CAACF,EAAIM,GAAG,sCAAuCN,EAAIe,UAAWb,EAAG,cAAc,CAACO,MAAM,CAAC,KAAOT,EAAIe,UAAU,oBAAsBf,EAAIgB,uBAAuBhB,EAAIa,KAAKX,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,oDAAoDK,MAAM,CAAC,SAAW,IAAI,KAAO,OAAO,eAAe,SAASE,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAIkB,QAAQC,KAAK,gCAAgC,MAAQ,CAAC,SAASF,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQrB,EAAIsB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOO,IAAI,SAAgB,KAAYxB,EAAIkB,QAAQC,KAAK,gCAAgC,SAASF,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQrB,EAAIsB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOO,IAAI,CAAC,IAAI,aAAoB,KAAYxB,EAAIkB,QAAQC,KAAK,mCAAmC,CAACnB,EAAIM,GAAG,wFAAwFJ,EAAG,OAAO,CAACE,YAAY,0BAA0B,KAAKF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACJ,EAAIc,GAAG,GAAGZ,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIM,GAAG,uBAAuBJ,EAAG,IAAI,CAACF,EAAIM,GAAG,8BAA+BN,EAAIyB,WAAazB,EAAIyB,UAAUC,OAAS,EAAGxB,EAAG,MAAM,CAACE,YAAY,gBAAgBJ,EAAI2B,GAAI3B,EAAIyB,WAAW,SAASG,GAAM,OAAO1B,EAAG,MAAM,CAACsB,IAAII,EAAKC,KAAKzB,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,IAAI,CAACO,MAAM,CAAC,KAAOmB,EAAKE,IAAI,MAAQF,EAAKG,YAAY,OAAS,UAAUpB,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAIgC,mBAAmBJ,MAAS,CAAC5B,EAAIM,GAAGN,EAAIO,GAAGqB,EAAKG,kBAAkB7B,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIiC,cAAcL,EAAKM,wBAAuB,GAAGlC,EAAIa,WAAWX,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACiC,MAAM,CAAC,WAAYnC,EAAIoC,eAAe,CAAClC,EAAG,MAAM,CAACE,YAAY,wCAAwCO,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAIkB,QAAQC,KAAK,2BAA2B,CAACnB,EAAIc,GAAG,GAAGZ,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIM,GAAG,iBAAiBJ,EAAG,IAAI,CAACF,EAAIM,GAAG,4CAA8CN,EAAIqC,cAA+VrC,EAAIa,KAApVX,EAAG,MAAM,CAACiC,MAAM,CAAC,WAAYnC,EAAIoC,eAAe,CAAClC,EAAG,MAAM,CAACE,YAAY,wCAAwCO,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAIsC,OAAOC,OAAO,wBAAwB,MAAS,CAACvC,EAAIc,GAAG,GAAGZ,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIM,GAAG,kBAAkBJ,EAAG,IAAI,CAACF,EAAIM,GAAG,iDAA2DN,EAAIqC,cAAenC,EAAG,MAAM,CAACiC,MAAM,CAAC,WAAYnC,EAAIoC,eAAe,CAAClC,EAAG,MAAM,CAACE,YAAY,wCAAwCO,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAIkB,QAAQC,KAAK,iBAAiB,CAACnB,EAAIc,GAAG,GAAGZ,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIM,GAAG,cAAcJ,EAAG,IAAI,CAACF,EAAIM,GAAG,uHAAuHN,EAAIa,KAAMb,EAAIwC,kBAAmBtC,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,mBAAmB,CAACuC,IAAI,qBAAqBhC,MAAM,CAAC,SAAU,uBAAAiC,OAAwB1C,EAAIwC,kBAAiB,cAAa,GAAGxC,EAAIa,SAAmHb,EAAI2C,kBAAmBzC,EAAG,eAAe,CAACS,GAAG,CAAC,gBAAgBX,EAAI4C,gBAAgB5C,EAAIa,MAAM,IAEttHgC,EAAkB,CAAC,WAAY,IAAI7C,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,6BACjI,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,6BAC5G,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,iCAC5G,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,uCAC5G,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,gC,YCN1GL,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIU,gBAAkBV,EAAIU,eAAegB,OAAQxB,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACJ,EAAIc,GAAG,GAAGZ,EAAG,KAAK,CAACE,YAAY,uBAAuB,CAACJ,EAAIM,GAAG,aAAaN,EAAIO,GAAGP,EAAI8C,aAAa,cAAc5C,EAAG,MAAM,CAACE,YAAY,cAAeJ,EAAI+C,uBAAwB7C,EAAG,kBAAkB,CAACO,MAAM,CAAC,mBAAqBT,EAAIgD,mBAAmB,eAAiBhD,EAAIU,eAAe,mBAAqBV,EAAIiD,oBAAoBtC,GAAG,CAAC,yBAA2BX,EAAIkD,4BAA4BlD,EAAIa,KAAKX,EAAG,aAAa,CAACO,MAAM,CAAC,KAAO,eAAe,CAACP,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEJ,EAAImD,yBAA2BnD,EAAIoD,iBAAmD,iBAAhCpD,EAAIgD,mBAAmB5B,KAAyBlB,EAAG,MAAM,CAACA,EAAG,IAAI,CAACF,EAAIM,GAAG,yBAAyBN,EAAIO,GAAGP,EAAIqD,kBAAkB,0BAA0BnD,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,8BAA8BN,EAAIO,GAAGP,EAAIsD,GAAG,YAAPtD,CAAoBA,EAAIuD,kBAAkBC,QAAQxD,EAAIuD,kBAAkBE,UAAUC,UAAU,uCAAuCxD,EAAG,OAAO,CAACyD,WAAW,CAAC,CAAC9B,KAAK,UAAU+B,QAAQ,YAAYC,MAAO,CAC9mCC,QAAS9D,EAAI+D,oBACbC,QAAS,eACVC,WAAW,iJAAiJ7D,YAAY,yBAAyB,CAACF,EAAG,oBAAoB,CAACO,MAAM,CAAC,KAAO,CAAC,MAAO,mBAAmB,KAAKT,EAAIM,GAAG,2BAA2BN,EAAIO,GAAGP,EAAIkE,mBAAmB,0BAA0BhE,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAImE,kBAAkBnE,EAAIM,GAAG,kDAAkDJ,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIuD,kBAAkBC,QAAQxD,EAAIuD,kBAAkBE,UAAUW,mBAAoBpE,EAAIqE,eAAgBnE,EAAG,OAAO,CAACE,YAAY,WAAW,CAACJ,EAAIM,GAAG,6BAA6BN,EAAIO,GAAGP,EAAIqE,eAAeC,qBAAqB,8BAA8BpE,EAAG,OAAO,CAACE,YAAY,kBAAkBmE,YAAY,CAAC,cAAc,SAAS,CAACvE,EAAIM,GAAG,IAAIN,EAAIO,GAAGP,EAAIsD,GAAG,YAAPtD,CAAoBA,EAAIqE,eAAeG,mBAAmB,eAAexE,EAAIM,GAAG,kCAAkCN,EAAIO,GAAGP,EAAIyE,gBAAgB,4BAA4BzE,EAAIa,KAAMb,EAAI0E,0BAA4B1E,EAAI2E,wBAAyB,CAAC3E,EAAIM,GAAG,oCAAoCN,EAAIO,GAAGP,EAAI4E,gCAAgC,yCAAyC1E,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,kCAAkCN,EAAIO,GAAGP,EAAIsD,GAAG,YAAPtD,CAAoBA,EAAIuD,kBAAkBC,QAAQxD,EAAIuD,kBAAkBE,UAAUoB,qBAAqBC,SAAS,yCAAyC9E,EAAIM,GAAG,4DAA4DJ,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAI+E,8BAA8B/E,EAAIM,GAAG,0DAA0DJ,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIgF,6BAA6BhF,EAAIa,KAAMb,EAAIiF,iCAAkC,CAAC/E,EAAG,KAAK,CAACE,YAAY,uBAAuB,CAACJ,EAAIM,GAAG,0FAA0FJ,EAAG,MAAM,CAACE,YAAY,cAAcF,EAAG,IAAI,CAACF,EAAIM,GAAG,sHAAsHJ,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,sCAAsCN,EAAIO,GAAGP,EAAIsD,GAAG,YAAPtD,CAAoBA,EAAIkF,wBAAwBxB,UAAU,+CAA+CxD,EAAG,OAAO,CAACyD,WAAW,CAAC,CAAC9B,KAAK,UAAU+B,QAAQ,YAAYC,MAAO,CAC93EC,QAAS,qmBAAFpB,OAMG1C,EAAImF,aAAaC,aAAY,ukBAMvCpB,QAAS,eACVC,WAAW,y1CAAy1C7D,YAAY,yBAAyB,CAACF,EAAG,oBAAoB,CAACO,MAAM,CAAC,KAAO,CAAC,MAAO,mBAAmB,KAAKT,EAAIM,GAAG,gFAAgFJ,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIkF,wBAAwBG,mBAAoBrF,EAAIsF,kBAAmB,CAACtF,EAAIM,GAAG,sJAAsJJ,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,2CAA2CN,EAAIO,GAAGP,EAAIsD,GAAG,YAAPtD,CAAoBA,EAAIuD,kBAAkBC,QAAQxD,EAAIuD,kBAAkBE,UAAUC,UAAU,oDAAoDxD,EAAG,OAAO,CAACyD,WAAW,CAAC,CAAC9B,KAAK,UAAU+B,QAAQ,YAAYC,MAAO,CACnnEC,QAAS,kxCAaTE,QAAS,eACVC,WAAW,m7CAAm7C7D,YAAY,yBAAyB,CAACF,EAAG,oBAAoB,CAACO,MAAM,CAAC,KAAO,CAAC,MAAO,mBAAmB,MAAMT,EAAIa,MAAM,IAAIb,EAAIa,MAAM,MAAOb,EAAImD,yBAA6D,cAAlCnD,EAAIgD,mBAAmBuC,QAA2D,YAAhCvF,EAAIgD,mBAAmB5B,KAAwvBpB,EAAImD,yBAA2D,UAAhCnD,EAAIgD,mBAAmB5B,KAAkBlB,EAAG,MAAM,CAACA,EAAG,IAAI,CAACF,EAAIM,GAAG,0BAA0BJ,EAAG,IAAI,CAACA,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,IAAIN,EAAIO,GAAGP,EAAIsD,GAAG,YAAPtD,CAAoBA,EAAIgD,mBAAmBwC,MAAM,SAAStF,EAAG,IAAI,CAACF,EAAIM,GAAG,kIAAkIJ,EAAG,IAAI,CAACqE,YAAY,CAAC,MAAQ,QAAQ,cAAc,QAAQ9D,MAAM,CAAC,KAAM,GAAAiC,OAAI1C,EAAIyF,WAAU,0CAAyC,OAAS,WAAW,CAACzF,EAAIM,GAAG,UAAUN,EAAIM,GAAG,2BAA4BN,EAAImD,yBAAsD,WAA3BnD,EAAI0F,cAAcC,KAAmBzF,EAAG,MAAM,CAACA,EAAG,IAAI,CAACF,EAAIM,GAAG,wHAAyHN,EAAI4F,mBAAoB1F,EAAG,MAAM,CAACA,EAAG,IAAI,CAACF,EAAIM,GAAG,qCAAqCJ,EAAG,oBAAoB,CAACE,YAAY,mBAAmBK,MAAM,CAAC,KAAO,CAAC,MAAO,oBAAoB,GAAGP,EAAG,MAAM,CAAEF,EAAI6F,2BAA4B,CAAC3F,EAAG,MAAM,CAAC4F,SAAS,CAAC,UAAY9F,EAAIO,GAAGP,EAAI6F,gCAAgC3F,EAAG,IAAI,CAACF,EAAIM,GAAG,2FAA2FJ,EAAG,cAAc,CAACE,YAAY,gBAAgBK,MAAM,CAAC,GAAK,aAAa,CAACT,EAAIM,GAAG,iBAAiB,IAAI,GAA9gEJ,EAAG,MAAM,CAACA,EAAG,IAAI,CAACF,EAAIM,GAAG,kEAAkEJ,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAIM,GAAG,IAAIN,EAAIO,GAAGP,EAAIsD,GAAG,YAAPtD,CAAoBA,EAAIgD,mBAAmB+C,mBAAmB,eAAe/F,EAAIM,GAAG,oDAAoDJ,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIgD,mBAAmBgD,+BAAgChG,EAAImF,aAAac,iBAAkB/F,EAAG,IAAI,CAACA,EAAG,IAAI,CAACE,YAAY,gBAAgBK,MAAM,CAAC,KAAOT,EAAImF,aAAac,iBAAiB,OAAS,WAAW,CAACjG,EAAIM,GAAG,kBAAkBN,EAAIM,GAAG,sJAAsJN,EAAIa,WAAyzCX,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAEJ,EAAIoD,iBAAmBpD,EAAIgD,mBAAmB+C,kBAAoB/F,EAAIkG,YAAahG,EAAG,MAAM,CAACE,YAAY,8DAA8DK,MAAM,CAAC,SAAW,IAAI,KAAO,OAAO,eAAe,SAASE,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAIkB,QAAQC,KAAK,yBAAyB,MAAQ,CAAC,SAASF,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQrB,EAAIsB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOO,IAAI,SAAgB,KAAYxB,EAAIkB,QAAQC,KAAK,yBAAyB,SAASF,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQrB,EAAIsB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOO,IAAI,CAAC,IAAI,aAAoB,KAAYxB,EAAIkB,QAAQC,KAAK,4BAA4B,CAACnB,EAAIM,GAAG,gDAAgDJ,EAAG,OAAO,CAACE,YAAY,uBAAuBJ,EAAIa,KAAMb,EAAIoD,kBAAoBpD,EAAIgD,mBAAmB+C,iBAAkB7F,EAAG,MAAM,CAACE,YAAY,mEAAmEK,MAAM,CAAC,SAAW,IAAI,KAAO,OAAO,eAAe,SAASE,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAIkB,QAAQC,KAAK,4BAADuB,OAA6B1C,EAAIiD,sBAAuB,MAAQ,CAAC,SAAShC,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQrB,EAAIsB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOO,IAAI,SAAgB,KAAYxB,EAAIkB,QAAQC,KAAK,4BAADuB,OAA6B1C,EAAIiD,sBAAuB,SAAShC,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQrB,EAAIsB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOO,IAAI,CAAC,IAAI,aAAoB,KAAYxB,EAAIkB,QAAQC,KAAK,4BAADuB,OAA6B1C,EAAIiD,yBAA0B,CAACjD,EAAIM,GAAG,uDAAuDJ,EAAG,OAAO,CAACE,YAAY,uBAAuBJ,EAAIa,KAAMb,EAAIoD,iBAAmBpD,EAAImG,QAASjG,EAAG,MAAM,CAACE,YAAY,mEAAmEK,MAAM,CAAC,SAAW,IAAI,KAAO,OAAO,eAAe,SAASE,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAIkB,QAAQC,KAAK,oBAAoB,MAAQ,CAAC,SAASF,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQrB,EAAIsB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOO,IAAI,SAAgB,KAAYxB,EAAIkB,QAAQC,KAAK,oBAAoB,SAASF,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQrB,EAAIsB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOO,IAAI,CAAC,IAAI,aAAoB,KAAYxB,EAAIkB,QAAQC,KAAK,uBAAuB,CAACnB,EAAIM,GAAG,qDAAqDJ,EAAG,OAAO,CAACE,YAAY,uBAAuBJ,EAAIa,QAAQ,GAAGX,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACJ,EAAIc,GAAG,GAAGd,EAAIc,GAAG,GAAGZ,EAAG,IAAI,CAACF,EAAIM,GAAG,mDAE7qMuC,EAAkB,CAAC,WAAY,IAAI7C,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,6BACjI,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,6BAC5G,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACE,YAAY,uBAAuB,CAACJ,EAAIM,GAAG,8CAA8CJ,EAAG,MAAM,CAACE,YAAY,gB,wBCpCtKL,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACyD,WAAW,CAAC,CAAC9B,KAAK,UAAU+B,QAAQ,YAAYC,MAAO,CAChIC,QAAS,yEACTsC,KAAMpG,EAAIqG,sBACVrC,QAAS,SACTsC,UAAW,SACXC,QAAS,cACVtC,WAAW,gNAAgNtD,GAAG,CAAC,MAAQX,EAAIwG,iBAAiB,CAAExG,EAAIqG,sBAAuBnG,EAAG,MAAM,CAACE,YAAY,iBAAiBJ,EAAIa,KAAKX,EAAG,MAAM,CAACE,YAAY,yBAAyB+B,MAAM,CAAE,gBAAiBnC,EAAIqG,wBAAyB,CAACnG,EAAG,MAAM,CAACyD,WAAW,CAAC,CAAC9B,KAAK,UAAU+B,QAAQ,YAAYC,MAAQ7D,EAAIyG,qBAAuB,GAAgC,IAA3BzG,EAAIiD,mBAA2B,GAAK,0BAA4BgB,WAAW,4FAA4F7D,YAAY,QAAQ+B,MAAM,CAAE,SAAYnC,EAAIyG,qBAAuB,GAAgC,IAA3BzG,EAAIiD,oBAA2BtC,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAI0G,YAAY1G,EAAIiD,mBAAqB,MAAM,CAAC/C,EAAG,OAAO,CAACE,YAAY,wBAAwBF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACF,EAAIM,GAAGN,EAAIO,GAAGP,EAAIgD,mBAAmB2D,yBAAyBzG,EAAG,MAAM,CAACyD,WAAW,CAAC,CAAC9B,KAAK,UAAU+B,QAAQ,YAAYC,MAAQ7D,EAAIyG,qBAAuB,GAAKzG,EAAIyG,uBAAyBzG,EAAIiD,mBAAqB,EAAI,GAAK,sBAAwBgB,WAAW,+GAA+G7D,YAAY,QAAQ+B,MAAM,CAAE,SAAYnC,EAAIyG,qBAAuB,GAAKzG,EAAIyG,uBAAyBzG,EAAIiD,mBAAqB,GAAItC,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOjB,EAAI0G,YAAY1G,EAAIiD,mBAAqB,MAAM,CAAC/C,EAAG,OAAO,CAACE,YAAY,8BAEziDyC,EAAkB,GCiBP,GACf+D,MAAA,6DACAC,MAAA,6BACAC,KAAA,WACA,UAEAC,QAAA,eAAAC,EAAA,KACAC,YAAA,WACAD,EAAAX,uBACAW,EAAAR,mBAEA,MAEAU,QAAA,CACAR,YAAA,SAAAS,GACA,IAAAC,EAAA,KAAAC,aAAAF,GACAC,GAGA,KAAAE,MAAA,2BAAAH,IAEAE,aAAA,SAAAE,GACA,OAAAA,GAAA,GAAAA,EAAA,KAAAd,sBAEAD,eAAA,WACA,KAAAlE,OAAAC,OAAA,2BAGAiF,SAAA,CACAnB,sBAAA,WACA,YAAA/D,OAAAmF,MAAAC,GAAArB,uBAEAI,qBAAA,WACA,YAAA/F,eAAAgB,UC1DuV,I,wBCQnViG,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,6BCyKfC,EAAAC,EAAA,QAEAC,IAAAC,OAAAH,GAEe,OACfhB,MAAA,CACAlG,eAAAsH,OAEAlB,KAAA,WACA,OACA7D,mBAAA,EACAqC,mBAAA,IAGA2C,WAAA,CACAC,kBAEAV,SAAA,CACAW,wCAAA,WACA,+WAAAzF,OAKA,KAAAyC,aAAAC,aAAA,mbASAgD,+BAAA,WACA,kMAIAlE,kBAAA,WACA,IAAAmE,EAAA,KAAApD,iCAAA,gDACA,SAAAvC,OAAA2F,EAAA,SAEAlE,cAAA,WACA,YAAAZ,kBAAA+E,IAAA,KAAAC,eAAAC,IAAA,KAAAjF,kBAAA+E,IAAA,KAAAC,eAAAlD,gBAEAhC,iBAAA,WACA,IAAAgF,EAAA,KAAApD,iCAAA,2BACA,SAAAvC,OAAA2F,EAAA,6BAEAtE,oBAAA,WACA,YAAAkB,iCAAA,KAAAkD,wCAAA,KAAAC,gCAEAnD,iCAAA,WACA,iBAAAwD,eAAA,KAAAzF,mBAAA0F,iBAaAxD,wBAAA,WACA,YAAAlC,mBAAA0F,gBAEA5F,YAAA,WACA,YAAAmC,iCAAA,qCAEAP,wBAAA,WACA,aAAAnB,kBAAAC,QAAA,KAAAD,kBAAAE,UAAAoB,sBAEA1B,wBAAA,WAGA,IAAAwF,EAAA,KAAArG,OAAAmF,MAAAC,GAAAlH,cAAAE,eACAkI,GAAA,EAWA,OAVAD,GAAAX,MAAAa,QAAAF,MAAAjH,QACAiH,EAAAG,SAAA,SAAAC,GACA,GAAAA,EAAAC,SAAAD,EAAAC,QAAAC,iBAAA,CACA,IAAAC,EAAAH,EAAAC,QAAAC,iBAAAE,MACA,SAAAC,GAAA,iCAAAA,EAAAC,SAEAH,IAAAN,GAAA,OAIAA,GAEA7D,0BAAA,WACA,IAAAuE,EAAA,KAAA/F,kBAAAC,QAAA,KAAAD,kBAAAE,UAAAoB,qBAAA0E,UAAAC,EAAAF,EAAAE,IAAAC,EAAAH,EAAAG,MAAAC,EAAAJ,EAAAI,KACAC,EAAA7B,IAAA,CAAA0B,MAAAC,QAAA,EAAAC,SACA,OAAAC,EAAAC,IAAA,SAAAC,OAAA,aAEA7E,wBAAA,WACA,IAAA8E,EAAA,KAAAvG,kBAAAC,QAAA,KAAAD,kBAAAE,UAAAoB,qBAAAkF,QAAAP,EAAAM,EAAAN,IAAAC,EAAAK,EAAAL,MAAAC,EAAAI,EAAAJ,KACA,OAAA5B,IAAA,CAAA0B,MAAAC,QAAA,EAAAC,SAAAG,OAAA,aAEAlF,wBAAA,WAEA,IAAAqF,EAAAlC,IAAA,KAAAxF,OAAAmF,MAAAC,GAAAlH,cAAAO,UAAAiJ,KACA5F,EAAA0D,IAAA,KAAAvE,kBAAAC,QAAA,KAAAD,kBAAAE,UAAAW,gBACA,QAAA0D,IAAA1D,GAAA6F,QAAAD,EAAAJ,IAAA,aAKAnE,WAAA,WACA,YAAAnD,OAAAmF,MAAAtC,aAAA+E,cAEAlH,mBAAA,WACA,YAAAtC,eAAA,KAAAuC,qBAEAM,kBAAA,WACA,YAAAP,mBAAAmH,cAEApH,uBAAA,WACA,YAAArC,eAAAgB,OAAA,GAEA0B,gBAAA,WACA,YAAAJ,mBAAAoH,kBAEAxE,mBAAA,WACA,OACA,KAAAtD,OAAAmF,MAAAtC,aAAAS,oBACA,mBAAA5C,mBAAAuC,QACA,mBAAAvC,mBAAAuC,QAGAG,cAAA,WACA,YAAA1C,mBAAAgG,QAAAqB,KAAAC,QAAA,SAAAD,GAAA,iBAAAA,EAAAhB,UAEAkB,SAAA,WACA,YAAAjI,OAAAmF,MAAAC,GAAAlH,cAAA+J,UAEArE,YAAA,WACA,YAAAqE,UAAA,KAAAA,SAAA7I,OAAA,GAEAyE,QAAA,WACA,YAAA7D,OAAAmF,MAAAC,GAAAlH,cAAAgK,MAAA,KAAAlI,OAAAmF,MAAAC,GAAAlH,cAAAgK,KAAA9I,OAAA,GAEA+I,QAAA,WACA,YAAAnI,OAAAmF,MAAAtC,aAAAsF,SAEAlC,eAAA,WACA,YAAAhF,kBAAAC,QAAA,KAAAD,kBAAAE,WAEAY,eAAA,WACA,YAAAkE,eAAAlE,gBAEAI,eAAA,WACA,IAAA2E,EAAA,KAMA,OALA,KAAA/E,iBACA+E,EAAA,KAAAsB,QAAA,GAAAhI,OACA,KAAA2B,eAAAI,eAAAiF,KAAA,KAAAhH,OAAA,KAAA2B,eAAAI,eAAAgF,MAAA,KAAA/G,OAAA,KAAA2B,eAAAI,eAAA+E,MACAK,OAAA,gBAEAT,GAEAjE,aAAA,WACA,YAAA7C,OAAAqI,QAAA,8BAEA9E,2BAAA,WACA,YAAAV,aAAAyF,sBAEAhG,+BAAA,WACA,YAAAO,aAAAP,gCAAA,kBAGAsC,QAAA,CACAhE,yBAAA,SAAAiE,GACA,KAAAlE,mBAAAkE,IAIA0D,MAAA,CACA7H,mBAAA,CACA8H,QAAA,SAAAC,GACA,KAAAzD,MAAA,qBAAAyD,IAEAC,WAAA,KCnX0V,ICStV,G,oBAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCpBXjL,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACuC,IAAI,aAAa,CAACvC,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,KAAK,CAACE,YAAY,eAAe,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIiL,aAAaC,OAAOvF,SAAU3F,EAAIiL,aAAaC,OAAOC,KAAMjL,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMT,EAAIiL,aAAaC,OAAOC,QAAQnL,EAAIa,OAAOX,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,mBAAmB,CAACuC,IAAI,qBAAqBhC,MAAM,CAAC,SAAU,+BAAAiC,OAAgC1C,EAAIiL,aAAaG,KAAI,cAAa,GAAGlL,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,SAAS,CAACE,YAAY,yBAAyBK,MAAM,CAAC,KAAO,UAAUE,GAAG,CAAC,MAAQX,EAAIqL,cAAc,CAACrL,EAAIM,GAAG,wCAE1mBuC,EAAkB,G,0nBCmBP,OACfhB,KAAA,gBACAoG,WAAA,CACAqD,wBAEAxE,KAAA,WACA,OACAyE,UAAA,OAGA/D,SAAA,CACAgE,WAAA,WACA,YAAAlJ,OAAAmF,MAAAtC,aAAA8F,aAAAO,YAAA,GAAA9I,OAAA,KAAAJ,OAAAmF,MAAAtC,aAAAsG,aAEAR,aAAA,WACA,OAAAS,IAAA,GACA,KAAApJ,OAAAmF,MAAAtC,aAAA8F,cAAA,IACAC,OAAAQ,IAAA,GACA,KAAApJ,OAAAmF,MAAAtC,aAAA8F,aAAAC,QAAA,IACAvF,KAAA,KAAArD,OAAAmF,MAAAtC,aAAA8F,aAAAC,OAAAvF,MAAA,GACAwF,KAAA,KAAA7I,OAAAmF,MAAAtC,aAAA8F,aAAAC,OAAAC,MAAA,SAKAjE,QAAA,CACAyE,WAAA,WAEA,KAAAC,MAAAC,UAAAC,aAEAT,YAAA,WACA,KAAAO,MAAAC,YAGA,KAAAD,MAAAC,UAAAE,QACA,KAAAzE,MAAA,oBAGAP,QAAA,eAAAC,EAAA,KACA,KAAAuE,UAAAS,OAAA/E,YAAA,WACAD,EAAA2E,eACA,MAEAM,cAAA,WACAD,OAAAE,aAAA,KAAAX,aCjEoW,ICQhW,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCsEA,GACfxE,QAAA,eAAAC,EAAA,KACA,KAAAxG,eACA,KAAA8B,OAAA6J,SAAA,oBAAAC,MAAA,WACApF,EAAAqF,oBAIAvF,KAAA,WACA,OACAwF,OAAA,EACAC,mBAAA,GACAlG,uBAAA,EACAmG,WAAA,KACAxL,oBAAA,KACAyL,cAAA,IAGAxE,WAAA,CACAyE,mBACAC,oBACA1B,eACAK,wBAEApE,QAAA,CACAtE,aAAA,WACA,KAAA6J,cAAA,GAEAxK,cAAA,SAAAmH,GACA,YAAAsB,QAAAtB,EAAA,cAAAS,OAAA,iBAEAwC,cAAA,eAAAO,EAAA,KACAZ,OAAA/E,YAAA,WACA2F,EAAAtK,OAAA6J,SAAA,gBAAAC,MAAA,WACAQ,EAAAP,qBAEA,MAEArK,mBAAA,SAAA6K,GACA,KAAAvK,OAAA6J,SAAA,iCACAW,QAAA,iBACAC,KAAA,KAAAC,OAAAC,KACA5C,KAAAwC,EAAA9K,eAGAnB,mBAAA,SAAAmI,GACA,KAAA/H,oBAAA+H,IAGAkD,cAAA,WACA,KAAAO,YAAAR,OAAAE,aAAA,KAAAM,aAEAhF,SAAA,CACApF,aAAA,WACA,YAAAI,kBAAA,uBAGAA,kBAAA,WAEA,YAAAF,OAAAmF,MAAAtC,cAAA,KAAA7C,OAAAmF,MAAAtC,aAAA3C,mBAEAG,kBAAA,WACA,YAAAL,OAAAmF,MAAAtC,cAAA,KAAA7C,OAAAmF,MAAAtC,aAAA8F,cAAA,KAAA3I,OAAAqI,QAAA,8BAAA8B,cAEAtH,aAAA,WACA,YAAA7C,OAAAqI,QAAA,8BAEAnK,cAAA,WACA,YAAA8B,OAAAmF,MAAAC,GAAAlH,eAEAE,eAAA,WACA,YAAAF,cAAAE,gBAEAe,UAAA,WACA,YAAAjB,cACA,KAAAA,cAAAiB,UADA,MAGAV,UAAA,WACA,YAAAP,cACA,KAAAA,cAAAO,UADA,MAGAV,QAAA,WACA,YAAAG,cACA,KAAAA,cAAAH,QADA,MAGAgC,cAAA,WACA,YAAAC,OAAAmF,MAAAtC,cAAA,KAAA7C,OAAAmF,MAAAtC,aAAA9C,iBC/K+U,ICQ3U,G,UAAY,eACd,EACAtC,EACA8C,GACA,EACA,KACA,WACA,OAIa,e","file":"js/MyData.c839528c.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./periodSelector.vue?vue&type=style&index=0&id=7e7c4da0&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./servicePeriodTile.vue?vue&type=style&index=0&id=50405938&prod&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./memberDialog.vue?vue&type=style&index=0&id=2b33c9ca&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./MyData.vue?vue&type=style&index=0&id=17f3fc7b&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./servicePeriodTile.vue?vue&type=style&index=1&id=50405938&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pageWrapper\"},[(!_vm.message)?_c('div',{staticClass:\"pension-options container\"},[_c('div',{staticClass:\"options row\"},[_c('div',{staticClass:\"col-md-6 col-lg-4\"},[(_vm.dashboardData)?_c('service-period-tile',{attrs:{\"servicePeriods\":_vm.servicePeriods},on:{\"updatePeriodInView\":_vm.updatePeriodInView}}):_vm._e()],1),_c('div',{staticClass:\"col-md-6 col-lg-4\"},[_c('div',{staticClass:\"clearfix option rounded p-4 x-p-b\"},[_vm._m(0),_c('h3',{staticClass:\"h5 mb-3 mt-2\"},[_vm._v(\"My Details\")]),_c('p',[_vm._v(\"A summary of my personal details\")]),(_vm.basicData)?_c('userDetails',{attrs:{\"data\":_vm.basicData,\"servicePeriodInView\":_vm.servicePeriodInView}}):_vm._e(),_c('div',{staticClass:\"action-wrapper\"},[_c('div',{staticClass:\"button-outline-rounded small text-center view-all\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-pressed\":\"false\"},on:{\"click\":function($event){return _vm.$router.push('/my-pension/edit-my-details')},\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.$router.push('/my-pension/edit-my-details')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;return _vm.$router.push('/my-pension/edit-my-details')}]}},[_vm._v(\"\\n                            View / manage my details\\n                            \"),_c('span',{staticClass:\"icon-arrow-right\"})])])],1)]),_c('div',{staticClass:\"col-md-12 col-lg-4\"},[_c('div',{staticClass:\"clearfix option rounded p-4 x-p-b\"},[_vm._m(1),_c('h3',{staticClass:\"h5 mb-3 mt-2\"},[_vm._v(\"My Correspondence\")]),_c('p',[_vm._v(\"My latest correspondence\")]),(_vm.documents && _vm.documents.length > 0)?_c('div',{staticClass:\"data-section\"},_vm._l((_vm.documents),function(item){return _c('div',{key:item.name,staticClass:\"link-list\"},[_c('span',{staticClass:\"link\"},[_c('a',{attrs:{\"href\":item.url,\"title\":item.displayName,\"target\":\"_blank\"},on:{\"click\":function($event){return _vm.logDocumentClicked(item)}}},[_vm._v(_vm._s(item.displayName))])]),_c('span',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.formatDocDate(item.datePublished)))])])}),0):_vm._e()])])]),_c('div',{staticClass:\"options row\"},[_c('div',{class:['col-md-6', _vm.rowClassCols]},[_c('div',{staticClass:\"clearfix option clickable rounded p-4\",on:{\"click\":function($event){return _vm.$router.push('/my-pension/activity')}}},[_vm._m(2),_c('h3',{staticClass:\"h5 mb-3 mt-2\"},[_vm._v(\"My Activity\")]),_c('p',[_vm._v(\"My recent activity on this website\")])])]),(!_vm.allowWebForms)?_c('div',{class:['col-md-6', _vm.rowClassCols]},[_c('div',{staticClass:\"clearfix option clickable rounded p-4\",on:{\"click\":function($event){return _vm.$store.commit('toggleEnquiriesModal', true)}}},[_vm._m(3),_c('h3',{staticClass:\"h5 mb-3 mt-2\"},[_vm._v(\"My Enquiries\")]),_c('p',[_vm._v(\"Please click here to submit an enquiry.\")])])]):_vm._e(),(_vm.allowWebForms)?_c('div',{class:['col-md-6', _vm.rowClassCols]},[_c('div',{staticClass:\"clearfix option clickable rounded p-4\",on:{\"click\":function($event){return _vm.$router.push('/web-forms')}}},[_vm._m(4),_c('h3',{staticClass:\"h5 mb-3 mt-2\"},[_vm._v(\"My Forms\")]),_c('p',[_vm._v(\"Complete benefit forms and update your information, including your bank account details or expression of wish\")])])]):_vm._e(),(_vm.myPensionTileHTML)?_c('div',{staticClass:\"col-md-12 col-lg-6\"},[_c('dynamic-template',{ref:\"dynamicTemplateRef\",attrs:{\"template\":`<div class='option'>${_vm.myPensionTileHTML}</div>`}})],1):_vm._e()])]):_c('div',{staticClass:\"message\"},[_c('div',{staticClass:\"message-text\"},[_vm._v(_vm._s(_vm.message))])]),(_vm.isDialogAvailable)?_c('memberDialog',{on:{\"dialog-closed\":_vm.dialogClosed}}):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-user option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-mail option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-activity option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-message-square option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-edit-3 option-icon\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.servicePeriods && _vm.servicePeriods.length)?_c('div',{staticClass:\"clearfix option option-theme rounded p-4 x-p-b\"},[_vm._m(0),_c('h3',{staticClass:\"h5 mb-1 mt-2 inline\"},[_vm._v(\"\\n        \"+_vm._s(_vm.headingText)+\"\\n        \"),_c('div',{staticClass:\"divider\"})]),(_vm.multipleServicePeriods)?_c('period-selector',{attrs:{\"servicePeriodShown\":_vm.servicePeriodShown,\"servicePeriods\":_vm.servicePeriods,\"servicePeriodIndex\":_vm.servicePeriodIndex},on:{\"updateServicePeriodIndex\":_vm.updateServicePeriodIndex}}):_vm._e(),_c('transition',{attrs:{\"name\":\"slide-fade\"}},[_c('div',{staticClass:\"mb-6\"},[(_vm.hasNormalRetirementDate && _vm.hasIllustration && _vm.servicePeriodShown.type === 'Illustration')?_c('div',[_c('p',[_vm._v(\"\\n                    \"+_vm._s(_vm.pensionValueText)+\"\\n                    \"),_c('span',{staticClass:\"pension-value\"},[_vm._v(\"\\n                        £\"+_vm._s(_vm._f(\"numFormat\")(_vm.illustrationShown.results[_vm.illustrationShown.nraIndex].pension))+\" per year\\n                        \"),_c('span',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({\n                            content: _vm.pensionValueTooltip,\n                            trigger: 'click hover',\n                        }),expression:\"{\\n                            content: pensionValueTooltip,\\n                            trigger: 'click hover',\\n                        }\"}],staticClass:\"pension-value-tooltip\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fal', 'info-circle']}})],1)]),_vm._v(\"\\n\\n                    \"+_vm._s(_vm.retirementAgeText)+\"\\n                    \"),_c('span',{staticClass:\"retirement-age\"},[_vm._v(_vm._s(_vm.retirementAge))]),_vm._v(\"\\n                    on\\n                    \"),_c('span',{staticClass:\"retirement-date\"},[_vm._v(_vm._s(_vm.illustrationShown.results[_vm.illustrationShown.nraIndex].retirementDate))]),(_vm.stepChangeInfo)?_c('span',{staticClass:\"subText\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.stepChangeInfo.stepChangeDirection)+\"\\n                        \"),_c('span',{staticClass:\"reduction-value\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"£\"+_vm._s(_vm._f(\"numFormat\")(_vm.stepChangeInfo.stepChangeAmount))+\" per year\")]),_vm._v(\"\\n                        from \"+_vm._s(_vm.stepChangeDate)+\"\\n                    \")]):_vm._e(),(_vm.hasTemporaryPensionInfo && !_vm.isRetirementDateAfter65)?[_vm._v(\"\\n                        plus a \"+_vm._s(_vm.bridgingOrSupplementaryWording)+\" Pension of\\n                        \"),_c('span',{staticClass:\"pension-value\"},[_vm._v(\"\\n                            £\"+_vm._s(_vm._f(\"numFormat\")(_vm.illustrationShown.results[_vm.illustrationShown.nraIndex].temporaryPensionInfo.amount))+\" per year\\n                        \")]),_vm._v(\"\\n                        from\\n                        \"),_c('span',{staticClass:\"retirement-date\"},[_vm._v(_vm._s(_vm.temporaryPensionStartDate))]),_vm._v(\"\\n                        to\\n                        \"),_c('span',{staticClass:\"retirement-date\"},[_vm._v(_vm._s(_vm.temporaryPensionEndDate))])]:_vm._e(),(_vm.isServicePeriodShownStatusActive)?[_c('h3',{staticClass:\"h5 mb-1 mt-2 inline\"},[_vm._v(\"\\n                            My pension built up so far\\n                            \"),_c('div',{staticClass:\"divider\"})]),_c('p',[_vm._v(\"\\n                            You have currently built up an illustrative pension of\\n                            \"),_c('span',{staticClass:\"pension-value\"},[_vm._v(\"\\n                                £\"+_vm._s(_vm._f(\"numFormat\")(_vm.accruedPensionResultDto.pension))+\" per year\\n                                \"),_c('span',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({\n                                    content: `\n                                        <p>\n                                            This is an illustration of your pension already accrued as at today’s date,\n                                            based on the most recent salary and service information held about you by the Trustee, that\n                                            would be payable to you from the retirement age shown (expressed in today’s money).\n                                            It does not make any allowance for potential additional Pensionable Service within the\n                                            ${_vm.clientConfig.fundOrScheme} nor for any changes to your Pensionable Salary or working hours.\n                                            This illustration does not include any benefits that could be provided as a result of\n                                            any Additional Voluntary Contributions (AVCs) you may have made to the Fund.\n                                            If you have made AVCs to the Fund, you will be provided with a statement annually\n                                            showing the value of your AVC investments.\n                                        </p>`,\n                                    trigger: 'click hover',\n                                }),expression:\"{\\n                                    content: `\\n                                        <p>\\n                                            This is an illustration of your pension already accrued as at today’s date,\\n                                            based on the most recent salary and service information held about you by the Trustee, that\\n                                            would be payable to you from the retirement age shown (expressed in today’s money).\\n                                            It does not make any allowance for potential additional Pensionable Service within the\\n                                            ${clientConfig.fundOrScheme} nor for any changes to your Pensionable Salary or working hours.\\n                                            This illustration does not include any benefits that could be provided as a result of\\n                                            any Additional Voluntary Contributions (AVCs) you may have made to the Fund.\\n                                            If you have made AVCs to the Fund, you will be provided with a statement annually\\n                                            showing the value of your AVC investments.\\n                                        </p>`,\\n                                    trigger: 'click hover',\\n                                }\"}],staticClass:\"pension-value-tooltip\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fal', 'info-circle']}})],1)]),_vm._v(\"\\n                            payable from age\\n                            \"),_c('span',{staticClass:\"retirement-age\"},[_vm._v(_vm._s(_vm.accruedPensionResultDto.ageDescription))]),(_vm.showSpousePension)?[_vm._v(\"\\n                                and a potential spouse’s or dependant’s pension payable on death in service of\\n                                \"),_c('span',{staticClass:\"pension-value\"},[_vm._v(\"\\n                                    £[\"+_vm._s(_vm._f(\"numFormat\")(_vm.illustrationShown.results[_vm.illustrationShown.nraIndex].pension))+\"] per year\\n                                    \"),_c('span',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({\n                                        content: `\n                                            <p>\n                                                The spouse’s pension shown on this page may be reduced where you have been married\n                                                for less than two years and your spouse is more than ten years\n                                                younger than you at the point of death.  If you have children under age 18,\n                                                or under age 23 and in full-time education or vocational training,\n                                                dependants’ pensions may be payable.In addition to the benefits shown on this page,\n                                                there is a Life Assurance lump sum payable on death in service.\n                                                Please refer to the ‘My Benefits’ site available on your company\n                                                intranet for further details on this cover.  You should ensure that your\n                                                Beneficiary Nomination Form available on request from\n                                                Lane Clark & Peacock LLP / your employer's HR department is kept up to date.\n                                            </p>`,\n                                        trigger: 'click hover',\n                                    }),expression:\"{\\n                                        content: `\\n                                            <p>\\n                                                The spouse’s pension shown on this page may be reduced where you have been married\\n                                                for less than two years and your spouse is more than ten years\\n                                                younger than you at the point of death.  If you have children under age 18,\\n                                                or under age 23 and in full-time education or vocational training,\\n                                                dependants’ pensions may be payable.In addition to the benefits shown on this page,\\n                                                there is a Life Assurance lump sum payable on death in service.\\n                                                Please refer to the ‘My Benefits’ site available on your company\\n                                                intranet for further details on this cover.  You should ensure that your\\n                                                Beneficiary Nomination Form available on request from\\n                                                Lane Clark & Peacock LLP / your employer's HR department is kept up to date.\\n                                            </p>`,\\n                                        trigger: 'click hover',\\n                                    }\"}],staticClass:\"pension-value-tooltip\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fal', 'info-circle']}})],1)])]:_vm._e()],2)]:_vm._e()],2)]):((_vm.hasNormalRetirementDate || _vm.servicePeriodShown.status === 'Dependant') && _vm.servicePeriodShown.type === 'Pension')?_c('div',[_c('p',[_vm._v(\"\\n                    Pension in payment\\n                    \"),_c('span',{staticClass:\"pension-value\"},[_vm._v(\"£\"+_vm._s(_vm._f(\"numFormat\")(_vm.servicePeriodShown.pensionInPayment))+\" per year\")]),_vm._v(\"\\n                    from\\n                    \"),_c('span',{staticClass:\"retirement-date\"},[_vm._v(_vm._s(_vm.servicePeriodShown.pensionInPaymentFromDate))])]),(_vm.clientConfig.pensionerBooklet)?_c('p',[_c('a',{staticClass:\"linkOnPrimary\",attrs:{\"href\":_vm.clientConfig.pensionerBooklet,\"target\":\"_blank\"}},[_vm._v(\"This booklet\")]),_vm._v(\" explains your pension payslip (see\\n                    below) and answers some common questions about your pension payments.\\n                \")]):_vm._e()]):(_vm.hasNormalRetirementDate && _vm.servicePeriodShown.type === 'DcPot')?_c('div',[_c('p',[_vm._v(\"Estimated fund value\")]),_c('p',[_c('span',{staticClass:\"pension-value\"},[_vm._v(\"£\"+_vm._s(_vm._f(\"numFormat\")(_vm.servicePeriodShown.pot))+\" \")])]),_c('p',[_vm._v(\"\\n                    A summary of the options available in respect of your Pension Account can be found\\n                    \"),_c('a',{staticStyle:{\"color\":\"white\",\"font-weight\":\"bold\"},attrs:{\"href\":`${_vm.blobStorge}/documents/retirement-option-flyer.pdf`,\"target\":\"_blank\"}},[_vm._v(\"here\")]),_vm._v(\".\\n                \")])]):(_vm.hasNormalRetirementDate && _vm.currentStatus.text === 'active')?_c('div',[_c('p',[_vm._v(\"Please refer to your latest annual benefit statement for an illustration of your benefits in the first instance.\")])]):(_vm.modellerComingSoon)?_c('div',[_c('p',[_vm._v(\"This option will be coming soon\")]),_c('font-awesome-icon',{staticClass:\"coming-soon-icon\",attrs:{\"icon\":['fad', 'calendar-day']}})],1):_c('div',[(_vm.customContactUsTileWording)?[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.customContactUsTileWording)}})]:_c('p',[_vm._v(\"\\n                    For any information on your benefits please\\n                    \"),_c('router-link',{staticClass:\"linkOnPrimary\",attrs:{\"to\":\"/contact\"}},[_vm._v(\"contact us\")])],1)],2)])]),_c('div',{staticClass:\"action-wrapper\"},[(_vm.hasIllustration && _vm.servicePeriodShown.pensionInPayment && _vm.hasPayslips)?_c('div',{staticClass:\"button-outline-rounded small text-center view-all clickable\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-pressed\":\"false\"},on:{\"click\":function($event){return _vm.$router.push(`/my-pension/payslips`)},\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.$router.push(`/my-pension/payslips`)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;return _vm.$router.push(`/my-pension/payslips`)}]}},[_vm._v(\"\\n            View my payslips\\n            \"),_c('span',{staticClass:\"icon-arrow-right\"})]):_vm._e(),(_vm.hasIllustration && !_vm.servicePeriodShown.pensionInPayment)?_c('div',{staticClass:\"button-outline-rounded small text-center view-all clickable mt-3\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-pressed\":\"false\"},on:{\"click\":function($event){return _vm.$router.push(`/my-pension/pension-tool/${_vm.servicePeriodIndex}`)},\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.$router.push(`/my-pension/pension-tool/${_vm.servicePeriodIndex}`)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;return _vm.$router.push(`/my-pension/pension-tool/${_vm.servicePeriodIndex}`)}]}},[_vm._v(\"\\n            View my pension options\\n            \"),_c('span',{staticClass:\"icon-arrow-right\"})]):_vm._e(),(_vm.hasIllustration && _vm.hasP60s)?_c('div',{staticClass:\"button-outline-rounded small text-center view-all clickable mt-3\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-pressed\":\"false\"},on:{\"click\":function($event){return _vm.$router.push(`/my-pension/p60`)},\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.$router.push(`/my-pension/p60`)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;return _vm.$router.push(`/my-pension/p60`)}]}},[_vm._v(\"\\n            View my P60 documents\\n            \"),_c('span',{staticClass:\"icon-arrow-right\"})]):_vm._e()])],1):_c('div',{staticClass:\"clearfix option option-theme rounded p-4 x-p-b\"},[_vm._m(1),_vm._m(2),_c('p',[_vm._v(\"There are no visible pension illustrations\")])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-gift option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-gift option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"h5 mb-1 mt-2 inline\"},[_vm._v(\"\\n        My pension entitlement\\n        \"),_c('div',{staticClass:\"divider\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({\n    content: `You have more than one record, click the arrows to switch between them`,\n    show: _vm.showServicePeriodHelp,\n    trigger: 'manual',\n    placement: 'bottom',\n    classes: 'light-mode'\n}),expression:\"{\\n    content: `You have more than one record, click the arrows to switch between them`,\\n    show: showServicePeriodHelp,\\n    trigger: 'manual',\\n    placement: 'bottom',\\n    classes: 'light-mode'\\n}\"}],on:{\"click\":_vm.hidePeriodHelp}},[(_vm.showServicePeriodHelp)?_c('div',{staticClass:\"highlight-bg\"}):_vm._e(),_c('div',{staticClass:\"illustration-range row\",class:{ 'active-helper': _vm.showServicePeriodHelp }},[_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:((_vm.servicePeriodsLength < 2 || _vm.servicePeriodIndex === 0 ? '' : 'previous service period')),expression:\"(servicePeriodsLength < 2 || servicePeriodIndex === 0 ? '' : 'previous service period')\"}],staticClass:\"icons\",class:{ 'inactive': _vm.servicePeriodsLength < 2 || _vm.servicePeriodIndex === 0 },on:{\"click\":function($event){return _vm.updateIndex(_vm.servicePeriodIndex - 1)}}},[_c('span',{staticClass:\"icon-chevron-left\"})]),_c('div',{staticClass:\"inner\"},[_c('div',[_vm._v(_vm._s(_vm.servicePeriodShown.servicePeriodTitle))])]),_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:((_vm.servicePeriodsLength < 2 || _vm.servicePeriodsLength === _vm.servicePeriodIndex + 1 ? '' : 'next service period')),expression:\"(servicePeriodsLength < 2 || servicePeriodsLength === servicePeriodIndex + 1 ? '' : 'next service period')\"}],staticClass:\"icons\",class:{ 'inactive': _vm.servicePeriodsLength < 2 || _vm.servicePeriodsLength === _vm.servicePeriodIndex + 1 },on:{\"click\":function($event){return _vm.updateIndex(_vm.servicePeriodIndex + 1)}}},[_c('span',{staticClass:\"icon-chevron-right\"})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-tooltip=\"{\r\n        content: `You have more than one record, click the arrows to switch between them`,\r\n        show: showServicePeriodHelp,\r\n        trigger: 'manual',\r\n        placement: 'bottom',\r\n        classes: 'light-mode'\r\n    }\" @click=\"hidePeriodHelp\">\r\n        <div v-if=\"showServicePeriodHelp\" class=\"highlight-bg\"></div>\r\n        <div class=\"illustration-range row\" :class=\"{ 'active-helper': showServicePeriodHelp }\">\r\n            <div class=\"icons\" :class=\"{ 'inactive': servicePeriodsLength < 2 || servicePeriodIndex === 0 }\" @click=\"updateIndex(servicePeriodIndex - 1)\"\r\n                v-tooltip=\"(servicePeriodsLength < 2 || servicePeriodIndex === 0 ? '' : 'previous service period')\">\r\n                <span class=\"icon-chevron-left\" />\r\n            </div>\r\n            <div class=\"inner\">\r\n                <div>{{ servicePeriodShown.servicePeriodTitle }}</div>\r\n            </div>\r\n            <div class=\"icons\" :class=\"{ 'inactive': servicePeriodsLength < 2 || servicePeriodsLength === servicePeriodIndex + 1 }\" @click=\"updateIndex(servicePeriodIndex + 1)\"\r\n                v-tooltip=\"(servicePeriodsLength < 2 || servicePeriodsLength === servicePeriodIndex + 1 ? '' : 'next service period')\"><span class=\"icon-chevron-right\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    props: ['servicePeriodShown', 'servicePeriods', 'servicePeriodIndex'],\r\n    emits: ['updateServicePeriodIndex'],\r\n    data () {\r\n        return {};\r\n    },\r\n    mounted () {\r\n        setTimeout(() => {\r\n            if (this.showServicePeriodHelp) {\r\n                this.hidePeriodHelp();\r\n            }\r\n        }, 5000);\r\n    },\r\n    methods: {\r\n        updateIndex (newIndex) {\r\n            const validIndex = this.isIndexValid(newIndex);\r\n            if (!validIndex) {\r\n                return;\r\n            }\r\n            this.$emit('updateServicePeriodIndex', newIndex);\r\n        },\r\n        isIndexValid (index) {\r\n            return index >= 0 && index < this.servicePeriodsLength;\r\n        },\r\n        hidePeriodHelp () {\r\n            this.$store.commit('hideServicePeriodHelp');\r\n        },\r\n    },\r\n    computed: {\r\n        showServicePeriodHelp () {\r\n            return this.$store.state.ui.showServicePeriodHelp;\r\n        },\r\n        servicePeriodsLength () {\r\n            return this.servicePeriods.length;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.highlight-bg {\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: rgba(0, 0, 0, .6);\r\n    z-index: 1;\r\n}\r\n\r\n.active-helper {\r\n    z-index: 2;\r\n    position: relative;\r\n\r\n    background: rgba(255, 255, 255, .9);\r\n    font-weight: bold;\r\n    border-radius: 6px;\r\n}\r\n\r\n.illustration-range {\r\n    text-align: center;\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 5px;\r\n\r\n    .icons {\r\n        background: var(--secondaryColour);\r\n        color: var(--textOnSecondary);\r\n        height: 20px;\r\n        width: 20px;\r\n        border-radius: 10px;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n\r\n        &.inactive {\r\n            opacity: .3;\r\n            cursor: default;\r\n        }\r\n    }\r\n\r\n    .inner {\r\n        flex-grow: 1;\r\n        font-size: 14px;\r\n        color: var(--secondaryColour);\r\n    }\r\n\r\n    .periodSelector {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n\r\n        .icons {\r\n            margin: 0 10px;\r\n            cursor: pointer;\r\n\r\n            &.inactive {\r\n                opacity: .6;\r\n                cursor: default;\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>\r\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!./periodSelector.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!./periodSelector.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./periodSelector.vue?vue&type=template&id=7e7c4da0&scoped=true\"\nimport script from \"./periodSelector.vue?vue&type=script&lang=js\"\nexport * from \"./periodSelector.vue?vue&type=script&lang=js\"\nimport style0 from \"./periodSelector.vue?vue&type=style&index=0&id=7e7c4da0&prod&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  \"7e7c4da0\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"clearfix option option-theme rounded p-4 x-p-b\" v-if=\"servicePeriods && servicePeriods.length\">\r\n        <div class=\"icon-round\">\r\n            <span class=\"icon-gift option-icon\"></span>\r\n        </div>\r\n        <h3 class=\"h5 mb-1 mt-2 inline\">\r\n            {{ headingText }}\r\n            <div class=\"divider\"></div>\r\n        </h3>\r\n        <period-selector v-if=\"multipleServicePeriods\" :servicePeriodShown=\"servicePeriodShown\" :servicePeriods=\"servicePeriods\"\r\n            :servicePeriodIndex=\"servicePeriodIndex\" @updateServicePeriodIndex=\"updateServicePeriodIndex\" />\r\n        <transition name=\"slide-fade\">\r\n            <div class=\"mb-6\">\r\n                <div v-if=\"hasNormalRetirementDate && hasIllustration && servicePeriodShown.type === 'Illustration'\">\r\n                    <p>\r\n                        {{ pensionValueText }}\r\n                        <span class=\"pension-value\">\r\n                            &pound;{{ illustrationShown.results[illustrationShown.nraIndex].pension | numFormat }} per year\r\n                            <span class=\"pension-value-tooltip\" v-tooltip=\"{\r\n                                content: pensionValueTooltip,\r\n                                trigger: 'click hover',\r\n                            }\">\r\n                                <font-awesome-icon :icon=\"['fal', 'info-circle']\"></font-awesome-icon>\r\n                            </span>\r\n                        </span>\r\n\r\n                        {{ retirementAgeText }}\r\n                        <span class=\"retirement-age\">{{ retirementAge }}</span>\r\n                        on\r\n                        <span class=\"retirement-date\">{{ illustrationShown.results[illustrationShown.nraIndex].retirementDate }}</span>\r\n\r\n                        <span v-if=\"stepChangeInfo\" class=\"subText\">\r\n                            {{ stepChangeInfo.stepChangeDirection }}\r\n                            <span style=\"font-weight: bold\" class=\"reduction-value\">£{{ stepChangeInfo.stepChangeAmount | numFormat }} per year</span>\r\n                            from {{ stepChangeDate }}\r\n                        </span>\r\n\r\n                        <template v-if=\"hasTemporaryPensionInfo && !isRetirementDateAfter65\">\r\n                            plus a {{ bridgingOrSupplementaryWording }} Pension of\r\n                            <span class=\"pension-value\">\r\n                                &pound;{{ illustrationShown.results[illustrationShown.nraIndex].temporaryPensionInfo.amount | numFormat }} per year\r\n                            </span>\r\n                            from\r\n                            <span class=\"retirement-date\">{{ temporaryPensionStartDate }}</span>\r\n                            to\r\n                            <span class=\"retirement-date\">{{ temporaryPensionEndDate }}</span>\r\n                        </template>\r\n\r\n                        <template v-if=\"isServicePeriodShownStatusActive\">\r\n                            <h3 class=\"h5 mb-1 mt-2 inline\">\r\n                                My pension built up so far\r\n                                <div class=\"divider\"></div>\r\n                            </h3>\r\n                            <p>\r\n                                You have currently built up an illustrative pension of\r\n                                <span class=\"pension-value\">\r\n                                    &pound;{{ accruedPensionResultDto.pension | numFormat }} per year\r\n                                    <span class=\"pension-value-tooltip\" v-tooltip=\"{\r\n                                        content: `\r\n                                            <p>\r\n                                                This is an illustration of your pension already accrued as at today’s date,\r\n                                                based on the most recent salary and service information held about you by the Trustee, that\r\n                                                would be payable to you from the retirement age shown (expressed in today’s money).\r\n                                                It does not make any allowance for potential additional Pensionable Service within the\r\n                                                ${clientConfig.fundOrScheme} nor for any changes to your Pensionable Salary or working hours.\r\n                                                This illustration does not include any benefits that could be provided as a result of\r\n                                                any Additional Voluntary Contributions (AVCs) you may have made to the Fund.\r\n                                                If you have made AVCs to the Fund, you will be provided with a statement annually\r\n                                                showing the value of your AVC investments.\r\n                                            </p>`,\r\n                                        trigger: 'click hover',\r\n                                    }\">\r\n                                        <font-awesome-icon :icon=\"['fal', 'info-circle']\"></font-awesome-icon>\r\n                                    </span>\r\n                                </span>\r\n                                payable from age\r\n                                <span class=\"retirement-age\">{{ accruedPensionResultDto.ageDescription }}</span>\r\n                                <template v-if=\"showSpousePension\">\r\n                                    and a potential spouse’s or dependant’s pension payable on death in service of\r\n                                    <span class=\"pension-value\">\r\n                                        <!-- TODO: check value property -->\r\n                                        &pound;[{{ illustrationShown.results[illustrationShown.nraIndex].pension | numFormat }}] per year\r\n                                        <span class=\"pension-value-tooltip\" v-tooltip=\"{\r\n                                            content: `\r\n                                                <p>\r\n                                                    The spouse’s pension shown on this page may be reduced where you have been married\r\n                                                    for less than two years and your spouse is more than ten years\r\n                                                    younger than you at the point of death.  If you have children under age 18,\r\n                                                    or under age 23 and in full-time education or vocational training,\r\n                                                    dependants’ pensions may be payable.In addition to the benefits shown on this page,\r\n                                                    there is a Life Assurance lump sum payable on death in service.\r\n                                                    Please refer to the ‘My Benefits’ site available on your company\r\n                                                    intranet for further details on this cover.  You should ensure that your\r\n                                                    Beneficiary Nomination Form available on request from\r\n                                                    Lane Clark & Peacock LLP / your employer's HR department is kept up to date.\r\n                                                </p>`,\r\n                                            trigger: 'click hover',\r\n                                        }\">\r\n                                            <font-awesome-icon :icon=\"['fal', 'info-circle']\"></font-awesome-icon>\r\n                                        </span>\r\n                                    </span>\r\n                                </template>\r\n                            </p>\r\n                        </template>\r\n                    </p>\r\n                </div>\r\n                <div v-else-if=\"(hasNormalRetirementDate || servicePeriodShown.status === 'Dependant') && servicePeriodShown.type === 'Pension'\">\r\n                    <p>\r\n                        Pension in payment\r\n                        <span class=\"pension-value\">&pound;{{ servicePeriodShown.pensionInPayment | numFormat }} per year</span>\r\n                        from\r\n                        <span class=\"retirement-date\">{{ servicePeriodShown.pensionInPaymentFromDate }}</span>\r\n                    </p>\r\n                    <p v-if=\"clientConfig.pensionerBooklet\">\r\n                        <a :href=\"clientConfig.pensionerBooklet\" target=\"_blank\" class=\"linkOnPrimary\">This booklet</a> explains your pension payslip (see\r\n                        below) and answers some common questions about your pension payments.\r\n                    </p>\r\n                </div>\r\n                <div v-else-if=\"hasNormalRetirementDate && servicePeriodShown.type === 'DcPot'\">\r\n                    <p>Estimated fund value</p>\r\n                    <p>\r\n                        <span class=\"pension-value\">&pound;{{ servicePeriodShown.pot | numFormat }} </span>\r\n                    </p>\r\n                    <p>\r\n                        A summary of the options available in respect of your Pension Account can be found\r\n                        <a :href=\"`${blobStorge}/documents/retirement-option-flyer.pdf`\" style=\"color: white; font-weight: bold\" target=\"_blank\">here</a>.\r\n                    </p>\r\n                </div>\r\n                <div v-else-if=\"hasNormalRetirementDate && currentStatus.text === 'active'\">\r\n                    <p>Please refer to your latest annual benefit statement for an illustration of your benefits in the first instance.</p>\r\n                </div>\r\n                <div v-else-if=\"modellerComingSoon\">\r\n                    <p>This option will be coming soon</p>\r\n                    <font-awesome-icon class=\"coming-soon-icon\" :icon=\"['fad', 'calendar-day']\" />\r\n                </div>\r\n                <div v-else>\r\n                    <template v-if=\"customContactUsTileWording\">\r\n                        <div v-html=\"customContactUsTileWording\"></div>\r\n                    </template>\r\n                    <p v-else>\r\n                        For any information on your benefits please\r\n                        <router-link to=\"/contact\" class=\"linkOnPrimary\">contact us</router-link>\r\n                    </p>\r\n                </div>\r\n            </div>\r\n        </transition>\r\n        <div class=\"action-wrapper\">\r\n            <div v-if=\"hasIllustration && servicePeriodShown.pensionInPayment && hasPayslips\"\r\n                class=\"button-outline-rounded small text-center view-all clickable\" @click=\"$router.push(`/my-pension/payslips`)\"\r\n                @keyup.enter=\"$router.push(`/my-pension/payslips`)\" @keyup.space=\"$router.push(`/my-pension/payslips`)\" tabindex=\"0\" role=\"link\"\r\n                aria-pressed=\"false\">\r\n                View my payslips\r\n                <span class=\"icon-arrow-right\"></span>\r\n            </div>\r\n\r\n\r\n            <div v-if=\"hasIllustration && !servicePeriodShown.pensionInPayment\" class=\"button-outline-rounded small text-center view-all clickable mt-3\"\r\n                @click=\"$router.push(`/my-pension/pension-tool/${servicePeriodIndex}`)\"\r\n                @keyup.enter=\"$router.push(`/my-pension/pension-tool/${servicePeriodIndex}`)\"\r\n                @keyup.space=\"$router.push(`/my-pension/pension-tool/${servicePeriodIndex}`)\" tabindex=\"0\" role=\"link\" aria-pressed=\"false\">\r\n                View my pension options\r\n                <span class=\"icon-arrow-right\"></span>\r\n            </div>\r\n\r\n            <div v-if=\"hasIllustration && hasP60s\"\r\n                class=\"button-outline-rounded small text-center view-all clickable mt-3\" @click=\"$router.push(`/my-pension/p60`)\"\r\n                @keyup.enter=\"$router.push(`/my-pension/p60`)\" @keyup.space=\"$router.push(`/my-pension/p60`)\" tabindex=\"0\" role=\"link\" aria-pressed=\"false\">\r\n                View my P60 documents\r\n                <span class=\"icon-arrow-right\"></span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"clearfix option option-theme rounded p-4 x-p-b\" v-else>\r\n        <div class=\"icon-round\">\r\n            <span class=\"icon-gift option-icon\"></span>\r\n        </div>\r\n        <h3 class=\"h5 mb-1 mt-2 inline\">\r\n            My pension entitlement\r\n            <div class=\"divider\"></div>\r\n        </h3>\r\n        <p>There are no visible pension illustrations</p>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport periodSelector from '@/components/periodSelector.vue';\r\nimport dayjs from 'dayjs';\r\n\r\nconst objectSupport = require('dayjs/plugin/objectSupport');\r\n\r\ndayjs.extend(objectSupport);\r\n\r\nexport default {\r\n    props: {\r\n        servicePeriods: Array,\r\n    },\r\n    data () {\r\n        return {\r\n            servicePeriodIndex: 0,\r\n            showSpousePension: false, // TODO: remove once values are reviewed\r\n        };\r\n    },\r\n    components: {\r\n        periodSelector,\r\n    },\r\n    computed: {\r\n        isServicePeriodShownStatusActiveTooltip () {\r\n            return `\r\n            <p>\r\n                This is an illustration of your pension at the age shown (expressed in today’s money),\r\n                based on the most recent Pensionable Salary and working hours the Trustee holds for you.\r\n                The illustration of your pension also assumes that you remain in Pensionable Service\r\n                within the ${this.clientConfig.fundOrScheme} until the age shown.\r\n            </p>\r\n            <p>\r\n                This illustration does not include any benefits that could be provided as a result of\r\n                any Additional Voluntary Contributions (AVCs) you may have made to the Fund.\r\n                If you have made AVCs to the Fund, you will be provided with a statement annually\r\n                showing the value of your AVC investments.\r\n            </p>`;\r\n        },\r\n        hasTemporaryPensionInfoTooltip () {\r\n            return `An illustration of your pension at the age shown (expressed in today's money).\r\n                    For more information about your benefits please click View My Pension Options below.`;\r\n        },\r\n        // todo what property for actives?\r\n        retirementAgeText () {\r\n            const string = this.isServicePeriodShownStatusActive ? 'if you stay in Pensionable Service until' : 'at';\r\n            return `${string} age`;\r\n        },\r\n        retirementAge () {\r\n            return this.illustrationShown.nra > this.currentResults.age ? this.illustrationShown.nra : this.currentResults.ageDescription;\r\n        },\r\n        pensionValueText () {\r\n            const string = this.isServicePeriodShownStatusActive ? 'A potential' : 'An initial';\r\n            return `${string} illustrative pension of`;\r\n        },\r\n        pensionValueTooltip () {\r\n            return this.isServicePeriodShownStatusActive ? this.isServicePeriodShownStatusActiveTooltip : this.hasTemporaryPensionInfoTooltip;\r\n        },\r\n        isServicePeriodShownStatusActive () {\r\n            return typeof this.servicePeriodShown.accruedPension === 'object';\r\n        },\r\n\r\n        /**\r\n         * Computed property that returns the accrued pension from the service period shown.\r\n         * @returns {Object} An object representing the accrued pension.\r\n         * @property {number} age The age in years.\r\n         * @property {number} ageInMonths The age in months.\r\n         * @property {string} ageDescription A description of the age.\r\n         * @property {string} retirementDate The retirement date as a string.\r\n         * @property {Object} _retirementDate The retirement date as a DateDto object.\r\n         * @property {number} pension The pension amount.\r\n         */\r\n        accruedPensionResultDto () {\r\n            return this.servicePeriodShown.accruedPension;\r\n        },\r\n        headingText () {\r\n            return this.isServicePeriodShownStatusActive ? 'My potential pension' : 'My Pension';\r\n        },\r\n        hasTemporaryPensionInfo () {\r\n            return !!this.illustrationShown.results[this.illustrationShown.nraIndex].temporaryPensionInfo;\r\n        },\r\n        hasNormalRetirementDate () {\r\n            // 8454: Mem Web: Deleting the NRD of a member on MD, causes error 500 on Mem web. For Dependant it is displayed as N/A on Mem Web\r\n            // 13205 Armstrong member 834 - pension payment info not displayed\r\n            const servicePeriodsArray = this.$store.state.ui.dashboardData.servicePeriods;\r\n            let foundNRD = false;\r\n            if (servicePeriodsArray && Array.isArray(servicePeriodsArray) && servicePeriodsArray.length) {\r\n                servicePeriodsArray.forEach((servicePeriod) => {\r\n                    if (servicePeriod.details && servicePeriod.details.significantDates) {\r\n                        const isNRD = servicePeriod.details.significantDates.some(\r\n                            date => date.title === 'Normal Retirement Date',\r\n                        );\r\n                        if (isNRD) foundNRD = true;\r\n                    }\r\n                });\r\n            }\r\n            return foundNRD;\r\n        },\r\n        temporaryPensionStartDate () {\r\n            const { day, month, year } = this.illustrationShown.results[this.illustrationShown.nraIndex].temporaryPensionInfo.startDate;\r\n            const tempDate = dayjs({ day, month: month - 1, year }); // set correct month\r\n            return tempDate.add(1, 'day').format('MMM YYYY'); // return date + 1\r\n        },\r\n        temporaryPensionEndDate () {\r\n            const { day, month, year } = this.illustrationShown.results[this.illustrationShown.nraIndex].temporaryPensionInfo.endDate;\r\n            return dayjs({ day, month: month - 1, year }).format('MMM YYYY');\r\n        },\r\n        isRetirementDateAfter65 () {\r\n            // temporary pension wording should not appear for retirement dates on or after 65.\r\n            const dob = dayjs(this.$store.state.ui.dashboardData.basicData.dob);\r\n            const retirementDate = dayjs(this.illustrationShown.results[this.illustrationShown.nraIndex].retirementDate);\r\n            if (dayjs(retirementDate).isAfter(dob.add(65, 'year'))) {\r\n                return true;\r\n            }\r\n            return false;\r\n        },\r\n        blobStorge () {\r\n            return this.$store.state.clientConfig.directoryUrl;\r\n        },\r\n        servicePeriodShown () {\r\n            return this.servicePeriods[this.servicePeriodIndex];\r\n        },\r\n        illustrationShown () {\r\n            return this.servicePeriodShown.illustration;\r\n        },\r\n        multipleServicePeriods () {\r\n            return this.servicePeriods.length > 1;\r\n        },\r\n        hasIllustration () {\r\n            return this.servicePeriodShown.hasIllustrations;\r\n        },\r\n        modellerComingSoon () {\r\n            return (\r\n                this.$store.state.clientConfig.modellerComingSoon\r\n                && this.servicePeriodShown.status !== 'Pensioner'\r\n                && this.servicePeriodShown.status !== 'Dependant'\r\n            );\r\n        },\r\n        currentStatus () {\r\n            return this.servicePeriodShown.details.info.filter(info => info.title === 'Status');\r\n        },\r\n        payslips () {\r\n            return this.$store.state.ui.dashboardData.payslips;\r\n        },\r\n        hasPayslips () {\r\n            return this.payslips && this.payslips.length > 0;\r\n        },\r\n        hasP60s () {\r\n            return this.$store.state.ui.dashboardData.p60s && this.$store.state.ui.dashboardData.p60s.length > 0;\r\n        },\r\n        colours () {\r\n            return this.$store.state.clientConfig.colours;\r\n        },\r\n        currentResults () {\r\n            return this.illustrationShown.results[this.illustrationShown.nraIndex];\r\n        },\r\n        stepChangeInfo () {\r\n            return this.currentResults.stepChangeInfo;\r\n        },\r\n        stepChangeDate () {\r\n            let date = null;\r\n            if (this.stepChangeInfo) {\r\n                date = this.$moment(\r\n                    `${this.stepChangeInfo.stepChangeDate.year}/${this.stepChangeInfo.stepChangeDate.month}/${this.stepChangeInfo.stepChangeDate.day}`,\r\n                ).format('DD MMM YYYY');\r\n            }\r\n            return date;\r\n        },\r\n        clientConfig () {\r\n            return this.$store.getters['clientConfig/clientConfig'];\r\n        },\r\n        customContactUsTileWording () {\r\n            return this.clientConfig.contactUsTileWording;\r\n        },\r\n        bridgingOrSupplementaryWording () {\r\n            return this.clientConfig.bridgingOrSupplementaryWording || 'Supplementary';\r\n        },\r\n    },\r\n    methods: {\r\n        updateServicePeriodIndex (newIndex) {\r\n            this.servicePeriodIndex = newIndex;\r\n        },\r\n    },\r\n\r\n    watch: {\r\n        servicePeriodShown: {\r\n            handler (newServicePeriod) {\r\n                this.$emit('updatePeriodInView', newServicePeriod);\r\n            },\r\n            immediate: true,\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n@import \"@/assets/scss/_mixins.scss\";\r\n\r\n.tooltip {\r\n    .tooltip-inner {\r\n        max-width: 600px;\r\n    }\r\n\r\n    @include responsive(\"xs\") {\r\n        .tooltip-inner {\r\n            max-width: 200px;\r\n        }\r\n    }\r\n\r\n    @include responsive(\"sm\") {\r\n        .tooltip-inner {\r\n            max-width: 300px;\r\n        }\r\n    }\r\n\r\n    @include responsive(\"md\") {\r\n        .tooltip-inner {\r\n            max-width: 400px;\r\n        }\r\n    }\r\n\r\n    @include responsive(\"lg\") {\r\n        .tooltip-inner {\r\n            max-width: 500px;\r\n        }\r\n    }\r\n\r\n    @include responsive(\"xl\") {\r\n        .tooltip-inner {\r\n            max-width: 600px;\r\n        }\r\n    }\r\n\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/scss/_mixins.scss\";\r\n\r\n.options {\r\n    .option {\r\n        background: var(--greyColour);\r\n        // padding-bottom: 80px!important;\r\n        // min-height: 400px;\r\n        color: inherit;\r\n        position: relative;\r\n        margin-bottom: 20px;\r\n        transition: $generalTransition;\r\n        height: calc(100% - 20px);\r\n\r\n        &.clickable {\r\n            &:hover {\r\n                transform: translateY(-3px);\r\n                box-shadow: $boxShadow;\r\n            }\r\n        }\r\n\r\n        .pension-value,\r\n        .retirement-date,\r\n        .retirement-age,\r\n        .reduction-value {\r\n            display: block;\r\n            font-size: 32px;\r\n            font-weight: bold;\r\n            margin: -10px 0 10px 0;\r\n        }\r\n\r\n        .pension-value-tooltip {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .data-section {\r\n            background: white;\r\n            padding: 10px;\r\n            margin: -10px -10px 0 -10px;\r\n            max-height: 300px;\r\n        }\r\n\r\n        .icon-round {\r\n            .option-icon {\r\n                font-size: 60px;\r\n                height: 60px;\r\n                width: 60px;\r\n                opacity: 0.3;\r\n                position: absolute;\r\n                right: 15px;\r\n                top: 10px;\r\n                color: var(--primaryColour);\r\n            }\r\n\r\n            @include responsive(\"sm\") {\r\n                .option-icon {\r\n                    font-size: 45px;\r\n                    height: 45px;\r\n                    width: 45px;\r\n                    right: 30px;\r\n                    top: 20px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .action-wrapper {\r\n            position: absolute;\r\n            bottom: 15px;\r\n            margin-top: 10px;\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            .view-all {\r\n\r\n                // background: transparent;\r\n                span {\r\n                    display: inline-block;\r\n                    transition: $generalTransition;\r\n                }\r\n\r\n                &:hover {\r\n                    background: var(--secondaryColour);\r\n                    color: var(--textOnSecondary);\r\n\r\n                    span {\r\n                        transform: translateX(3px);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .link-list {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            line-height: 30px;\r\n            border-bottom: 1px solid var(--greyColour);\r\n            padding: 2px 5px;\r\n\r\n            &:last-child {\r\n                border-bottom: none;\r\n            }\r\n\r\n            &:hover {\r\n                background: var(--greyColour);\r\n            }\r\n        }\r\n\r\n        .link {\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n\r\n            &.unread {\r\n                font-weight: bold;\r\n            }\r\n        }\r\n\r\n        .date {\r\n            min-width: 70px;\r\n            text-align: right;\r\n            font-size: 12px;\r\n            font-style: italic;\r\n        }\r\n    }\r\n\r\n    .coming-soon-icon {\r\n        position: absolute;\r\n        right: 20px;\r\n        bottom: 20px;\r\n        font-size: 200px;\r\n        opacity: 0.2;\r\n    }\r\n\r\n    .link-option {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 10px;\r\n        background: var(--primaryColour);\r\n        color: var(--textOnPrimary);\r\n        border-radius: 20px;\r\n        margin: 5px -10px;\r\n        cursor: pointer;\r\n\r\n        .icon {\r\n            min-width: 20px;\r\n            text-align: right;\r\n        }\r\n\r\n        transition: all 0.3s ease-in-out;\r\n\r\n        &:hover {\r\n            transform: translateX(3px);\r\n        }\r\n    }\r\n\r\n    a {\r\n        color: var(--primaryColour);\r\n\r\n        &:hover {\r\n            text-decoration: none;\r\n        }\r\n    }\r\n}\r\n\r\n.option-selector {\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 0;\r\n\r\n    &.illustration {\r\n        margin-top: 1rem;\r\n    }\r\n\r\n    .option {\r\n        margin: 0;\r\n        border: 0;\r\n        padding: 0;\r\n        height: 1rem;\r\n        width: 1rem;\r\n        border-radius: 100%;\r\n        background: var(--secondaryColour);\r\n        opacity: 0.3;\r\n\r\n        &:not(:first-child) {\r\n            margin-left: 1rem;\r\n        }\r\n\r\n        &.active {\r\n            opacity: 1;\r\n        }\r\n    }\r\n}\r\n</style>\r\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!./servicePeriodTile.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!./servicePeriodTile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./servicePeriodTile.vue?vue&type=template&id=50405938&scoped=true\"\nimport script from \"./servicePeriodTile.vue?vue&type=script&lang=js\"\nexport * from \"./servicePeriodTile.vue?vue&type=script&lang=js\"\nimport style0 from \"./servicePeriodTile.vue?vue&type=style&index=0&id=50405938&prod&lang=scss\"\nimport style1 from \"./servicePeriodTile.vue?vue&type=style&index=1&id=50405938&prod&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  \"50405938\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('dialog',{ref:\"dialogRef\"},[_c('div',{staticClass:\"header\"},[_c('h1',{staticClass:\"header-text\"},[_vm._v(_vm._s(_vm.memberDialog.header.text))]),(_vm.memberDialog.header.logo)?_c('img',{attrs:{\"src\":_vm.memberDialog.header.logo}}):_vm._e()]),_c('div',{staticClass:\"body\"},[_c('dynamic-template',{ref:\"dynamicTemplateRef\",attrs:{\"template\":`<div class='client-content'>${_vm.memberDialog.body}</div>`}})],1),_c('div',{staticClass:\"footer\"},[_c('button',{staticClass:\"button-outline-rounded\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.closeDialog}},[_vm._v(\"\\n            Close\\n        \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <dialog ref=\"dialogRef\">\r\n        <div class=\"header\">\r\n            <h1 class=\"header-text\">{{ memberDialog.header.text }}</h1>\r\n            <img v-if=\"memberDialog.header.logo\" :src=\"memberDialog.header.logo\" />\r\n        </div>\r\n        <div class=\"body\">\r\n            <dynamic-template ref=\"dynamicTemplateRef\" :template=\"`<div class='client-content'>${memberDialog.body}</div>`\" />\r\n        </div>\r\n\r\n        <div class=\"footer\">\r\n            <button type=\"button\" class=\"button-outline-rounded\" @click=\"closeDialog\">\r\n                Close\r\n            </button>\r\n        </div>\r\n    </dialog>\r\n</template>\r\n\r\n<script>\r\nimport dynamicTemplate from 'v-runtime-template';\r\n\r\nexport default {\r\n    name: 'member-dialog',\r\n    components: {\r\n        dynamicTemplate,\r\n    },\r\n    data () {\r\n        return {\r\n            myTimeout: null,\r\n        };\r\n    },\r\n    computed: {\r\n        headerText () {\r\n            return this.$store.state.clientConfig.memberDialog.headerText || `${this.$store.state.clientConfig.schemeName}`;\r\n        },\r\n        memberDialog () {\r\n            return {\r\n                ...this.$store.state.clientConfig.memberDialog,\r\n                header: {\r\n                    ...this.$store.state.clientConfig.memberDialog.header,\r\n                    text: this.$store.state.clientConfig.memberDialog.header.text || '',\r\n                    logo: this.$store.state.clientConfig.memberDialog.header.logo || '',\r\n                },\r\n            };\r\n        },\r\n    },\r\n    methods: {\r\n        showDialog () {\r\n            // Show the dialog\r\n            this.$refs.dialogRef.showModal();\r\n        },\r\n        closeDialog () {\r\n            if (!this.$refs.dialogRef) {\r\n                return;\r\n            }\r\n            this.$refs.dialogRef.close();\r\n            this.$emit('dialog-closed');\r\n        },\r\n    },\r\n    mounted () {\r\n        this.myTimeout = window.setTimeout(() => {\r\n            this.showDialog();\r\n        }, 1000);\r\n    },\r\n    beforeDestroy () {\r\n        window.clearTimeout(this.myTimeout);\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/scss/_mixins.scss\";\r\n\r\n::v-deep .iframe-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    aspect-ratio: 16 / 9;\r\n}\r\n\r\n/* Then style the iframe to fit in the container div with full height and width */\r\n::v-deep .iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n@supports (aspect-ratio: 16 / 9) {\r\n    ::v-deep .iframe-container {\r\n        aspect-ratio: 16 / 9;\r\n    }\r\n}\r\n\r\n@supports not (aspect-ratio: 16 / 9) {\r\n    ::v-deep .iframe-container {\r\n        padding-top: 56.25%;\r\n        /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */\r\n    }\r\n}\r\n\r\ndialog {\r\n    padding: 0rem;\r\n    border: none;\r\n    animation: fade-out 0.5s ease-out;\r\n    min-width: 40vw;\r\n    max-width: 40vw;\r\n    box-shadow: $boxShadow;\r\n\r\n\r\n    .header {\r\n        position: relative;\r\n        display: flex;\r\n        gap: 1rem;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 1rem;\r\n\r\n\r\n        .header-text {\r\n            text-wrap: balance;\r\n        }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            max-height: 70px;\r\n            display: block;\r\n        }\r\n\r\n    }\r\n\r\n\r\n    .header-text {\r\n        font-size: 2rem;\r\n    }\r\n\r\n\r\n    @include responsive(\"xl\") {\r\n        max-width: 50vw;\r\n    }\r\n\r\n    @include responsive(\"lg\") {\r\n        max-width: 60vw;\r\n\r\n        .header-text {\r\n            font-size: 2rem;\r\n        }\r\n    }\r\n\r\n    @include responsive(\"md\") {\r\n        max-width: 70vw;\r\n\r\n        .header-text {\r\n            font-size: 1.5rem;\r\n        }\r\n    }\r\n\r\n    @include responsive(\"sm\") {\r\n        max-width: 80vw;\r\n\r\n        .header-text {\r\n            font-size: 1.25rem;\r\n        }\r\n    }\r\n\r\n    @include responsive(\"xs\") {\r\n        max-width: 90vw;\r\n\r\n        .header-text {\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n}\r\n\r\ndialog[open] {\r\n    animation: fade-in 0.7s ease-out;\r\n}\r\n\r\ndialog[open]::backdrop {\r\n    animation: backdrop-fade-in 0.7s ease-out forwards;\r\n}\r\n\r\ndialog>div {\r\n    padding: .75rem;\r\n\r\n}\r\n\r\n.header {\r\n    background-color: var(--primaryColour, white);\r\n    color: var(--textOnPrimary, black);\r\n}\r\n\r\n.body {\r\n    max-height: 60svh;\r\n    overflow-y: auto;\r\n}\r\n\r\n.footer {\r\n    text-align: right;\r\n    background-color: #f8f9fa;\r\n}\r\n\r\n/* Animation keyframes */\r\n\r\n@keyframes fade-in {\r\n    0% {\r\n        opacity: 0;\r\n        transform: scale(0);\r\n        display: none;\r\n    }\r\n\r\n    100% {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n        display: block;\r\n    }\r\n}\r\n\r\n@keyframes fade-out {\r\n    0% {\r\n        opacity: 1;\r\n        transform: scaleY(1);\r\n        display: block;\r\n    }\r\n\r\n    100% {\r\n        opacity: 0;\r\n        transform: scaleY(0);\r\n        display: none;\r\n    }\r\n}\r\n\r\n@keyframes backdrop-fade-in {\r\n    0% {\r\n        background-color: rgb(0 0 0 / 0%);\r\n    }\r\n\r\n    100% {\r\n        background-color: rgb(0 0 0 / 25%);\r\n        backdrop-filter: blur(2px);\r\n    }\r\n}\r\n</style>\r\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!./memberDialog.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!./memberDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./memberDialog.vue?vue&type=template&id=2b33c9ca&scoped=true\"\nimport script from \"./memberDialog.vue?vue&type=script&lang=js\"\nexport * from \"./memberDialog.vue?vue&type=script&lang=js\"\nimport style0 from \"./memberDialog.vue?vue&type=style&index=0&id=2b33c9ca&prod&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  \"2b33c9ca\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"pageWrapper\">\r\n        <div class=\"pension-options container\" v-if=\"!message\">\r\n            <div class=\"options row\">\r\n                <div class=\"col-md-6 col-lg-4\">\r\n                    <service-period-tile v-if=\"dashboardData\" :servicePeriods=\"servicePeriods\" @updatePeriodInView=\"updatePeriodInView\" />\r\n                </div>\r\n                <div class=\"col-md-6 col-lg-4\">\r\n                    <div class=\"clearfix option rounded p-4 x-p-b\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-user option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-3 mt-2\">My Details</h3>\r\n                        <p>A summary of my personal details</p>\r\n                        <userDetails v-if=\"basicData\" :data=\"basicData\" :servicePeriodInView=\"servicePeriodInView\" />\r\n                        <div class=\"action-wrapper\">\r\n                            <div class=\"button-outline-rounded small text-center view-all\" @click=\"$router.push('/my-pension/edit-my-details')\"\r\n                                @keyup.enter=\"$router.push('/my-pension/edit-my-details')\" @keyup.space=\"$router.push('/my-pension/edit-my-details')\"\r\n                                tabindex=\"0\" role=\"link\" aria-pressed=\"false\">\r\n                                View / manage my details\r\n                                <span class=\"icon-arrow-right\"></span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 col-lg-4\">\r\n                    <div class=\"clearfix option rounded p-4 x-p-b\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-mail option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-3 mt-2\">My Correspondence</h3>\r\n                        <p>My latest correspondence</p>\r\n                        <div class=\"data-section\" v-if=\"documents && documents.length > 0\">\r\n                            <div class=\"link-list\" v-for=\"item in documents\" :key=\"item.name\">\r\n                                <span class=\"link\">\r\n                                    <a @click=\"logDocumentClicked(item)\" :href=\"item.url\" :title=\"item.displayName\" target=\"_blank\">{{ item.displayName }}</a>\r\n                                </span>\r\n                                <span class=\"date\">{{ formatDocDate(item.datePublished) }}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"options row\">\r\n                <div :class=\"['col-md-6', rowClassCols]\">\r\n                    <div class=\"clearfix option clickable rounded p-4\" @click=\"$router.push('/my-pension/activity')\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-activity option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-3 mt-2\">My Activity</h3>\r\n                        <p>My recent activity on this website</p>\r\n                    </div>\r\n                </div>\r\n                <div :class=\"['col-md-6', rowClassCols]\" v-if=\"!allowWebForms\">\r\n                    <div class=\"clearfix option clickable rounded p-4\" @click=\"$store.commit('toggleEnquiriesModal', true)\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-message-square option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-3 mt-2\">My Enquiries</h3>\r\n                        <p>Please click here to submit an enquiry.</p>\r\n                    </div>\r\n                </div>\r\n                <div :class=\"['col-md-6', rowClassCols]\" v-if=\"allowWebForms\">\r\n                    <div class=\"clearfix option clickable rounded p-4\" @click=\"$router.push('/web-forms')\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-edit-3 option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-3 mt-2\">My Forms</h3>\r\n                        <p>Complete benefit forms and update your information, including your bank account details or expression of wish</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12 col-lg-6\" v-if=\"myPensionTileHTML\">\r\n                    <dynamic-template ref=\"dynamicTemplateRef\" :template=\"`<div class='option'>${myPensionTileHTML}</div>`\" />\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"message\" v-else>\r\n            <div class=\"message-text\">{{ message }}</div>\r\n        </div>\r\n        <memberDialog v-if=\"isDialogAvailable\" @dialog-closed=\"dialogClosed\"></memberDialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport userDetails from '@/components/layout/userDetails.vue';\r\nimport servicePeriodTile from '@/components/servicePeriodTile.vue';\r\nimport memberDialog from '@/components/layout/memberDialog.vue';\r\nimport dynamicTemplate from 'v-runtime-template';\r\n\r\nexport default {\r\n    mounted () {\r\n        if (!this.dashboardData) {\r\n            this.$store.dispatch('getDashboardData').then(() => {\r\n                this.setDocTimeout();\r\n            });\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            iIndex: 0,\r\n            illustrationsArray: [],\r\n            showServicePeriodHelp: true,\r\n            docTimeout: null,\r\n            servicePeriodInView: null,\r\n            isDialogOpen: true,\r\n        };\r\n    },\r\n    components: {\r\n        userDetails,\r\n        servicePeriodTile,\r\n        memberDialog,\r\n        dynamicTemplate,\r\n    },\r\n    methods: {\r\n        dialogClosed () {\r\n            this.isDialogOpen = false;\r\n        },\r\n        formatDocDate (date) {\r\n            return this.$moment(date, 'DD/MM/YYYY').format('Do MMMM YYYY');\r\n        },\r\n        setDocTimeout () {\r\n            window.setTimeout(() => {\r\n                this.$store.dispatch('getDocuments').then(() => {\r\n                    this.setDocTimeout();\r\n                });\r\n            }, 600000);\r\n        },\r\n        logDocumentClicked (document) {\r\n            this.$store.dispatch('analytics/sendAnalyticsBeacon', {\r\n                logType: 'documentOpened',\r\n                page: this.$route.path,\r\n                info: document.displayName,\r\n            });\r\n        },\r\n        updatePeriodInView (servicePeriod) {\r\n            this.servicePeriodInView = servicePeriod;\r\n        },\r\n    },\r\n    beforeDestroy () {\r\n        if (this.docTimeout) window.clearTimeout(this.docTimeout);\r\n    },\r\n    computed: {\r\n        rowClassCols () {\r\n            return this.myPensionTileHTML ? 'col-lg-3' : 'col-lg-6';\r\n        },\r\n\r\n        myPensionTileHTML () {\r\n            // retrieves any HTML content for members\r\n            return this.$store.state.clientConfig && this.$store.state.clientConfig.myPensionTileHTML;\r\n        },\r\n        isDialogAvailable () {\r\n            return this.$store.state.clientConfig && this.$store.state.clientConfig.memberDialog && this.$store.getters['auth/getIsRegistered'] && this.isDialogOpen;\r\n        },\r\n        clientConfig () {\r\n            return this.$store.getters['clientConfig/clientConfig'];\r\n        },\r\n        dashboardData () {\r\n            return this.$store.state.ui.dashboardData;\r\n        },\r\n        servicePeriods () {\r\n            return this.dashboardData.servicePeriods;\r\n        },\r\n        documents () {\r\n            if (!this.dashboardData) return null;\r\n            return this.dashboardData.documents;\r\n        },\r\n        basicData () {\r\n            if (!this.dashboardData) return null;\r\n            return this.dashboardData.basicData;\r\n        },\r\n        message () {\r\n            if (!this.dashboardData) return null;\r\n            return this.dashboardData.message;\r\n        },\r\n        allowWebForms () {\r\n            return this.$store.state.clientConfig && this.$store.state.clientConfig.allowWebForms;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/scss/_mixins.scss\";\r\n\r\n.options {\r\n    .option {\r\n        background: var(--greyColour);\r\n        color: inherit;\r\n        position: relative;\r\n        margin-bottom: 20px;\r\n        transition: $generalTransition;\r\n        height: calc(100% - 20px);\r\n\r\n\r\n        &.clickable {\r\n            &:hover {\r\n                transform: translateY(-3px);\r\n                box-shadow: $boxShadow;\r\n            }\r\n        }\r\n\r\n\r\n        .illustrationRange {\r\n            margin-bottom: 15px;\r\n            text-align: center;\r\n            font-size: 20px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n\r\n\r\n            span {\r\n                cursor: pointer;\r\n\r\n\r\n                .invisible {\r\n                    visibility: hidden;\r\n                }\r\n            }\r\n        }\r\n\r\n        .pension-value,\r\n        .retirement-date,\r\n        .retirement-age {\r\n            display: block;\r\n            font-size: 32px;\r\n            font-weight: bold;\r\n            margin: -10px 0 1opx 0;\r\n        }\r\n\r\n\r\n        .data-section {\r\n            background: white;\r\n            padding: 10px;\r\n            margin: -10px -10px 0 -10px;\r\n            max-height: 300px;\r\n            overflow: auto;\r\n        }\r\n\r\n        .icon-round {\r\n            .option-icon {\r\n                font-size: 60px;\r\n                height: 60px;\r\n                width: 60px;\r\n                opacity: 0.3;\r\n                position: absolute;\r\n                right: 15px;\r\n                top: 10px;\r\n                color: var(--iconFont);\r\n            }\r\n\r\n\r\n            @include responsive(\"sm\") {\r\n                .option-icon {\r\n                    font-size: 45px;\r\n                    height: 45px;\r\n                    width: 45px;\r\n                    right: 30px;\r\n                    top: 20px;\r\n                }\r\n            }\r\n        }\r\n\r\n\r\n        .action-wrapper {\r\n            position: absolute;\r\n            bottom: 15px;\r\n            margin-top: 10px;\r\n\r\n\r\n            .view-all {\r\n\r\n\r\n                span {\r\n                    display: inline-block;\r\n                    transition: $generalTransition;\r\n                }\r\n\r\n\r\n                &:hover {\r\n                    background: var(--secondaryColour);\r\n                    color: var(--textOnSecondary);\r\n\r\n\r\n                    span {\r\n                        transform: translateX(3px);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .link-list {\r\n            line-height: 24px;\r\n            border-bottom: 1px solid var(--greyColour);\r\n            padding: 2px 5px 0 5px;\r\n            overflow: hidden;\r\n\r\n\r\n            &:last-child {\r\n                border-bottom: none;\r\n            }\r\n\r\n\r\n            &:hover {\r\n                background: var(--greyColour);\r\n            }\r\n        }\r\n\r\n\r\n        .link {\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: block;\r\n\r\n\r\n            &.unread {\r\n                font-weight: bold;\r\n            }\r\n        }\r\n\r\n\r\n        .date {\r\n            min-width: 70px;\r\n            text-align: right;\r\n            display: block;\r\n            font-size: 12px;\r\n            font-style: italic;\r\n            padding-bottom: 2px;\r\n        }\r\n    }\r\n\r\n\r\n    .link-option {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 10px;\r\n        background: var(--primaryColour);\r\n        color: var(--textOnPrimary);\r\n        border-radius: 20px;\r\n        margin: 5px -10px;\r\n        cursor: pointer;\r\n\r\n\r\n        .icon {\r\n            min-width: 20px;\r\n            text-align: right;\r\n        }\r\n\r\n\r\n        transition: all 0.3s ease-in-out;\r\n\r\n\r\n        &:hover {\r\n            transform: translateX(3px);\r\n        }\r\n    }\r\n\r\n\r\n    a {\r\n        color: var(--primaryColour);\r\n\r\n\r\n        &:hover {\r\n            text-decoration: none;\r\n        }\r\n    }\r\n}\r\n\r\n.message {\r\n    padding: 2rem;\r\n\r\n\r\n    .message-text {\r\n        background: var(--primaryColour);\r\n        color: #fff;\r\n        padding: 1rem;\r\n        text-align: center;\r\n    }\r\n}\r\n</style>\r\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!./MyData.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!./MyData.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MyData.vue?vue&type=template&id=17f3fc7b&scoped=true\"\nimport script from \"./MyData.vue?vue&type=script&lang=js\"\nexport * from \"./MyData.vue?vue&type=script&lang=js\"\nimport style0 from \"./MyData.vue?vue&type=style&index=0&id=17f3fc7b&prod&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  \"17f3fc7b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}