





<div v-cloak id="fund-centre-prices"
     data-per-page="100"
     data-url-fund-results="/en/uk/investor/funds/funds/fundsajax"
     data-url-search-results="/en/uk/investor/funds/funds/fundsearch"
     data-url-shareclass-results="/en/uk/investor/funds/funds/shareclassesajax"
     data-countries="[{&quot;Id&quot;:&quot;ezk4NjFBMjQ2LTU5NzQtNDU0Ny05MUFGLUY3QkNBNUEzNTUzRH0=&quot;,&quot;Code&quot;:&quot;R0JS&quot;,&quot;Name&quot;:&quot;UNITED KINGDOM&quot;}]"
     data-fund-ranges="[{&quot;Id&quot;:&quot;ezE3MUJBNEMzLTA3OUItNDUwRi05Qzk0LTFBOTgxQzlDOTNGRH0=&quot;,&quot;CspId&quot;:&quot;YzNhZGM2MTEtMzg4Zi01Mjc0LTVkNmMtOTE3MTZhZTM4Zjkz&quot;,&quot;Name&quot;:&quot;Aberdeen Capital Trust&quot;,&quot;Columns&quot;:[&quot;&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;},{&quot;Id&quot;:&quot;e0JBRTBBRjZBLUU2MTktNDE2My1CMkYxLTZCNUM2MUZGQkFGM30=&quot;,&quot;CspId&quot;:&quot;MGI1YjEzY2YtODE2MC0wZTViLTY1OTEtNTM4ZWY3YWE5Mjk0&quot;,&quot;Name&quot;:&quot;Aberdeen Funds&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;1&quot;},{&quot;Id&quot;:&quot;ezVCQ0ZDRjkxLTQ2RUUtNEI1OS05ODAxLUY3RjhFMkFCMjc3MX0=&quot;,&quot;CspId&quot;:&quot;NDlmZmY0MWItNWFjZS1mODlkLTg5ZTItOTlmMTA1MmE2ZGVh&quot;,&quot;Name&quot;:&quot;Aberdeen Standard SICAV I&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;},{&quot;Id&quot;:&quot;e0ZCODc2NEIxLTFENzYtNDY5My05REY2LTg5RDg0MTY2ODg1RH0=&quot;,&quot;CspId&quot;:&quot;YTlmN2FhNzMtZDNiZC0yNzBmLTE1ODctY2EyOTQ1Yjk1ZjBh&quot;,&quot;Name&quot;:&quot;Aberdeen Investment Funds ICVC&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;,&quot;ezdGRjU4RDEzLTE2NzctNDE0Mi04MEJGLUREMjQ0MDA4NTkzOX0=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;},{&quot;Id&quot;:&quot;ezc0OTM0Nzc4LUQwMkItNDdFMy1CRTFELTU3QjE2Qzc5QjE3NX0=&quot;,&quot;CspId&quot;:&quot;YTk4NGQ3YjItZjU4ZC05ZTJiLTY0YzgtNTExMGVlMDY3MzUx&quot;,&quot;Name&quot;:&quot;Aberdeen Investment Funds UK ICVC II&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;},{&quot;Id&quot;:&quot;ezcyNkJFN0VDLTU5NTktNEJBRS1BQTYyLThDMjhFRjFEQTNENn0=&quot;,&quot;CspId&quot;:&quot;YjgyZTU0YzctYTZlMC01MThjLWYyZDMtYjUyNDVlYzY3NTFl&quot;,&quot;Name&quot;:&quot;Aberdeen Investment Funds ICVC III&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;},{&quot;Id&quot;:&quot;ezc1OUEwQjRELUVDRDktNEFDNy04M0E3LUQ0RUZBOTBCRTVFNX0=&quot;,&quot;CspId&quot;:&quot;N2E1OTFmNzktNWZlOS0zZTRjLWU2YWUtYmYwMWUyN2U3NTE3&quot;,&quot;Name&quot;:&quot;Aberdeen Islamic SICAV&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;},{&quot;Id&quot;:&quot;ezIxMDgxM0Y3LUM0RUEtNEE4MS05NjJELTdGMDU0QkMyRkZFOX0=&quot;,&quot;CspId&quot;:&quot;M2M4MWMzMWQtMzRhOC01YmFiLTI4MDMtMzYwNTIyNTY1MTFj&quot;,&quot;Name&quot;:&quot;Aberdeen Life Funds&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;},{&quot;Id&quot;:&quot;e0Q5NUE5OTVCLTlBNzUtNDJFQi1BREYxLTZCNzk3NDY3OEY4Q30=&quot;,&quot;CspId&quot;:&quot;NDgwNmU2NzQtNjE5OS04NGI0LTJhNWMtZmYyYTE4NTc0MDU4&quot;,&quot;Name&quot;:&quot;Aberdeen Multi-Manager (Fund of Funds) ICVC&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;},{&quot;Id&quot;:&quot;ezBGNjZEMkU2LTYzMzgtNDAyQS1BQUU5LUZCNzBGMzgzMDhCRH0=&quot;,&quot;CspId&quot;:&quot;NDBjYTQyNTQtZjkzNS1kNTIyLWY0YzYtZWFkN2Y0ZjBlNWFh&quot;,&quot;Name&quot;:&quot;Aberdeen Standard Liquidity Fund (Lux)&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;,&quot;ezdGRjU4RDEzLTE2NzctNDE0Mi04MEJGLUREMjQ0MDA4NTkzOX0=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;1&quot;},{&quot;Id&quot;:&quot;ezJBOEIxMjc0LUNDNkMtNDdDOS04QzU4LTJCRThCMUVDQzJDRX0=&quot;,&quot;CspId&quot;:&quot;Yzc3NjBmMmQtZmM4Yi05MTJkLWM0NzEtZWM5ZDdhNTkyMDQ2&quot;,&quot;Name&quot;:&quot;Strategic Active Trading Fund Plc&quot;,&quot;Columns&quot;:[&quot;e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=&quot;,&quot;e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=&quot;,&quot;ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=&quot;,&quot;ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=&quot;,&quot;e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=&quot;],&quot;DecimalPlaces&quot;:4,&quot;EnableInternalFundPageLinks&quot;:&quot;&quot;}]"
     data-investor-types="[{&quot;Id&quot;:&quot;e0JGN0MwMURELUU0N0QtNDI2OC05MUQ1LURBQUE3QjBCMUU5RH0=&quot;,&quot;Code&quot;:&quot;4&quot;},{&quot;Id&quot;:&quot;e0QyN0E1REYzLTJGNjktNEJFRC05NkFGLTkwNkUxOThDQjI3RX0=&quot;,&quot;Code&quot;:&quot;1&quot;}]"
     data-footnotes-type-ids="[]"
     data-fund-filters='[{"DisplayName":"Fund Range","ApiFieldName":"FundRangeName"},{"DisplayName":"Asset class","ApiFieldName":"AssetClassName"},{"DisplayName":"Currency","ApiFieldName":"FundSizeCurrency"},{"DisplayName":"Product Type","ApiFieldName":"AccountTypeName"}]'
     data-fund-columns='[{"Id":"ezg1QjdFNkI2LUJCNzUtNDU1Ri1CMTdFLTFGRUI3NjA2NUFBRX0=","DisplayName":"ADDI","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"TaxInfoCollection","ApiFieldName":"ADDI","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0Y2MTc2MDZDLTE3MjQtNDkwMy05NkUzLTRFRkY2QjNDMEQwOX0=","DisplayName":"Asset class","Tooltip":"","ApiExpandFieldName":"","ApiFieldName":"AssetClassName","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0I0QkQ5M0E0LTIzNjMtNEY5OS1CNzk2LTgxMUUzNTY2M0MyMX0=","DisplayName":"Application Price (A$)","Tooltip":"","ApiExpandFieldName":"Prices","ApiFieldName":"BidPrice","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":true,"IsPercentage":false},{"Id":"ezQ1OUVFMUEwLUM4MjAtNEUxQi05Rjk4LUIyOTA3QzZGREZBQn0=","DisplayName":"NAV Price (A$)","Tooltip":"","ApiExpandFieldName":"Prices","ApiFieldName":"PricePerUnit","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":true,"IsPercentage":false},{"Id":"e0ZBOTM2RjQxLTdERTctNEYyOS04MkEyLTZBREJFQUM4MDFENH0=","DisplayName":"Redemption Price (A$)","Tooltip":"","ApiExpandFieldName":"Prices","ApiFieldName":"OfferPrice","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":true,"IsPercentage":false},{"Id":"ezRGNTY5MEUwLTY5MjgtNDE4RS1CRkY3LThCMEYwQ0IyNjAwQ30=","DisplayName":"Application Price (Bid)","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Prices","ApiFieldName":"BidPrice","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezNGRTlFOTk4LUY3N0MtNENDQS04NzI5LTk0MUIyNjgxNTRFQ30=","DisplayName":"Application Price (Bid) Switching","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Prices","ApiFieldName":"BidSwitchingPrice","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0IxOTU0QUJBLUFEQjUtNDlDQi05N0M1LUEwQjg1RjA3MDQ4OX0=","DisplayName":"Change (%)","Tooltip":"","ApiExpandFieldName":"Prices","ApiFieldName":"ChangePercentage","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"1","IsCollection":false,"NeedsNumberFormatting":true,"IsPercentage":false},{"Id":"e0M4MTMyRDRCLTM1NDctNDNERS04QzkyLTM0NEQ1MDE0RDlBQ30=","DisplayName":"Currency","Tooltip":"","ApiExpandFieldName":"","ApiFieldName":"ShareclassCurrencyCode","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezI5MEYxMTk2LURBRDEtNDVGMy04NTg4LUY5QjcyMDA1NTA2Q30=","DisplayName":"Distribution Yield","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Yields","ApiFieldName":"DistributionYield","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0Q3OEFCM0RBLTlBMjctNDk3MS04NzI3LTc2M0Q3QjlCOTc5Nn0=","DisplayName":"Dividend Yield","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Yields","ApiFieldName":"DividendYield","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0E3MTVDMjM0LUQxN0EtNDhDMS04RjlDLUI4OUI1OUI1MEFBMH0=","DisplayName":"Equity Gain","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"TaxInfoCollection","ApiFieldName":"EquityGain","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezA1NUE3MEFFLUNEOEYtNDBCMC1BRjcyLUFEMzQ4RDc4MkVFQn0=","DisplayName":"Equity Gain2","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"TaxInfoCollection","ApiFieldName":"EquityGain2","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezdDMEIxQjI2LUI5QjktNDAwQS1CMUI4LUJEMEMyQzEzOEUxRH0=","DisplayName":"Factsheets","Tooltip":"","ApiExpandFieldName":"","ApiFieldName":"Monthly Factsheet","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezRGN0IxNDBBLUNGQ0ItNDhBMS1BMjVELTJENkYxQ0MxQUMwRn0=","DisplayName":"Account type","Tooltip":"","ApiExpandFieldName":"","ApiFieldName":"AccountTypeName","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezQxQUEyRTc1LTJFRDEtNDQ3MS1CNTJELTgzREM5OUU0MzVDQX0=","DisplayName":"Gross Expense Ratio","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"GrossExpenseRatios","ApiFieldName":"GrossExpenseRatioValue","ApiCurrencyFieldName":"","ApiDateFieldName":"GrossExpenseRatioDate","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0U4RDYyNzM2LTY5MkEtNDAzQi1BQTRELTg2MDU5OEQ2NDhBRX0=","DisplayName":"Historic Yield %","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Yields","ApiFieldName":"HistoricYield","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezBGMkY1MDk4LTlCN0QtNDQ2Ny1BMTZELTRBRkUyMjIwNkYwN30=","DisplayName":"Intermediate Profit","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"TaxInfoCollection","ApiFieldName":"IntermediateProfit","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezI3MTA4NjU2LUFBREUtNEFCMi05RTA1LTlBMEM1N0E5NTg2NH0=","DisplayName":"ISIN","Tooltip":"","ApiExpandFieldName":"","ApiFieldName":"ISIN","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0VCMDUwMzg4LUUyNEMtNDI4OC1CRjM1LUEyNEU3QzA3MkZDQn0=","DisplayName":"KIIDS","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"","ApiFieldName":"KIIDS","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezY1Qjg3RDk5LTZFRTktNEQwQS05MjlFLTdFRDM0NjBGRDA2OX0=","DisplayName":"Morningstar 10yr Rating","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"","ApiFieldName":"Morningstar10yrRating","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezk5RDQ0QTgxLTM2OTUtNDY4OS1CQkMzLUFCOUNFQjAxQkM3RX0=","DisplayName":"Morningstar 3yr Rating","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"","ApiFieldName":"Morningstar3yrRating","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezE4RTAxQjUwLTQzMjQtNDFERS05RUJGLUUyMTdBQTBDRTZERX0=","DisplayName":"Morningstar 5yr Rating","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"","ApiFieldName":"Morningstar5yrRating","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezU0RkYwMkU0LTI4QzUtNDY4Ri05QTFFLUMwODA0RkQxMkQyOH0=","DisplayName":"Morningstar Badge","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"","ApiFieldName":"MorningstarBadge","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezhGNUNERUYxLTI4RUYtNEMwRi1BQkJELTkyRDZCQzYzMkQ4MH0=","DisplayName":"Morningstar Rating","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"","ApiFieldName":"MorningstarOverallRating","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezBBREQ2OTJFLThFQjEtNDZFQy05MzQ1LUIzRUNBNkE5Nzc0QX0=","DisplayName":"Redemption Price (offer)","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Prices","ApiFieldName":"OfferPrice","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezEyQjU0MUZBLTIwNjEtNDVFMi1CM0QxLTA2QUQ4OUE3NjJCRn0=","DisplayName":"Application Price (Sell) Switching","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Prices","ApiFieldName":"OfferSwitchingPrice","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezU4QUJCOEU0LTkyQUQtNDY5Ri1BNjBGLURGNUQyMjc1M0FEMX0=","DisplayName":"Price","Tooltip":"","ApiExpandFieldName":"Prices","ApiFieldName":"PricePerUnit","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":true,"IsPercentage":false},{"Id":"e0NBNkQxQTJCLUNFODctNDMyQS1CN0Y1LUYyQjVCNzMzMDI0M30=","DisplayName":"Price Change","Tooltip":"","ApiExpandFieldName":"Prices","ApiFieldName":"ChangeValue","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"1","IsCollection":false,"NeedsNumberFormatting":true,"IsPercentage":false},{"Id":"ezgzNzQwRDc1LUJDMTAtNDg2OC1CMDUwLTAzMUZENDg2MzJDMn0=","DisplayName":"Price Date","Tooltip":"","ApiExpandFieldName":"Prices","ApiFieldName":"Date","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezg1NkIxQzBBLURCMTktNEE0RS05M0ZBLTE1MThGNEMwNkMwOH0=","DisplayName":"Real Estate","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"TaxInfoCollection","ApiFieldName":"RealEstate","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0Q2NDg2MTVGLTIzQjgtNENBOC05QjAzLTlGOEQ5MzM2RUExQn0=","DisplayName":"Shareclass","Tooltip":"","ApiExpandFieldName":"","ApiFieldName":"Name","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezM5NTgxRjIwLTBERUQtNEFFOC1CMEFDLTVBMDIxNkNCOTU5Q30=","DisplayName":"Shareclass Alternative Name","Tooltip":"","ApiExpandFieldName":"","ApiFieldName":"ShareclassAlternativeName","ApiCurrencyFieldName":"","ApiDateFieldName":"","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezRDMjQ2OTBELTYzQ0UtNDlCRi1BRjMyLTA2MUFERjIyQzFEM30=","DisplayName":"Subsidised Yield","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Yields","ApiFieldName":"SubsidizedSECYield","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezMyRTIxOUFBLTY3QjQtNEQzNi04QkI1LUJDMzhDMDc4RDZERH0=","DisplayName":"Tax Currency","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"TaxInfoCollection","ApiFieldName":"TaxCurrencyCode","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezg5Q0JBMDlFLTlEMUItNDgxQy1BNzVGLUY1OTAzODcyQkE1QX0=","DisplayName":"Underlying Yield","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Yields","ApiFieldName":"UnderlyingYield","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezBENjdCNkY0LTYwNTgtNDFCQi05Njc3LThEN0U3OTVEQzczMn0=","DisplayName":"Unsubsidised Yield","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Yields","ApiFieldName":"UnsubsidizedSECYield","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"e0U5MDUxRjRGLTdCQkQtNDI5OC1CQTA0LUE2MEVBMTg1QjhEN30=","DisplayName":"Unadjusted (Unswung Price)","Tooltip":"Lorem Ipsum","ApiExpandFieldName":"Prices","ApiFieldName":"UnswungPrice","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":false,"IsPercentage":false},{"Id":"ezdGRjU4RDEzLTE2NzctNDE0Mi04MEJGLUREMjQ0MDA4NTkzOX0=","DisplayName":"M2M vs Amortised Cost (Bps)","Tooltip":"","ApiExpandFieldName":"","ApiFieldName":"LVNAV","ApiCurrencyFieldName":"","ApiDateFieldName":"Date","StrippedStrings":"","UseRedGreenArrows":"","IsCollection":false,"NeedsNumberFormatting":true,"IsPercentage":false}]'
     data-document-columns='null'
     data-date-format="dd MMM yyyy"
     data-language="en"
     data-cookie-name="followedFunds"
     data-per-call="100"
     data-fixed-columns=""
     data-my-funds='{"isMyFunds": true, "Id": "myFunds","DisplayName": "My Funds","ApiFieldName": "MyFunds","Tooltip":""}'
     data-href-target="_blank"
     data-document-investor-types="[&quot;c0d71aa427144d1a9dc2e7336921d88c&quot;,&quot;84d15c7cb7714379b26fab16abd13870&quot;]"
     data-enable-fund-page-links="1"
     data-expand-first-item="False"
     data-show-historic-data="False"
     data-shareclass-closed-label ="Closed to new business"
     data-manual-input-item=""
     data-fund-has-warning="False"
     >

    <script type="text/x-template" id="date-picker-template">
        <div class="form-inline form-group form-group-sm inline-block mr20 xs-mr0 xs-mb5 xs-block">
            <label for="chooseADate">
                Choose a date
            </label>
            <input type="text" class="form-control form-control--datepicker" id="chooseADate" :placeholder="dateFormat" v-model="date.displayDate" :disabled="disabled">
        </div>
    </script>

    <script type="text/x-template" id="toggler-template">
        <div class="toggler">
            <input class="checkbox" :id="'s' + sc.ID" type="checkbox" v-model="sc.isFollowed" v-on:change="onFollow(sc, fund)" />
            <label :for="'s' + sc.ID" class="checkbox-label"></label>
        </div>
    </script>

    <!-- Modal -->
    <div class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" id="tableOptionsModal">
        <section class="modal-dialog fc__shareclass-modal">
            <form class="modal-content" v-on:submit.prevent="applyColumns">

                <header class="modal-header">
                    <h2 class="h4 modal-title">
                        Table options
                    </h2>
                    <button 
                        class="close" 
                        data-dismiss="modal" 
                        title="Close"
                        >
                        <i class="material-icons">&#xE14C;</i>
                    </button>
                </header>

                <div class="modal-body modal-body--mh p20">

                    <p> You can toggle additional fields to be shown in the table</p>

                    <table class="table table-condensed">
                        <thead>
                            <tr>
                                <th>Column name</th>
                                <th class="text-center">Visible</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr 
                                v-for="(column, index) in optionalColumns" 
                                :key="column.Id"
                                >
                                <td>
                                    <label 
                                        :for="column.Id.replace('=','')" 
                                        style="font-weight: normal" 
                                        class="block"
                                        >
                                        {{column.DisplayName}}
                                        </label>
                                </td>
                                <td class="text-center">
                                    <input 
                                        type="checkbox" 
                                        :id="column.Id.replace('=','')" 
                                        :value="column.Id" 
                                        v-model="column.Visible" 
                                        v-on:change="toggleOptionalColumns(column)"
                                        >
                                    <label :for="column.Id.replace('=','')" :class='{"semi-selected": column.HasOccurances}'></label>

                                </td>
                            </tr>

                        </tbody>
                    </table>

                </div>
                <!-- /modal-body -->

                <footer class="modal-footer">
                    <button type="button" class="btn btn--bordered btn--bordered-grey" data-dismiss="modal">
                        Cancel
                    </button>
                    <button type="submit" class="btn fc__save-table-columns">
                        Save
                    </button>
                </footer>

            </form>
        </section>
    </div>
    <!-- /Modal -->

        <!-- Filters -->
        <div class="fund-centre-filters pt40 pb40 md-pt30 md-pb30 xs-pt15 xs-pb15 bg-aberdeen-light-blue text-white">
            <div class="container-fluid--mw text-white">

                <fund-search-form 
                    :url="'/en/uk/investor/funds/funds/fundsearchsuggestions'"
                    :query="query"
                    :isLoading="isLoading"
                    :urlParams="searchFormQueryParams"
                    :placeholderText="'Search...'"
                    :submitLabel="'Search'"
                    :suggestionsLimit="5"
                    :disabled="onlyFollowed"
                    v-on:change="onChange"
                    v-on:select="onSelect"
                ></fund-search-form>

                <app-filters 
                    v-if="dataReady"
                    :url="'/en/uk/investor/funds/funds/authorisedfundsfilters'"
                    :queryParams="autosuggestQueryParams"
                    :filterBy="filterCategories"
                    :active="activeFilters"
                    :filtersToShow="4"
                    :disableAll="onlyFollowed"
                    v-on:change="filtersChanged"
                    >
                </app-filters>

            </div>
            <!-- /container -->

        </div>
        <!-- /Filters -->
        <div class="pt20 pb15 " v-if="activeFilters.length || date.displayDate">

            <div class="container-fluid--mw filters">
                <button 
                    v-for="(filter, index) in activeFilters"
                    type="button"
                    v-on:click.prevent="removeFilter(filter)"
                    class="filters__link animated fadeIn"
                    >
                    {{filter.name}}
                    <i class="material-icons filters__icon">&#xE5CD;</i>
                </button>

                <button 
                    type="button"
                    v-if="date.displayDate"
                    v-on:click.prevent="clearDate"
                    class="filters__link animated fadeIn"
                    >
                    {{date.displayDate}}
                    <i class="material-icons filters__icon">&#xE5CD;</i>
                </button>

                <button 
                    type="button"
                    v-if="activeFilters.length > 1 || activeFilters.length > 0 && date.displayDate"
                    v-on:click.prevent="clearAllFilters"
                    class="filters__link filters__link--style-clear animated fadeIn"
                    >
                    Clear all
                    <i class="material-icons filters__icon">&#xE5CD;</i>
                </button>
            </div>
        </div>

    <div class="pt50 pb50 xs-pt20 xs-pb20  relative">

        <div v-if="isLoading && !isError" class="loading-mask"></div>
        <div v-if="isLoading && !isError" class="icon-loading"></div>

        <div class="container-fluid--mw">


            <div class="mb30" v-if="isError">
                <div class="alert">
                    <div class="alert__prefix alert__prefix--danger">
                        Error
                    </div>
                    <div class="alert__copy">
                        There was an error getting the funds.
                    </div>
                </div>
            </div>

            <div v-if="dataReady" class="mb30 xs-mb0">
                <!-- Table options -->
                <div class="row mb30 xs-mb15" v-if="!isError && results.length">
                    <footer class="col-sm-3 xs-mb15 pt5" v-if="onlyFollowed">
						<span class="small" v-if="!isLoading">
						    You have {{results.length}} followed funds.
						</span>
					</footer>
                    <footer class="col-sm-3 xs-mb15 pt5" v-else>
                        <span class="small" v-if="!isLoading">
                            Showing {{results.length}} of {{total}} results.
                        </span>
                    </footer>
                    <header class="col-sm-9 text-right xs-text-left">

                        <date-picker 
                            :i18n="{&quot;previousMonth&quot;:&quot;Previous Month&quot;,&quot;nextMonth&quot;:&quot;Next Month&quot;,&quot;months&quot;:[&quot;January&quot;,&quot;February&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;,&quot;July&quot;,&quot;August&quot;,&quot;September&quot;,&quot;October&quot;,&quot;November&quot;,&quot;December&quot;],&quot;monthsShort&quot;:[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;],&quot;weekdays&quot;:[&quot;Sunday&quot;,&quot;Monday&quot;,&quot;Tuesday&quot;,&quot;Wednesday&quot;,&quot;Thursday&quot;,&quot;Friday&quot;,&quot;Saturday&quot;],&quot;weekdaysShort&quot;:[&quot;Sun&quot;,&quot;Mon&quot;,&quot;Tue&quot;,&quot;Wed&quot;,&quot;Thu&quot;,&quot;Fri&quot;,&quot;Sat&quot;],&quot;yearsOfData&quot;:&quot;10&quot;,&quot;firstDayOfTheWeekend&quot;:&quot;1&quot;,&quot;rightToLeft&quot;:false,&quot;yearText&quot;:&quot;Year&quot;,&quot;monthText&quot;:&quot;Month&quot;}"
                            :date-format="dateFormat"
                            :is-rtl="false"
                            :first-day="1"
                            :year-range="10"
                            type="Date"
                            :date="date"
                            v-model="date">
                        </date-picker>


                        <button 
                            type="button"
                            v-if="hasFollowedFunds"
                            :class="{'btn--dark-blue': onlyFollowed}"
                            v-on:click.prevent="toggleFollowed"
                            class="btn-followedfunds btn xs-btn--block btn--sm mr5 xs-mr0 xs-mb5"
                            >
                            Followed funds
                        </button>


                        <button 
                            type="button"
                            :class="{'btn--dark-blue': options.expandAll}"
                            v-on:click.prevent="togglePanels"
                            class="btn-togglepanels btn xs-btn--block btn--sm mr5 xs-mr0 xs-mb5"
                            >
                            Toggle panels
                        </button>

                        <button 
                            type="button"
                            class="btn btn--no-active xs-btn--block btn--sm"
                            data-toggle="modal"
                            data-target="#tableOptionsModal"
                            >
                            Add to table
                        </button>

                    </header>
                </div>
                <!-- /Table options -->

                <p v-if="!results.length && isSubmitted && !onlyFollowed">
                    There are no funds.
                </p>
                <p v-if="!results.length && !isLoading && !isError && !isSubmitted && !onlyFollowed">
                    There are no results
                </p>
                <p v-if="!results.length && !isLoading && !isError && !onlyFollowed">
                    No results
                </p>
                <p v-if="!results.length && !isLoading && !isError && onlyFollowed">
					
				</p>
				<p v-if="results.length && !isLoading && !isError && onlyFollowed && !followedFundsMatch">
					
				</p>

                <!-- Main data -->
            <div v-for="(fund, index) in results" v-if="(index < results.length) && (onlyFollowed ? fund.noOfSc > 0 : true )">

                    <button 
                        type="button"
                        class="fc__shareclass-toggle"
                        :class="{'fc__shareclass-toggle--active':fund.IsOpen}"
                        v-on:click.self.prevent="toggleShareClass(fund, !fund.IsOpen)"
                        >
                        <span v-html="fund.Name"></span>
                        <sup 
							v-for="footnote in fund.Footnotes"
							:id="footnote.id + fund.ID + index.toString()"
                            :aria-labelledby="footnote.targetId"
							v-on:click.stop.prevent="onFootnoteClick(footnote.targetId, footnote.id + fund.ID + index.toString(), true)"
                            class="footnote-link"
                            >
                            [{{footnote.index}}]
                        </sup>

                        <div class="fc__shareclass-toggle__badge" v-if="fund.ProductShareclassesLinks.length">
                            {{fund.noOfSc || (fund.ProductShareclasses ? fund.ProductShareclasses.length : fund.ProductShareclassesLinks.length)}}
                        </div>
                        <i 
                            v-if="fund.ProductShareclassesLinks && fund.ProductShareclassesLinks.length" 
                            class="material-icons fc__shareclass-toggle__icon"
							v-on:click.self.prevent="toggleShareClass(fund, !fund.IsOpen)"
                            >
                            &#xE5C5;
                        </i>
                    </button>
                    <!-- /fc__shareclass-toggle -->

                    <div class="table-wrapper">

                        <div class="fc__shareclass-table clearfix" 
                                v-if="fund.ProductShareclassesLinks && fund.ProductShareclassesLinks.length" 
                                v-show="fund.IsOpen">
                            <!-- If error -->
                            <div class="mb30" v-if="fund.noResults">
                                <div class="alert">
                                    <div class="alert__copy--np">No results</div>
                                </div>
                            </div>
                            <div class="mb30" v-if="fund.hasError">
                                <div class="alert">
                                    <div class="alert__prefix alert__prefix--danger">Error</div>
                                    <div class="alert__copy">
                                        There was an error getting the funds.
                                    </div>
                                </div>
                            </div>
                            <div v-if="fund.isLoading" class="icon-loading"></div>
                            <div class="table-responsive fund-table fund-table--fixed mb10"
                                    v-if="fund.dataFetched && fixedColumnsNo"
                                    style="float:left;" :style="fund.fixed.fixedColumnStyle">
                                <table class="table table-condensed" v-if="!fund.hasError && !fund.noResults">
                                    <thead>
                                        <tr>
                                            <th v-for="(column, index) in fund.fixed.fixedColumns" :key="column.Id" 
                                                :class="{'td-follow': column.isMyFunds}">
                                                {{column.DisplayName}}
                                                <a class="fc__table-tooltip" v-if="column.Tooltip" 
                                                    v-tooltip:top="column.Tooltip"><i class="material-icons text-18">&#xE88F;</i></a>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr v-on:mouseover="toggleActiveRow(fund, index, $event)"
                                            v-on:mouseleave="toggleActiveRow(fund, index, $event)"
                                            :class="{'isActive': sc.isActive}"
                                            v-for="(sc, index) in fund.fixed.ProductShareclasses" :key="sc.Id"
                                            v-if="fund.fixed.ProductShareclasses && fund.fixed.ProductShareclasses.length > 0"
                                            >
                                            <td 
                                                v-for="(column, index) in sc.fixedColumns"
                                                :key="column.Id"
                                                :class="{'td-follow': column.isMyFunds, 'pb5': column.isDoc}"
                                                >

                                                <toggler 
                                                    v-if="column.isMyFunds"
                                                    :sc="sc"
                                                    :fund="fund"
                                                    :on-follow="handleFollowChange"
                                                ></toggler>

                                                <span v-else>

                                                    <a 
                                                        v-if="column.isDoc"
                                                        :href="column.value"
                                                        :target="hrefTarget"
                                                        title=""
                                                        rel="noopener noreferrer"
                                                        class="btn btn--icon-left btn--naked btn__icon"
                                                        >
                                                        <span class="btn__icon material-icons icon-file-type icon-file-type--middle relative">&#xE24D;
                                                            <span class="sr-only">File type:</span>
                                                            <span class="extension" v-text="sc.extension"></span>
                                                        </span>
                                                    </a>
                                                    <span v-else-if="column.url">
                                                         <a target="hrefTarget"
                                                           :href="column.url">
                                                            {{column.value !== null ? (isXs ? column.shortValue: column.value) : '&mdash;' }}
                                                        </a>
                                                        <span v-if="column.isClosed" class="fc__shareclass-closed">{{shareclassClosedLabel}}</span>
                                                    </span>
                                                    <span v-else>
                                                        {{column.value !== null ? (isXs ? column.shortValue: column.value) : '&mdash;' }}
                                                        <span v-if="column.isClosed" class="fc__shareclass-closed">{{shareclassClosedLabel}}</span>
                                                    </span>
                                                </span>
                                                
                                                <sup 
                                                    v-for="(footnote, index) in column.footnotes"
                                                    :id="footnote.id + sc.ID + index.toString()"
                                                    :aria-labelledby="footnote.targetId"
                                                    v-on:click.stop.prevent="onFootnoteClick(footnote.targetId, footnote.id + sc.ID + index.toString(), true)"
                                                    class="footnote-link"
                                                    >
                                                    [{{footnote.index}}]
                                                </sup>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="table-responsive fund-table mb10" v-if="fund.dataFetched">
                                <table class="table table-condensed" v-if="!fund.hasError && !fund.noResults">
                                    <thead>
                                        <tr>
                                            <th 
                                                v-for="(column, index) in fund.Columns" 
                                                :key="column.Id" 
                                                :class="{'td-follow': column.isMyFunds}"
                                                >
                                                {{column.DisplayName}}
                                                <a 
                                                    class="fc__table-tooltip" 
                                                    v-if="column.Tooltip" 
                                                    v-tooltip:top="column.Tooltip"
                                                    >
                                                    <i class="material-icons text-18">&#xE88F;</i>
                                                </a>
                                            </th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        <tr 
                                            v-on:mouseover="toggleActiveRow(fund, index, $event)" 
                                            v-on:mouseleave="toggleActiveRow(fund, index, $event)" 
                                            :class="{'isActive': sc.isActive}"
                                            v-for="(sc, index) in fund.ProductShareclasses" :key="sc.ID" 
                                            v-if="fund.ProductShareclasses && fund.ProductShareclasses.length > 0">
                                            <td v-for="(column, index) in sc.columns"
                                                v-if="sc.columns.length > 0"
                                                :key="column.Id"
                                                :class="{'td-follow': column.isMyFunds, 'pb5': column.isDoc}">
                                                <toggler v-if="column.isMyFunds"
                                                         :sc="sc"
                                                         :fund="fund"
                                                         :on-follow="handleFollowChange"></toggler>
                                                <span v-else>
                                                    <a v-if="column.isDoc"
                                                       :href="column.value"
                                                       :target="hrefTarget"
                                                       title=""
                                                       rel="noopener noreferrer"
                                                       class="btn btn--icon-left btn--naked">
                                                        <span class="btn__icon material-icons icon-file-type icon-file-type--middle relative">
                                                            &#xE24D;
                                                            <span class="sr-only">File type:</span>
                                                            <span class="extension" v-text="sc.extension"></span>
                                                        </span>
                                                    </a>
                                                    <span v-else-if="column.url">
                                                        <a :target="hrefTarget"
                                                           :href="column.url">
                                                            {{column.value !== null ? (isXs ? column.shortValue: column.value) : '&mdash;' }}
                                                        </a>
                                                        <span v-if="column.isClosed" class="fc__shareclass-closed">{{shareclassClosedLabel}}</span>
                                                    </span>
                                                    <span v-else>
                                                        {{ column.value !== null ?  (isXs ? column.shortValue: column.value) : '&mdash;' }}
                                                        <span v-if="column.isClosed" class="fc__shareclass-closed">{{shareclassClosedLabel}}</span>
                                                    </span>
                                                </span>
                                                <sup v-for="(footnote, index) in column.footnotes"
                                                     :id="footnote.id + sc.ID + index.toString()"
                                                     :aria-labelledby="footnote.targetId"
                                                     v-on:click.stop.prevent="onFootnoteClick(footnote.targetId, footnote.id + sc.ID + index.toString(), true)"
                                                     class="footnote-link">
                                                    [{{footnote.index}}]
                                                </sup>
                                            </td>
                                        </tr>
                                    </tbody>

                                </table>
                            </div>
                            <!-- /table-responsive -->

                        </div>
                    </div>

                </div>
                <!-- /Main data -->

                <div class="text-center xs-pt15 xs-pb15" v-if="total > results.length" >
                    <button 
                        type="button"
                        class="btn btn--icon-right"
                        :class="{ 'btn--loading': isLoading }"
                        v-on:click="more"
                        :disabled="isLoading || filtersLoading"
                        >
                        Load more
                        <i class="material-icons btn__icon">&#xE5CF;</i>
                    </button>
                </div>

                <div class="text-center text-muted xs-pt15 xs-pb15" v-if="resultsPerPage && results.length !== resultsPerPage && total <= results.length && total > resultsPerPage && !onlyFollowed">
                    There are no more results to load
                </div>

            </div>
            <!-- /container -->

        </div>
        <!-- /bg -->

        <section v-if="footnotes.length" class="footnotes container-fluid--mw">

            <h2></h2>

            <ul class="box-list__list">
                <li v-for="(footnote, index) in footnotes" :id="footnote.id" tabindex="-1" >
                    <sup>[{{index + 1}}]</sup>
                    <span v-html="footnote.value"></span>
                    <button 
                        v-if="footnote.backId"
                        v-on:click.stop.prevent="onFootnoteClick(footnote.backId, footnote.id, false)"
                        class="btn btn--naked v-bottom"
                        >
                        <i class="material-icons small">&#xE25A;</i>
                        <span class="sr-only"></span>
                    </button>
                </li>
            </ul>
        </section>

    </div>
    <!-- /if -->

</div>