

<!doctype html>
<html lang="fr-CA">


<head>
            

<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Security-Policy"/>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<!-- https://www.rbcgam.com/fr/fr/ca/products/mutual-funds/management-report-of-fund-performance-mrfp-and-financial-statements -->
<!-- else -->
	 <title>Rapports de la direction sur le rendement des fonds (RDRF) et &#233;tats financiers</title>
<meta name="description" content="Mutual funds"/>

<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.rbcgam.com/fr/fr/ca/products/mutual-funds/management-report-of-fund-performance-mrfp-and-financial-statements" />
<meta property="og:title" content="Rapports de la direction sur le rendement des fonds (RDRF) et &#233;tats financiers"/>
<meta property="og:description" content="Mutual funds" />
<meta property="og:site_name" content="RBC Global Asset Management" />
 

<link rel="preload" href="/application/themes/vue-partial-theme/css/ishares.css" as="style">
<link rel="preload" href="/application/themes/vue-partial-theme/css/wmfw-style.min.css" as="style">
<link rel="preload" href="/application/themes/vue-partial-theme/css/ishares.css" as="style">
<link rel="preload" href="/application/themes/vue-partial-theme/css/overrides.css" as="style">
<link rel="preload" href="/application/themes/vue-partial-theme/css/vuepartial-styles-enhancement.css" as="style">

<link rel="dns-prefetch" href="https://maxcdn.bootstrapcdn.com">
<link rel="preconnect" href="https://maxcdn.bootstrapcdn.com" crossorigin>

<link rel="dns-prefetch" href="https://cdn.sterbcgam.com">
<link rel="preconnect" href="https://cdn.sterbcgam.com" crossorigin>

<link rel="dns-prefetch" href="https://cdn.rbcgam.com">
<link rel="preconnect" href="https://cdn.rbcgam.com" crossorigin>


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="/application/themes/vue-partial-theme/css/wmfw-style.min.css">
<link rel="stylesheet" href="https://cdn.sterbcgam.com/assets/css/roboto.min.css">
<link rel="stylesheet" href="https://cdn.rbcgam.com/dist/gam/gam.min.css">
<link rel="stylesheet" href="/application/themes/vue-partial-theme/css/ishares.css">
<link rel="stylesheet" href="/application/themes/vue-partial-theme/css/overrides.css">
<link rel="stylesheet" href="/application/themes/vue-partial-theme/css/vuepartial-styles-enhancement.css" as="style">

<script type="importmap">
    {"imports":{"vue":"/application/vue-lib/3.5.13/vue.esm-browser.js","wm":"/application/gamdx-comp-lib/dist/gam/wm.mjs","wm-utils":"/application/gamdx-comp-lib/dist/gam/utils.mjs","vite-esm/":"/application/vite-es-modules/dist/"}}
</script>
<!-- https://www.rbcgam.com/fr/fr/ca/products/mutual-funds/management-report-of-fund-performance-mrfp-and-financial-statements -->
<!-- else -->
	
<script >
    //main-dataLayer
    window.dataLayer = window.dataLayer || [];

               let QueryParamsObj = {};
            for (let pair of new URLSearchParams(window.location.search)) {
                QueryParamsObj[pair[0]] = pair[1];
            }
                                                                       const requiredKeys = ['currency','date','region','sort','sortorder','strategy','tab','type'];

            requiredKeys.forEach(key => {
                if (!QueryParamsObj.hasOwnProperty(key)) {
                    QueryParamsObj[key] = undefined;
                }
            });

            
            window.dataLayer.push (Object.assign({
    'page_redirect': '',
    'page_country': 'ca',
    'page_region': 'na',
    'page_language': 'fr',
    'page_channel': 'public',
    'page_category': 'products',
    'page_subcategory': 'mutual-funds',
    'page_type': 'individualInvestor'
    }, QueryParamsObj))
            
                        
            // GOOGLE ANALYTICS 4
                    window.dataLayer.push({
            'page_country':'ca',
            'page_region':'na',
            'page_language':'fr',
            'page_channel':'public',
                            'page_category': 'products',
                'page_subcategory':'mutual-funds',
                        'page_breadcrumb':'/fr/ca/products/mutual-funds/management-report-of-fund-performance-mrfp-and-financial-statements',
            'user_type':'individualInvestor',
            'page_LOB':'RBCGAM_3',
            'attribute_1':undefined ,
            'user_multiaccess':undefined ,
            'user_territory': ''? '': undefined,
            
                            'content_type': undefined,
                'content_name': undefined,
                        
                        
                                'publication':undefined,
                    'content_author':undefined,
                            
                'content_id':'5231c051d651398cecbba9cf6abe18e8',
                
                                        'content_date':undefined,
                            
                'GAM_AdvisorId':undefined,
                'GAM_AdvisorTerritory':undefined,
                'GAM_DealerCode':undefined,
                'GAM_RoleID': undefined,
            
                        ...QueryParamsObj})
</script>

<script>
    async function loadOneTrustScript() {
      return new Promise((resolve, reject) => {
        const script = document.createElement("script");
        const env = window?.host_variable?.environment || "production";
        let scriptSrc = "https://cdn.cookielaw.org/consent/75c21a75-8c61-41b5-bbb4-220ec5be96cc/otSDKStub.js";
        if (env === "staging") {
          scriptSrc = "https://cdn.cookielaw.org/consent/75c21a75-8c61-41b5-bbb4-220ec5be96cc-test/otSDKStub.js";
        }
        script.src = scriptSrc;
        script.id = "onetrust-policy-sdk";
        script.type = "text/javascript";
        script.charset = "UTF-8";
        script.dataset.documentLanguage = "true";
        script.dataset.domainScript = scriptSrc.includes("-test")
          ? "75c21a75-8c61-41b5-bbb4-220ec5be96cc-test"
          : "75c21a75-8c61-41b5-bbb4-220ec5be96cc";
        script.onload = resolve;
        script.onerror = reject;
        document.body.appendChild(script);
      });
    }

    document.addEventListener("DOMContentLoaded", function() {
      const modalAlert = document.querySelector('[role="alertdialog"]');
      if (modalAlert) {
        modalAlert.setAttribute("role", "dialog");
      }
    });

    window.onload = async () => {
      try {
        await loadOneTrustScript();
        console.log("OneTrust script loaded successfully.");
      } catch (error) {
        console.error("Failed to load OneTrust script", error);
      }
    };

    document.addEventListener('keydown', (event) => {
      if (event.key === 'Escape' || event.keyCode === 27) {
        const modal = document.getElementById('onetrust-pc-sdk');
        if (modal && window.getComputedStyle(modal).display !== 'none') {
          const closeButton = document.getElementById('close-pc-btn-handler');
          if (closeButton) {
            document.getElementById('openCookieSettings').focus();
            closeButton.click();
          }
        }
      }
    });

    function setInertOnBackground() {
    const ids = ["main", "globalNavRoot", "footers", "footerDisclaimerRoot"];
    ids.forEach(id => {
        const el = document.getElementById(id);
        if (el) {
        el.setAttribute("inert", "");
        }
    });
    }

    function removeInertFromBackground() {
    const ids = ["main", "globalNavRoot", "footers", "footerDisclaimerRoot"];
    ids.forEach(id => {
        const el = document.getElementById(id);
        if (el) {
        el.removeAttribute("inert");
        }
    });
    }

    document.addEventListener("click", function(event) {
    const closeBtn = event.target.closest("#close-pc-btn-handler");
    const openCookieSettingsBtn = event.target.closest("#openCookieSettings");
        if (closeBtn) {
            removeInertFromBackground();
            document.getElementById('openCookieSettings').focus();
        } 
        if (openCookieSettingsBtn) {
            setInertOnBackground();
        }
    });
  </script>

<script type="text/javascript">
    function OptanonWrapper() { }
</script>
        <script>
                            var dataLayer=window.dataLayer=window.dataLayer||[];dataLayer.push({"LOB":"RBCGAM_3"});
                (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
                        var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-P5P6H55');
        </script>


<script type="module" src="/application/themes/vue-partial-theme/js/analytics-service.js"></script>

  </head>
<style>
    [v-cloak] {
        display: none;
    }
</style>
<body id="rapports-de-la-direction-sur-le-rendement-des-fonds-(rdrf)-et-états-financiers"
            >
<aside>
    <a class="skip-main" aria-label="Skip to cookie banner" href="#onetrust-policy-sdk">Aller à la bannière des témoins</a>
    <a class="skip-main" aria-label="Skip to main content" href="#main">Aller au contenu</a>
    <a class="skip-main" aria-label="Skip to footer" href="#footers">Aller au pied de page</a>
</aside>
      
<div id="addToThemeRoot" class="container"></div>
  
<div id="app_id_9855610" v-cloak>
    <Teleport to="#addToThemeRoot">
        <div v-cloak>
            <rbc-modal
                    :active="themeModalOpen"
                    button-cancel="Annuler"
                    title="Ajouter au thème(s)"
                    button-size="medium"
                    @toggle="toggleThemeModal"
            >
                <p class="well bold px-1 py-1 mb-1">{{ themeModalContentToAdd.name }}</p>
                <rbc-tab class="mb-1" toggle-show @tabupdate="themeModalTabUpdate($event.active)">
                    <rbc-tab-content id="existing-themes" name="Thèmes existants">
                        <h4>Ajouter au(x) thème(s)</h4>
                        <rbc-multiselect
                                label="Thèmes existants"
                                id="themeMultiselect"
                                v-model="themeModalMyThemesSelect"
                                checked-text="sélectionnés"
                                placeholder="Choisir"
                        ></rbc-multiselect>
                    </rbc-tab-content>
                    <rbc-tab-content id="new-theme" name="Nouveau thème">
                        <h4>Ajouter à un nouveau thème ?</h4>
                        <rbc-input
                                id="themeNewTheme"
                                label="Nouveau thème"
                                type="text"
                                class="mb-1"
                                v-model="themeModalNewThemeName"
                        ></rbc-input>
                    </rbc-tab-content>
                </rbc-tab>
                <a href="/fr/ca/advisor-support/themes/how-themes-work" target="_blank"
                   class="link-ext">Besoin d’aide pour utiliser les thèmes ?</a>
                <template #buttons>
                    <rbc-button
                            @click="themeModalAddContent"
                    >
                      Enregistrer
                    </rbc-button>
                </template>
            </rbc-modal>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        fetchedThemeData$
    } from "vite-esm/add-to-theme.service.js";
    import {createApp} from "vue"
    import {
        RbcModal, RbcTab, RbcTabContent, RbcMultiselect, RbcInput, RbcButton
    } from "wm"

    createApp({
        created() {
            fetchedThemeData$.subscribe(httpResponse => {
                this.updateContentToAdd(httpResponse.getContentData);
                this.updateMyThemesSelect(httpResponse.getMyThemesData);
                this.themeModalOpen = true;
            });
        },
        components: {
            'rbc-modal': RbcModal,
            'rbc-tab': RbcTab,
            'rbc-tab-content': RbcTabContent,
            'rbc-multiselect': RbcMultiselect,
            'rbc-input': RbcInput,
            'rbc-button': RbcButton
        },
        data() {
            return {
                themeModalNewThemeName: null,
                themeModalMyThemesSelect: [],
                themeModalOpen: false,
                themeModalContentToAdd: {},
                themeModalCurrentTab: "existing-themes",
            }
        },
        methods: {
            toggleThemeModal() {
                this.themeModalOpen = !this.themeModalOpen;
            },
            themeModalTabUpdate(tabId) {
                this.themeModalCurrentTab = tabId;
            },
            updateContentToAdd(data) {
                this.themeModalContentToAdd = {
                    identifier: data.identifier,
                    name: data.name,
                    languageId: data.languageId,
                }
            },
            updateMyThemesSelect(data) {
                this.themeModalMyThemesSelect = (data && data.themes) ? data.themes.map(el => {
                    let selected = (el.listOfIdentifiers.indexOf(this.themeModalContentToAdd.identifier) !== -1);
                    return {
                        label: el.name,
                        value: el.identifier,
                        selected: selected,
                        disabled: selected,
                        listOfIdentifiers: el.listOfIdentifiers,
                        languageId: el.languageId
                    };
                }) : [];
            },
            themeModalAddContent() {
                if (this.themeModalCurrentTab === "existing-themes") {
                    this.updateSelectedThemes();
                } else {
                    this.addNewTheme();
                }
            },
            updateSelectedThemes() {
                if (!!this.themeModalMyThemesSelect) {
                    const selectedThemes = this.themeModalMyThemesSelect.filter(({selected}) => selected)
                    selectedThemes.forEach(el => {
                        const listOfIdentifiers = [].concat(el.listOfIdentifiers.split(','));
                        if (listOfIdentifiers.indexOf(this.themeModalContentToAdd.identifier) === -1) {
                            listOfIdentifiers.push(this.themeModalContentToAdd.identifier);
                        }
                        const url = '/ca/contentletapi?identifier=' + el.value + '&languageId=' + el.languageId + '&action=UPDATE&listOfIdentifiers=' + listOfIdentifiers;
                        fetch(url)
                                .then(function (response) {
                                    if (response.status === 200) {
                                        return response.json();
                                    } else {
                                        console.error('Error trying to update content httpStatus:' + response.status);
                                    }
                                })
                                .then(function (data) {
                                    console.log(data);
                                })
                                .catch(function (e) {
                                    console.error(e);
                                });
                    })
                    this.toggleThemeModal();
                }
            },
            addNewTheme() {
                var name = encodeURIComponent(this.themeModalNewThemeName);
                var uniqueId = (new Date()).getTime();
                var url = '/ca/contentletapi?action=CREATE&contentType=Themes&languageId=' + this.themeModalContentToAdd.languageId + '&advisorId=${advisorID}&uniqueidentifier=' + uniqueId + '&name=' + name + '&listOfIdentifiers=' + this.themeModalContentToAdd.identifier;
                fetch(url)
                        .then(function (response) {
                            if (response.status !== 200) {
                                throw new Error('Error while creating new theme httpStatus:' + response.status);
                            } else {
                                return response.json();
                            }
                        })
                        .then(function (data) {
                            console.log(data);
                        })
                        .catch(function (e) {
                            console.error(e);
                        });
                this.toggleThemeModal();
            }
        },
        mounted() {
        },
        unmount() {
            fetchedThemeData$.unsubscribe();
        }
    }).mount('#app_id_9855610')
</script>


<div id="globalNavRoot" class="container"></div>
                              
                        
<div id="app_id_2666992" v-cloak>
    <Teleport to="#globalNavRoot">
        <div v-cloak>
            <br/>
            <br/>
            <br/>
            <br/>
            <rbc-mega-menu
                    ref="megamenu"
                    :active-menu="activeMenuItem"
                    :contrast-toggle="false"
                    :links="nav.links"
                    :flag-text="nav.flagText"
                    :active-language="nav.currentLanguage"
                    :languages="nav.languages"
                    :secondary-links="nav.secondaryLinks"
                    search-text="Recherche"
                    search-placeholder="Entrez le terme recherché et appuyez sur Entrée pour voir tous les résultats."
                    :show-search-results="searchResults.length > 0"
                    :user-greeting="nav.userGreeting"
                    :user-greeting-link="nav.userGreetingLink"
                    :user-links="nav.userLinks"
                    logo="https://cdn.rbcgam.com/assets/images/logos/rbc-gam-logo-fr.svg"
                    logo-link="/fr/ca/"
                    data-location="Main navigation"
                    @languageupdated="toggleLanguage"
                    @searchtermchanged="debounceMegaSearch"
                    @searchsidenavsubmitted="mobileSearch"
                    @keyup="megaSearchKeyUp"
            >
                <template #[primarylevel.id]
                          v-for="primarylevel in nav.links.filter(({children}) => !!children && children.length > 0)">
                    <div class="row">
                        <template v-for="secondaryLevel in primarylevel.children">
                            <template v-if="!!secondaryLevel
                            && secondaryLevel.type === 'folder'
                            && secondaryLevel.id !== 'nav.advisorsupport.themes'">
                                <div :key="secondaryLevel.id" class="col-md-3">
                                    <span class="mega-menu-content-header">
                                        {{secondaryLevel.title}}
                                    </span>
                                                                      <ul class="mega-menu-content-items">
                                        <template v-for="thirdLevel in secondaryLevel.children">
                                            <template v-if="!!thirdLevel
                                            && (thirdLevel.type !== 'folder' || thirdLevel.id !== thirdLevel.title)">
                                                <li :key="thirdLevel.id" class="mega-menu-content-item">
                                                    <a class="mega-menu-content-link"
                                                       :class="{'medium': (thirdLevel.link).replace(secondaryLevel.link, '') === '/index'}"
                                                       :href="thirdLevel.link"
                                                       :title="thirdLevel.title">
                                                        {{thirdLevel.title}}
                                                    </a>
                                                </li>
                                            </template>
                                        </template>
                                    </ul>
                                </div>
                            </template>
                            <template v-else-if="(secondaryLevel.link).replace(primarylevel.link,'') !== '/index'">
                                <div v-if="secondaryLevel.id === 'nav.advisorsupport.themes'"
                                     :key="secondaryLevel.id" class="col-md-9">
                                    <span class="mega-menu-content-header">{{secondaryLevel.title}}</span>
                                    <ul class="mega-menu-content-items mb-1" aria-hidden="true"></ul>
                                    <div class="row">
                                        <template v-for="(featuredTheme, index) in featuredThemesObj.links">
                                            <div class="col-md-4">
                                                <rbc-card
                                                        class="card-theme-small card-theme h-100"
                                                        :link="featuredTheme.link">
                                                    <h3>{{featuredTheme.name}}</h3>
                                                    <div>
                                                        <span v-if="featuredThemesObj.templateCtx[index].velocityVarName === 'Rbcthemes'">
                                                          Créé par RBC GMA
                                                        </span>
                                                        <ul class="list-icon list-divider">
                                                            <li class="list-divider-item">
                                                                <rbc-icon
                                                                        icon="chart-bar"
                                                                        class="card-icon"
                                                                ></rbc-icon>
                                                                {{featuredThemesObj.templateCtx[index].fundsCount}}
                                                            </li>
                                                            <li class="list-divider-item">
                                                                <rbc-icon
                                                                        icon="file-alt"
                                                                        class="card-icon"
                                                                ></rbc-icon>
                                                                {{featuredThemesObj.templateCtx[index].documentsCount}}
                                                            </li>
                                                            <li class="list-divider-item">
                                                                <rbc-icon
                                                                        icon="user"
                                                                        class="card-icon"
                                                                ></rbc-icon>
                                                                {{featuredThemesObj.templateCtx[index].managersCount}}
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </rbc-card>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                                <template v-else-if="secondaryLevel.type !== 'folder'
                                        || secondaryLevel.id !== secondaryLevel.title">
                                    <div class="col">
                                        <rbc-media-card
                                                card
                                                :articles="[{...secondaryLevel, text: secondaryLevel.summary}]"
                                                :columns="1"
                                                class="h-100"
                                        ></rbc-media-card>
                                    </div>
                                </template>
                            </template>
                        </template>
                    </div>
                    <template v-if="!!primarylevel.viewall">
                        <div class="text-right mt-1">
                            <a class="link-chev" :href="`${primarylevel.link}/index`">
                                {{primarylevel.viewall}}
                            </a>
                        </div>
                    </template>
                </template>
                <template #search-results>
                    <div data-location="Mega search">
                        <table class="table table-border-horizontal mega-menu-search-results-item table-hover">
                            <tbody>
                            <tr v-for="(r, i) in searchResults">
                                <td :class="{'b-blue-tint-5': i === searchResultsActive}" class="px-0"
                                    @click="megaSearchResultClick(r, $event)">
                                    <rbc-tag class="mx-0 nowrap" size="small"
                                             v-text="(r.type === 'mf')
                                             ? 'Fonds commun de placement' : 'FNB'">
                                    </rbc-tag>
                                </td>
                                <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                    @click.self="megaSearchResultClick(r, $event)">
                                    <a :href="(r.type==='mf')
                                        ? `/fr/ca/products/mutual-funds/${r.fundCode}/detail/`
                                        : `/fr/ca/products/etfs/${r.fundCode}/detail/`">
                                        {{r.fundCode}}
                                    </a>
                                </td>
                                <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                    @click.self="megaSearchResultClick(r, $event)">
                                    <a :href="(r.type === 'mf')
                                        ? `/fr/ca/products/mutual-funds/${r.fundCode}/detail/`
                                        : `/fr/ca/products/etfs/${r.fundCode}/detail/`">
                                        {{r.fundName}}
                                    </a>
                                </td>
                                <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                    @click="megaSearchResultClick(r, $event)">
                                    {{r.series}}
                                </td>
                                <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                    @click="megaSearchResultClick(r, $event)">
                                    {{r.assetClass}}
                                </td>
                                                          </tr>
                            </tbody>
                        </table>
                        <ul class="list-links">
                            <li class="mega-menu-search-results-item">
                                <component :is="searchTerm != ''? 'a': 'span'" :href="searchAllLink"
                                           class="link-chev">Afficher tous les résultats</component>
                            </li>
                            <li class="mega-menu-search-results-item">
                                <component :is="searchTerm != ''? 'a': 'span'" :href="searchProductLink"
                                           class="link-chev">Afficher les résultats de Produits</component>
                            </li>
                            <li class="mega-menu-search-results-item">
                                <component :is="searchTerm != ''? 'a': 'span'" :href="searchInsightLink"
                                           class="link-chev">Afficher les résultats de Perspectives</component>
                            </li>
                        </ul>
                    </div>
                </template>
            </rbc-mega-menu>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        getThemeData
    } from "vite-esm/add-to-theme.service.js";
    import {createApp} from "vue"
    import {
        RbcMegaMenu, RbcIcon, RbcCard, RbcMediaCard, RbcTag, RbcButton
    } from "wm"
    import {
        debounce
    } from "wm-utils"

    const dataLayer = [];
    const currRelPath = "/fr/ca/products/mutual-funds/management-report-of-fund-performance-mrfp-and-financial-statements";
    const langPrefix = "/fr";
    const countryLanguages = [        {            "id": 'ca',            "country": 'Canada',            "languages": [                {                    "id": 'ca-en',                    "languageCode": "en",                    "countryCode": "ca",                    "text": "EN",                    "dotcmsId": 1                },                {                    "id": 'ca-fr',                    "languageCode": "fr",                    "countryCode": "ca",                    "text": 'FR',                    "dotcmsId": 3                },                {                    "id": 'ca-zh-Hans',                    "languageCode": "zh",                    "countryCode": "ca",                    "text": '简中',                    "dotcmsId": 4                },                {                    "id": 'ca-tc',                    "languageCode": "zh-hant",                    "countryCode": "ca",                    "text": '繁中',                    "dotcmsId": 5                }            ]        },    ]

    createApp({
        created() {
        },
        components: {
            "rbc-mega-menu": RbcMegaMenu,
            "rbc-icon": RbcIcon,
            "rbc-card": RbcCard,
            "rbc-media-card": RbcMediaCard,
            "rbc-tag": RbcTag,
            "rbc-button": RbcButton
        },
        computed: {
            encodedSearchTerm() {
                return encodeURIComponent(this.searchTerm);
            },
            searchAllLink() {
                return `${langPrefix}/ca/search-results/?q=${this.encodedSearchTerm}`;
            },
            searchProductLink() {
                return `${langPrefix}/ca/search-results/?productsOnly=true&q=${this.encodedSearchTerm}`;
            },
            searchInsightLink() {
                return `${langPrefix}/ca/search-results/?insightsOnly=true&q=${this.encodedSearchTerm}`;
            }
        },
        data() {
            return {
                searchTerm: "",
                activeMenuItem: null,
                searchResults: [],
                searchResultsActive: -1,
                featuredThemesObj: {"links":[{"id":"$esc.xml($_.featuredTheme.name)","name":"$esc.xml($_.featuredTheme.name)","title":"$esc.xml($_.featuredTheme.name)","link":"/fr/theme/$advisorID/$_.featuredTheme.uniqueidentifier/detail"},{"id":"$esc.xml($_.featuredTheme.name)","name":"$esc.xml($_.featuredTheme.name)","title":"$esc.xml($_.featuredTheme.name)","link":"/fr/theme/$advisorID/$_.featuredTheme.uniqueidentifier/detail"},{"id":"$esc.xml($_.featuredTheme.name)","name":"$esc.xml($_.featuredTheme.name)","title":"$esc.xml($_.featuredTheme.name)","link":"/fr/theme/$advisorID/$_.featuredTheme.uniqueidentifier/detail"}],"templateCtx":[{"velocityVarName":null,"fundsCount":0,"managersCount":0,"documentsCount":0},{"velocityVarName":null,"fundsCount":0,"managersCount":0,"documentsCount":0},{"velocityVarName":null,"fundsCount":0,"managersCount":0,"documentsCount":0}]},
                nav: {
                    "links": [{"id":"nav.products","name":"Produits","title":"Produits","separator":false,"summary":"","type":"folder","children":[{"id":"nav.products.mutualfunds","name":"Fonds communs de placement","title":"Fonds communs de placement","summary":"","type":"folder","link":"/ca/products/mutual-funds","children":[{"id":"Fonds communs de placement","name":"Fonds communs de placement","title":"Fonds communs de placement","summary":"Nous proposons une gamme complète de fonds communs de placement couvrant l\u2019ensemble des catégories d\u2019actif, des secteurs, des régions et des thèmes, pour vous aider à atteindre vos objectifs de placement.","type":"htmlpage","link":"/ca/products/mutual-funds/index"},{"id":"nav.products.aboutmutualfunds","name":"À propos des fonds communs de placement RBC","title":"À propos des fonds communs de placement RBC","summary":"","type":"folder","link":"/ca/products/mutual-funds/about/"},{"id":"\u200bPortefeuilles de titres à revenu fixe RBC","name":"\u200bPortefeuilles de titres à revenu fixe RBC","title":"\u200bPortefeuilles de titres à revenu fixe RBC","summary":"Élaborés en consultation avec des gestionnaires de portefeuille discrétionnaires, les portefeuilles de titres à revenu fixe RBC vous permettent de mettre en œuvre des stratégies d\u2019obligations complexes de façon uniforme pour un nombre élevé de comptes de clients.","type":"htmlpage","link":"/ca/products/mutual-funds/rbc-fixed-income-pools"},{"id":"nav.products.rbcportfoliosolutions","name":"Solutions de portefeuille RBC","title":"Solutions de portefeuille RBC","summary":"","type":"folder","link":"/ca/products/mutual-funds/rbc-portfolio-solutions/"}]},{"id":"nav.products.etfs","name":"FNB","title":"FNB","summary":"","type":"folder","link":"/ca/products/etfs","children":[{"id":"Fonds négociés en bourse (FNB)","name":"Fonds négociés en bourse (FNB)","title":"Fonds négociés en bourse (FNB)","summary":"Notre gamme diversifiée de FNB permet aux investisseurs d\u2019élaborer leur portefeuille de façon pratique et économique.","type":"htmlpage","link":"/ca/products/etfs/index"},{"id":"À propos des FNB RBC iShares","name":"À propos des FNB RBC iShares","title":"À propos des FNB RBC iShares","summary":"","type":"htmlpage","link":"/ca/products/etfs/rbc-ishares"},{"id":"nav.products.etfinvestmentstrategies","name":"Stratégies de placement en FNB","title":"Stratégies de placement en FNB","summary":"","type":"folder","link":"/ca/products/etfs/etf-investment-strategies/"}]},{"id":"nav.products.alternativeinvestments","name":"Placements alternatifs","title":"Placements alternatifs","summary":"","type":"folder","link":"/ca/products/alternative-investments","children":[{"id":"Liste des placements alternatifs","name":"Liste des placements alternatifs","title":"Liste des placements alternatifs","summary":"Notre grande sélection de stratégies de placements alternatifs offre aux investisseurs canadiens des options qui sont adaptées à une vaste gamme d\u2019objectifs de placement.","type":"htmlpage","link":"/ca/products/alternative-investments/index"},{"id":"nav.products.aboutalternativeinvestments","name":"À propos des placements alternatifs RBC","title":"À propos des placements alternatifs RBC","summary":"","type":"folder","link":"/ca/products/alternative-investments/about/"}]}]},{"id":"nav.insights","name":"Perspectives","title":"Perspectives","separator":false,"summary":"","type":"folder","link":"/ca/insights/"},{"id":"nav.learnplan","name":"Apprendre et planifier","viewall":"Consultez tous les articles en matière d\u2019apprentissage et de planification.","link":"/ca/learn-plan","title":"Apprendre et planifier","separator":false,"summary":"","type":"folder","children":[{"id":"nav.learnplan.typesofinvestments","name":"Types de placements","title":"Types de placements","summary":"","type":"folder","link":"/ca/learn-plan/types-of-investments","children":[{"id":"nav.learnplan.whataremutualfunds","name":"Tout sur les fonds communs de placement","title":"Tout sur les fonds communs de placement","summary":"","type":"folder","link":"/ca/learn-plan/types-of-investments/mutual-funds/"},{"id":"nav.learnplan.whatareetfs","name":"Centre d\u2019apprentissage sur les FNB","title":"Centre d\u2019apprentissage sur les FNB","summary":"","type":"folder","link":"/ca/learn-plan/types-of-investments/etfs/"}]},{"id":"Retraite","name":"Retraite","title":"Retraite","summary":"Votre Centre-ressource de la retraite. Découvrez les étapes de la route vers la retraite, du début hâtif de l\u2019épargne à la vie à la retraite.","type":"htmlpage","link":"/ca/learn-plan/retirement-resources"},{"id":"Principes fondamentaux de placement","name":"Principes fondamentaux de placement","title":"Principes fondamentaux de placement","summary":"Renseignez-vous sur les principes fondamentaux de placement pour prendre des décisions financières avisées.","type":"htmlpage","link":"/ca/learn-plan/investment-basics"},{"id":"Stratégies de placement","name":"Stratégies de placement","title":"Stratégies de placement","summary":"Stratégies de placement pour vous aider à définir vos objectifs et à mieux comprendre le milieu des placements.","type":"htmlpage","link":"/ca/learn-plan/investment-strategies"},{"id":"Apprendre et planifier","name":"Apprendre et planifier","title":"Apprendre et planifier","summary":"","type":"htmlpage","link":"/ca/learn-plan/index"}]},{"id":"nav.aboutus","name":"À propos de nous","title":"À propos de nous","separator":false,"summary":"","type":"folder","children":[{"id":"Notre société","name":"Notre société","title":"Notre société","summary":"","type":"htmlpage","link":"/ca/about-us/our-story"},{"id":"Investissement responsable","name":"Investissement responsable","title":"Investissement responsable","summary":"","type":"htmlpage","link":"/ca/about-us/ri"},{"id":"\u200bNos équipes","name":"\u200bNos équipes","title":"\u200bNos équipes","summary":"","type":"htmlpage","link":"/ca/about-us/our-teams"},{"id":"RBC iShares","name":"RBC iShares","title":"RBC iShares","summary":"","type":"htmlpage","link":"/ca/about-us/about-rbc-ishares"},{"id":"Profils des dirigeants","name":"Profils des dirigeants","title":"Profils des dirigeants","summary":"","type":"htmlpage","link":"/ca/about-us/leadership"}]}],
                    "flagText": 'À titre indicatif seulement',
                    "currentLanguage": {"id":"fr","text":"FR","country":"Canada"},
                    "languages": countryLanguages,
                    "secondaryLinks": [{"name":"Services institutionnels de RBC GMA","id":"ServicesinstitutionnelsdeRBCGMA","children":[{"name":"Canada (PH&N - Institutionnel)","id":"Canada(PH&N-Institutionnel)","link":"https://institutional.rbcgam.com/fr/ca/","target":"_blank"},{"name":"Europe","id":"Europe","link":"https://institutional.rbcgam.com/en/europe/","target":"_blank"},{"name":"États-Unis","id":"États-Unis","link":"https://institutional.rbcgam.com/en/us/","target":"_blank"},{"name":"Asie-Pacifique","id":"Asie-Pacifique","link":"https://institutional.rbcgam.com/en/asia/","target":"_blank"},{"name":"Moyen-Orient et Afrique","id":"Moyen-OrientetAfrique","link":"https://institutional.rbcgam.com/en/mea/","target":"_blank"},{"name":"Amérique latine et Antilles","id":"AmériquelatineetAntilles","link":"https://institutional1.sterbcgam.com/en/latin-america/","target":"_blank"}]},{"name":"Autres sites RBC","id":"AutressitesRBC","children":[{"name":"Banque Royale","id":"BanqueRoyale","link":"https://www.rbcroyalbank.com/fr/personal.html","target":"_blank"},{"name":"Services de placement PH&N","id":"ServicesdeplacementPH&N","link":"https://www.phn.com/","target":"_blank"},{"name":"RBC Gestion d'actifs Indigo","id":"RBCGestiondactifsIndigo","link":"https://www.rbcindigo.com/fr/landing","target":"_blank"},{"name":"RBC Gestion de patrimoine","id":"RBCGestiondepatrimoine","link":"https://www.rbcwealthmanagement.com/ca/fr","target":"_blank"},{"name":"RBC Marchés des Capitaux","id":"RBCMarchésdesCapitaux","link":"https://www.rbccm.com/fr/","target":"_blank"},{"name":"RBC Assurances","id":"RBCAssurances","link":"https://www.rbcassurances.com/particuliers.html","target":"_blank"},{"name":"RBC Services aux investisseurs","id":"RBCServicesauxinvestisseurs","link":"https://www.rbcits.com/fr/","target":"_blank"}]}],
                    "userGreeting": 'Ouverture de session du conseiller',
                    "userGreetingLink": '/fr/okta-login?&url=/fr/ca/products/mutual-funds/management-report-of-fund-performance-mrfp-and-financial-statements',
                    "userLinks": ([]).length === 0 ? null : [],
                }
            }
        },
        methods: {
            updateActiveMenuItem() {
                if (currRelPath.includes("/products/")) {
                    this.activeMenuItem = 0;
                } else if (currRelPath.includes("/insights/") || currRelPath.includes("/article/")) {
                    this.activeMenuItem = 1;
                } else if (currRelPath.includes("/learn-plan/")) {
                    this.activeMenuItem = 2;
                } else if (currRelPath.includes("/about-us/") || currRelPath.includes("/team/") || currRelPath.includes("/profile/")) {
                    this.activeMenuItem = 3;
                } else if (currRelPath.includes("/tools/")) {
                    this.activeMenuItem = 4;
                } else if (currRelPath.includes("/advisor-support/") || currRelPath.includes("/theme/") || currRelPath.includes("/rbc-theme/")) {
                    this.activeMenuItem = 5;
                } else {
                    this.activeMenuItem = null;
                }
            },
            megaSearch(searchTerm) {
                this.searchResultsActive = -1;
                if (searchTerm != "") {
                    this.searchTerm = searchTerm;
                    fetch(`${langPrefix}/ca/megamenu-search?search=${searchTerm}`)
                            .then((resp) => resp.json())
                            .then((data) => {
                                this.searchResults = data.data;
                            })
                            .catch((err) => {
                                this.searchResults = [];
                            })
                } else {
                    this.searchResults = [];
                    this.searchTerm = "";
                }
            },
            debounceMegaSearch: debounce(function (searchTerm) {
                if (this.searchTerm !== searchTerm) {
                    this.megaSearch(searchTerm);
                }
            }, 500),
            toggleLanguage(nextlanguage) {
                const currRelPathArr = currRelPath.split("/");
                currRelPathArr[1] = nextlanguage.languageCode;
                const newRelPath = currRelPathArr.join("/");
                const removeKeysFromSearch = (keysToRemove) => {
                    const queryParams = new URLSearchParams(location.search);
                    keysToRemove.forEach(key => queryParams.delete(key));
                    const retString = queryParams.toString();
                    return retString ? "?" + retString : "";
                };
                const newQueryString = removeKeysFromSearch(["dotcache", "language_id", "dotcms_persona", "com.dotmarketing.htmlpage.language"]);
                location.href = newRelPath + newQueryString;
            },
            mobileSearch(searchTerm) {
                if (!!searchTerm) {
                    location.href = `${langPrefix}/ca/search-results/?q=${searchTerm}`;
                }
            },
            addSearchToDataLayer(searchVal) {
                if (searchVal.target.value.trim() !== "") {
                    dataLayer.push({
                        event: "view_search_results",
                        search_results_num: this.searchResults.length,
                        method: 'generic search',
                        search_term: this.searchTerm,
                    })
                }
            },
            navigateToDetailPage(pickedItem) {
                dataLayer.push({
                    'event': 'rbcwmPageview',
                    'virtualpath': `${langPrefix}/ca/virtual/search-results-megasearch/?q=${this.searchTerm}`,
                    'virtualtitle': 'Virtual Search Results',
                    'data-searchterm': this.searchTerm,
                    'data-totalresults': this.searchResults.length
                });
                if (pickedItem.type === "mf") {
                    location.href = `${langPrefix}/ca/products/mutual-funds/${pickedItem.fundCode}/detail/`;
                } else {
                    location.href = `${langPrefix}/ca/products/etfs/${pickedItem.fundCode}/detail/`
                }
            },
            megaSearchKeyUp: debounce(function (searchVal) {
                this.addSearchToDataLayer(searchVal);
                const key = searchVal.key.toLowerCase();
                if (key.indexOf('enter') > -1 && this.searchResultsActive === -1) {
                    let encodedQuery = encodeURIComponent(this.searchTerm);
                    location.href = `${langPrefix}/ca/search-results/?q=${encodedQuery}`;
                } else if (key.indexOf('enter') > -1 && this.searchResultsActive > -1) {
                    let pickedItem = this.searchResults[this.searchResultsActive];
                    this.navigateToDetailPage(pickedItem);
                } else if (key.indexOf('down') > -1 && this.searchResultsActive < (this.searchResults.length - 1)) {
                    this.searchResultsActive++;
                } else if (key.indexOf('up') > -1 && this.searchResultsActive > -1) {
                    this.searchResultsActive--;
                }
            }, 300),
            addToTheme: (id) => {
                const queryParams = {
                    lang: 3,
                    identifier: id,
                    advisorID: "",
                    userPersonaTag: "individualinvestor",
                }
                getThemeData(queryParams);
            },
            megaSearchResultClick(r, e) {
                this.navigateToDetailPage(r);
            }
        },
        mounted() {
            this.updateActiveMenuItem();
            let _self = this;
            document.addEventListener("keyup", function (e) {                if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() == 'f') {
                    _self.$refs.megamenu.$_MegaMenu_showSearch();
                }
            });
        },
        unmount() {
        }
    }).mount('#app_id_2666992')
</script>
  <div class="content-wrap">
                              <main id="main"
                class="content-wrapper  ">
                                                <div id="mrfpListHeaderRoot" class="container"></div>
  <div id="app_id_6565313" v-cloak>
    <Teleport to="#mrfpListHeaderRoot">
        <rbc-hero
                :breadcrumb="heroBreadcrumbItems"
                title="Rapports de la direction sur le rendement des fonds (RDRF) et états financiers"
        ></rbc-hero>
    </Teleport>
</div>
<script type="module">
    import {createApp} from 'vue'
    import {RbcHero} from 'wm'

    createApp({
        components: {
            'rbc-hero': RbcHero,
        },
        data() {
            return {
                heroBreadcrumbItems: [
                    {
                        text: "Produits",
                    },
                    {
                        text: "Fonds communs de placement",
                        href: '/fr/ca/products/mutual-funds/'
                    },
                    {
                        text: "Rapports de la direction sur le rendement des fonds (RDRF) et états financiers",
                    }
                ],
            }
        },
        methods: {},
        mounted() {
        },
    }).mount('#app_id_6565313')
</script>

<div id="mrfpListFiltersRoot"></div>
    
  
<div id="app_id_2070801" v-cloak>
    <Teleport to="#mrfpListFiltersRoot">
        <rbc-block
                grey
                class="mb-1 py-1"
                style="border-top: #fedf01 2px solid"
                data-location="Mutual fund filters"
        >
            <rbc-expandable
                    arrow
                    arrow-position-x="left"
                    expanded
                    toggle-show
            >
                <template #trigger>
                    <h2 class="h4 d-inline-block">Filtres</h2><span
                        v-if="selectedFilters > 0"> (<strong>{{selectedFilters}}</strong> sélectionné<span v-if="selectedFilters > 1 && 'fr' == 'fr'">s</span>)</span>
                </template>
                <template v-if="selectedFilters > 0" #trigger-right>
                    <rbc-button
                            outline
                            size="small"
                            @click.stop="resetFilters"
                    >Effacer tous les filtres</rbc-button>
                </template>
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <span class="h5 d-block">Catégorie d’actif et type</span>
                        <div class="row no-gutters">
                            <rbc-tag
                                    v-model="filterType.moneymarket"
                                    id="moneymarket"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterType"
                            >
                              Marché monétaire
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterType.balancedportfolio"
                                    id="balancedportfolio"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterType"
                            >
                              Fonds équilibrés et solutions de portefeuille
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterType.fixedincome"
                                    id="fixedincome"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterType"
                            >
                              Titres à revenu fixe / Liquidités
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterType.equity"
                                    id="equity"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterType"
                            >
                              Actions
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterType.liquidalternatives"
                                    id="liquidalternatives"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterType"
                            >
                              Placements alternatifs liquids
                            </rbc-tag>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <span class="h5 d-block mt-half mt-md-0">Régions</span>
                        <div class="row no-gutters">
                            <rbc-tag
                                    v-model="filterRegion.canada"
                                    id="canada"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterRegion"
                            >
                              Canada
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterRegion.unitedstates"
                                    id="unitedstates"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterRegion"
                            >
                              États-Unis
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterRegion.northamerica"
                                    id="northamerica"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterRegion"
                            >
                              Amérique du Nord
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterRegion.global"
                                    id="global"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterRegion"
                            >
                              Monde
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterRegion.internationalemergingmarkets"
                                    id="internationalemergingmarkets"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                                    @checkboxupdate="updateFilterRegion"
                            >
                              Marchés internationaux et émergents
                            </rbc-tag>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-6">
                        <span class="h5 d-block mt-half mt-lg-0">Devise</span>
                        <div class="row no-gutters">
                            <rbc-tag
                                    v-model="filterCurrency.cad"
                                    id="cad"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag pr-quarter col-lg-12 col-4"
                                    @checkboxupdate="updateFilterCurrency"
                            >
                              CAD
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterCurrency.usd"
                                    id="usd"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag pr-quarter col-lg-12 col-4"
                                    @checkboxupdate="updateFilterCurrency"
                            >
                              USD
                            </rbc-tag>
                            <rbc-tag
                                    v-model="filterCurrency.hedged"
                                    id="hedged"
                                    :checkable="true"
                                    size="large"
                                    class="mb-quarter w-100-rbc-tag pr-quarter col-lg-12 col-4"
                                    @checkboxupdate="updateFilterCurrency"
                            >
                              Risque de change couvert
                            </rbc-tag>
                        </div>
                    </div>
                </div>
            </rbc-expandable>
        </rbc-block>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState
    } from "vite-esm/mrfp-mf-list.service.js";
    import {createApp} from 'vue';
    import {RbcBlock, RbcExpandable, RbcButton, RbcTag} from 'wm';

    const urlSearchParam$ = listenSearchParamDeep();
    const uspFilterKeys = ["type", "currency", "region", "searchkeyword"];

    const initialSearchParam = {
        type: '',
        region: '',
        currency: '',
        searchkeyword: ''
    };

    const urlSearchParamType$ = listenSearchParamDeep("type");
    const urlSearchParamRegion$ = listenSearchParamDeep("region");
    const urlSearchParamCurrency$ = listenSearchParamDeep("currency");
    const defaultFilterTagObjFactory = () => ({
        type: {
            moneymarket: false,
            balancedportfolio: false,
            fixedincome: false,
            equity: false,
            liquidalternatives: false,
        },
        region: {
            canada: false,
            unitedstates: false,
            northamerica: false,
            global: false,
            internationalemergingmarkets: false,
        },
        currency: {
            cad: false,
            usd: false,
            hedged: false,
        },
    });

    const getSpecificFilterTagObj = (filterKey) => {
        return defaultFilterTagObjFactory()[filterKey];
    };

    const getNumberOfItemsInCSV = (csv) => {
        return (csv || "").split(",").filter(_ => _ !== "").length;
    };

    const initialSelectedFilters = uspFilterKeys.reduce((acc, curr) => {
        if (curr === "searchkeyword") {
            const initialSearchKeyword = !!(initialSearchParam[curr] || "").trim() ? 1 : 0;
            return acc + initialSearchKeyword;
        }
        return acc + getNumberOfItemsInCSV(initialSearchParam[curr]);
    }, 0);

    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamType$.subscribe(uspType => {
                this.filterType = this.filtersStrToObj(getSpecificFilterTagObj("type"), uspType);
            })
            urlSearchParamRegion$.subscribe(uspRegion => {
                this.filterRegion = this.filtersStrToObj(getSpecificFilterTagObj("region"), uspRegion);
            })
            urlSearchParamCurrency$.subscribe(uspCurrency => {
                this.filterCurrency = this.filtersStrToObj(getSpecificFilterTagObj("currency"), uspCurrency);
            })
            urlSearchParam$.subscribe(urlSearchParam => {
                this.selectedFilters = uspFilterKeys.reduce((acc, curr) => {
                    if (curr === "searchkeyword") {
                        const initialSearchKeyword = !!(urlSearchParam[curr] || "").trim() ? 1 : 0;
                        return acc + initialSearchKeyword;
                    }
                    return acc + getNumberOfItemsInCSV(urlSearchParam[curr]);
                }, 0);
            })
        },
        components: {
            'rbc-block': RbcBlock,
            'rbc-expandable': RbcExpandable,
            'rbc-button': RbcButton,
            'rbc-tag': RbcTag,
        },
        data() {
            return {
                selectedFilters: initialSelectedFilters,
                filterType: this.filtersStrToObj(getSpecificFilterTagObj("type"), initialSearchParam.type),
                filterRegion: this.filtersStrToObj(getSpecificFilterTagObj("region"), initialSearchParam.region),
                filterCurrency: this.filtersStrToObj(getSpecificFilterTagObj("currency"), initialSearchParam.currency),
            }
        },
        methods: {
            resetFilters(e) {
                const url = new URL(location);
                const searchParamObj = Object.fromEntries(url.searchParams)
                const otherSearchParams = uspFilterKeys.reduce((o, k) => {
                    const {[k]: _, ...r} = o;
                    return r
                }, searchParamObj)
                url.search = "?" + new URLSearchParams(otherSearchParams).toString();
                history.pushState({}, "", url);
                updateURLSearchParams(otherSearchParams);
            },
            filtersStrToObj(filterTagObj, searchParamStr) {
                const filterTagKeys = Object.keys(filterTagObj);
                return (searchParamStr || "").split(",").reduce((acc, curr) => {
                    if (filterTagKeys.includes(curr)) {
                        acc[curr] = true
                    }
                    return acc;
                }, filterTagObj)
            },
            updateFilter(filterKey, filterObj) {
                const url = new URL(location);
                const {[filterKey]: _, ...otherSearchParams} = Object.fromEntries(url.searchParams);
                const arrayOfTrueTags = Object.keys(getSpecificFilterTagObj(filterKey)).reduce((acc, curr) => {
                    if (filterObj[curr]) {
                        acc.push(curr)
                    }
                    return acc
                }, []);
                const updatedUSP = arrayOfTrueTags.length === 0 ? otherSearchParams : {
                    ...otherSearchParams,
                    [filterKey]: arrayOfTrueTags.join(",")
                }
                url.search = "?" + new URLSearchParams(updatedUSP).toString();
                history.pushState({[filterKey]: arrayOfTrueTags.join(",")}, "", url);
                updateURLSearchParams(updatedUSP);
            },
            updateFilterType(e) {
                this.updateFilter("type", this.filterType)
            },
            updateFilterRegion(e) {
                this.updateFilter("region", this.filterRegion)
            },
            updateFilterCurrency(e) {
                this.updateFilter("currency", this.filterCurrency)
            }
        },
        mounted() {

        },
        unmount() {
            urlSearchParam$.unsubscribe();
            urlSearchParamType$.unsubscribe()
            urlSearchParamRegion$.unsubscribe()
            urlSearchParamCurrency$.unsubscribe()
        }
    }).mount('#app_id_2070801')
</script>

<div id="mrfpListTableHeaderRoot" class="container"></div>
  
<div id="app_id_9980435" v-cloak>
    <Teleport to="#mrfpListTableHeaderRoot">
        <div class="row">
            <div class="col">
                <div class="mb-md-1-half"></div>
                <h3 class="header-alt"
                    v-if="totalFundsInSeries == filteredFunds || totalFundsInSeries === null || filteredFunds === null">
                  Affichage de <strong>{{ totalFundsInSeries }}</strong> fonds communs de placement
                </h3>
                <h3 class="header-alt" v-else>Affichage <strong>{{ filteredFunds }}</strong> de <strong>{{ totalFundsInSeries }}</strong> fonds communs de placement</h3>
            </div>
            <div class="col-lg-4 col-md-5 text-md-right order-first order-md-last">
                <rbc-input
                        v-model="searchKeyword"
                        id="globalSearch"
                        class="mb-1"
                        label="Recherche de fonds"
                        placeholder="Recherche par code de fonds ou nom de fonds"
                        search
                        @input="updateGlobalSearch"
                ></rbc-input>
            </div>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState,
        totalFundsInSeries$,
        filteredFunds$,
    } from "vite-esm/mrfp-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcInput
    } from "wm"
    import {
        debounce
    } from "wm-utils"

    const initialSelectedKeyword = new URL(location).searchParams.get("searchkeyword");
    const urlSearchParamKeyword$ = listenSearchParamDeep("searchkeyword");

    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamKeyword$.subscribe(searchKeyword => {
                this.searchKeyword = searchKeyword;
            })
            totalFundsInSeries$.subscribe(val => {
                this.totalFundsInSeries = val;
            })
            filteredFunds$.subscribe(val => {
                this.filteredFunds = val;
            })
            this.updateGlobalSearch = debounce(searchkeyword => {
                this.updateSearchKeyword(searchkeyword);
            }, 300)
        },
        components: {
            'rbc-input': RbcInput
        },
        data() {
            return {
                searchKeyword: initialSelectedKeyword,
                totalFundsInSeries: null,
                filteredFunds: null,
            }
        },
        methods: {
            updateSearchKeyword(searchkeyword) {
                const url = new URL(location);

                const {searchkeyword: _, ...otherSearchParams} = Object.fromEntries(url.searchParams);
                const updatedUSP = searchkeyword.trim().length > 0 ? {
                    ...otherSearchParams, searchkeyword: searchkeyword
                } : otherSearchParams

                url.search = "?" + new URLSearchParams(updatedUSP).toString();
                history.pushState({searchkeyword: searchkeyword}, "", url);
                updateURLSearchParams(updatedUSP);
            },
        },
        mounted() {
        },
        unmount() {
            urlSearchParamKeyword$.unsubscribe();
            totalFundsInSeries$.unsubscribe();
            filteredFunds$.unsubscribe();
        }
    }).mount('#app_id_9980435')
</script>
<script data-velocimacro-holder="mrfp-table-definitions">
        
    </script>
<div class="container" id="mrfpListTableBodyRoot"></div>
  
<div id="app_id_4781620" v-cloak>
    <Teleport to="#mrfpListTableBodyRoot">
        <div style="position:relative" data-location="fund table">
            <rbc-spinner v-if="spinnerOverlay" overlay></rbc-spinner>
            <rbc-datatable
                    id="mrfpList"
                    ref="mrfpListTable"
                    class="mb-1"
                    :columns="fundColumnsDefinition"
                    :rows="tableData.filteredRows"
                    :header-fixed="notFixedHeader"
                    :height="500"
                    compact
                    sortable
                    :customizable-columns="false"
                    :global-search="false"
                    :components-to-register="componentsToRegister"
            >
            </rbc-datatable>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        addEventListenerPopState,
        listenSearchParamDeep,
        updateFilteredFunds,
        updateTotalFundsInSeries,
        updateUSPWithDebounce,
        URLSearchParamWithDebounce$
    } from "vite-esm/mrfp-mf-list.service.js";

    const urlSearchParams$ = listenSearchParamDeep();
      
                const columnDef = [
        {
            header: "Nom du fonds",
            dataType: "string",
            show: true,
            sortable: true,
            sortField: "key",
            style: {
                minWidth: "180px"
            }
        },
        {
            header: "Type d’actif",
            dataType: "string",
            show: true,
            sortable: true,
            sortField: "key",
            style: {
                minWidth: "250px"
            }
        },
        {
            header: "Documents",
            dataType: "vue",
            show: true,
            sortable: false,
            style: {
                width: "310px",
                minWidth: "150px"
            }
        },
    ].map(column => ({
        ...column,
        searchable: ["Nom du fonds"].includes(column.header)
    }));
          
                const rowMapper = (fdsFundData, dcmsFundData) => {
        const langKey = 'fr'
        return fdsFundData.map((fdsData) => {
            let dcmsData = dcmsFundData.find(({
                                                  parentCode,
                                                  fundCode
                                              }) => parentCode === fdsData.rbcFundCode || fundCode === fdsData.rbcFundCode);
            const fundCode = fdsData.rbcFundCode;
            const parentFundCode = dcmsData.parentCode
            const defaultName = fdsData.fundName["en"];
            const chineseSimplifiedName = dcmsData.chineseSimplifiedName + `<br>`;
            const chineseTraditionalName = dcmsData.chineseTraditionalName + `<br>`;
            let displayedFundName = ""
            switch (langKey) {
                case "zh":
                    displayedFundName = chineseSimplifiedName + defaultName;
                    break;
                case "zh-hant":
                    displayedFundName = chineseTraditionalName + defaultName;
                    break;
                case "fr":
                    displayedFundName = fdsData.fundName["fr"]
                    break;
                default:
                    displayedFundName = defaultName;
                    break;
            }
            const createRbcButton = (link, label) => {
                return `
                    <rbc-button
                        link="${link}"
                        link-target="_blank"
                        icon="file-pdf"
                        icon-position-x="right"
                        size="small"
                        color="transparent"
                        aria-label="${label}"
                    >
                        ${label}
                    </rbc-button>
                `;
            };
            const interimfinancialstatement = createRbcButton(`http://funds.rbcgam.com/pdf/fs/semi-annual/${parentFundCode.toLowerCase()}_${(langKey === 'fr' ? 'f' : 'e')}.pdf`,
                    'États financiers intermédiaires')
            const annualfinancialstatement = createRbcButton(`http://funds.rbcgam.com/pdf/fs/annual/${parentFundCode.toLowerCase()}_${(langKey === 'fr' ? 'f' : 'e')}.pdf`,
                    'États financiers annuels')
            const interimmrfp = createRbcButton(`http://funds.rbcgam.com/pdf/mrfp/semi-annual/${parentFundCode.toLowerCase()}_${(langKey === 'fr' ? 'f' : 'e')}.pdf`,
                    'Rapport intermédiaire de la direction sur le rendement des fonds')
            const annualmrfp = createRbcButton(`http://funds.rbcgam.com/pdf/mrfp/annual/${parentFundCode.toLowerCase()}_${(langKey === 'fr' ? 'f' : 'e')}.pdf`,
                    'Rapport annuel de la direction sur le rendement des fonds')

            const fundNameCellValue = `<a href='/${langKey}/ca/products/mutual-funds/${fundCode}/detail'>${displayedFundName}</a>`;
            const documentsCellValue = `
                <span class='d-md-flex'>
                    <span class='mr-md-3 d-md-inline d-block nowrap'>
                    ${interimfinancialstatement}
                    <br>
                    ${annualfinancialstatement}
                     </span>
                     <span class='d-block d-md-inline nowrap'>
                    ${interimmrfp}
                    <br>
                    ${annualmrfp}
                     </span>
                </span>
            `;

            return {
                id: fundCode,
                dcmsData,
                cells: [
                    {
                        key: langKey === "fr" ? fdsData.fundName[langKey] : fdsData.fundName["en"],
                        value: fundNameCellValue
                    },
                    {
                        key: dcmsData.fundAssetClass,
                        value: dcmsData.fundAssetClass,
                    },
                    documentsCellValue
                ],
            };
        });
    }
    
    import {createApp, nextTick, markRaw} from 'vue';
    import {RbcSpinner, RbcDatatable, RbcButton} from 'wm';

    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParams$.subscribe(_ => {
                this.searchParamsUpdated();
            });
            URLSearchParamWithDebounce$.subscribe(usp => {
                this.filterClientSide(usp);
            });
        },
        components: {
            'rbc-spinner': RbcSpinner,
            'rbc-datatable': RbcDatatable,
        },
        data() {
            return {
                spinnerOverlayFE: false,
                spinnerOverlayBE: false,
                fdsFundData: [],
                dcmsFundData: [],
                searchParams: {},
                notFixedHeader: true,
                fundColumnsDefinition: columnDef,
                tableData: {
                    rows: [],
                    filteredRows: []
                },
                componentsToRegister: markRaw({
                    'rbc-button': RbcButton
                })
            }
        },
        methods: {
            searchParamsUpdated() {
                this.spinnerOverlayFE = true;
                updateUSPWithDebounce();
            },
            async filterClientSide(usp) {
                this.searchParams = usp;
                this.updateRowsToShow();
                await nextTick();
                this.$refs.mrfpListTable.$_Datatable_onGlobalSearchTermUpdate({value: this.searchParams.searchkeyword || ""});
                await nextTick();
                this.updateTotalOfFilteredFunds();
                this.spinnerOverlayFE = false;

            },
            getDataFromServer() {
                const fdsFundListDataURL = new URL("/api/vtl/fds-mrfp-list", location.origin);
                fdsFundListDataURL.search = ("?" + new URLSearchParams({language_id: 1}).toString());

                const dotCMSListDataURL = new URL("/api/vtl/dotcms-mrfp-list", location.origin);
                dotCMSListDataURL.search = ("?" + new URLSearchParams({
                    language_id: 1,
                    langId: "3"
                }).toString());
                return Promise.allSettled([
                    fetch(fdsFundListDataURL).then(res => res.json()),
                    fetch(dotCMSListDataURL).then(res => res.json()),
                ]).then(([fdsData, dotCMSData]) => {
                    const fdsDataSorted = {
                        ...fdsData.value,
                        fundData: fdsData.value.fundData.sort((a, b) => a.listOrder - b.listOrder)
                    };
                    const retObj = {
                        fdsData: fdsDataSorted,
                        dotCMSData: dotCMSData.value,
                    }
                    return retObj;
                });
            },
            updateTotalFunds() {
                updateTotalFundsInSeries(this.fdsFundData.length);
            },
            updateRows() {
                this.tableData.rows = rowMapper(this.fdsFundData, this.dcmsFundData);
            },
            updateRowsToShow() {
                this.tableData.filteredRows = this.tableData.rows.filter(rowData => {
                    const {type, region, currency} = this.searchParams;
                    const dcmsData = rowData.dcmsData;
                    const typeFiltered = !!type ? type.split(",").includes(dcmsData.fundCategory) : true
                    const regionFiltered = !!region ? region.split(",").includes(dcmsData.region) : true
                    let currencyFiltered = true;
                    const currencyList = !!currency ? currency.split(",") : [];
                    if (currencyList.filter(str => str !== "hedged").length > 0) {
                        currencyFiltered = currencyFiltered && currencyList.includes(dcmsData.currency)
                    }
                    if (currencyList.includes("hedged")) {
                        currencyFiltered = currencyFiltered && dcmsData.currencyHedged
                    }
                    return typeFiltered && regionFiltered && currencyFiltered;
                });
            },
            updateTotalOfFilteredFunds() {
                const numberOfFunds = this.$refs.mrfpListTable.filteredRows.length;
                updateFilteredFunds(numberOfFunds);
            },
        },
        computed: {
            spinnerOverlay() {
                return this.spinnerOverlayFE || this.spinnerOverlayBE;
            }
        },
        mounted() {
            this.spinnerOverlayBE = true;
            this.getDataFromServer().then(serverData => {
                this.fdsFundData = serverData.fdsData.fundData;
                this.dcmsFundData = serverData.dotCMSData.fundData;
                this.updateTotalFunds();
                this.updateRows();
                this.spinnerOverlayBE = false;
                this.searchParamsUpdated();
            });
        },
        unmount() {
            urlSearchParams$.unsubscribe();
            URLSearchParamWithDebounce$.unsubscribe();
        }
    }).mount('#app_id_4781620')
</script>

          </main>
            </div>
          <div>
    

<section id="footerDisclaimerRoot"></section>
  
<div id="app_id_6131630" v-cloak>
    <Teleport to="#footerDisclaimerRoot">
          </Teleport>
</div>
<script type="module">
    import {createApp} from "vue"
    import {
        RbcBlock, RbcExpandable
    } from "wm"

    createApp({
        components: {
            "rbc-block": RbcBlock,
            "rbc-expandable": RbcExpandable
        }
    }).mount('#app_id_6131630')
</script>
<footer id="footers" class="footer style-focus-inverted"></footer>
          
          
<div id="app_id_9139791" v-cloak>
    <Teleport to="#footers">
        <div class="footer footer-top" data-location="Footer menu">            <div class="container">                <div class="row">                    <h2 class="sr-only">Footer</h2>
                    <div v-for="footerMenu in footerMenuArray" class="col-md-6" :class="columnWidthClass">
                    <div v-if='footerMenu?.links.length > 0'>
                        <h3 class="footer-header" :aria-label="footerMenu.header || null"
                            :aria-hidden="!footerMenu.header ? true : null">
                            {{ footerMenu.header }}
                        </h3>
                        <ul class="list-links footer-list">
                            <li v-for="footerMenuLink in footerMenu.links">
                                <a :href="footerMenuLink.value"
                                   :class="{'link-ext': footerMenuLink.value.startsWith('http')}"
                                   :target="footerMenuLink.value.startsWith('http') ? '_blank' : false"
                                >
                                    {{footerMenuLink.key}}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <div class="footer footer-bottom" data-location="Footer copyright">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 mb-lg-0 mb-1">
                        <span class="d-block" v-html="footerLegal.copyright"></span>
                        <ul class="list-separator footer-list-separator mt-half">
                            <template v-for="legalLink in footerLegal.legalLinks">
                                                                <li
                                          v-if="legalLink.key === 'Publicité et témoins'"
                                  >
                                <a
                                role="button"
                                tabindex="0"
                                @click="openCookieSettings($event)"
                                @keydown="handleKeydown"
                                :aria-label='legalLink.key'
                                id='openCookieSettings'
                                >
                                {{legalLink.key}}
                                </a>
                                  </li>
                                                              <li v-if="legalLink.key !== 'Publicité et témoins'">
                                    <a :href="legalLink.value"
                                       :class="{'link-ext': legalLink.value.startsWith('http')}"
                                       :target="legalLink.value.startsWith('http') ? '_blank' : false"
                                    >
                                        {{legalLink.key}}
                                    </a>
                                </li>
                            </template>
                        </ul>
                    </div>
                    <div class="col-lg-3 mt-lg-0 mt-2 d-flex align-items-center justify-content-end">                        <ul class="list-inline footer-social-list ">                                                        <li class="footer-social-item">                                  <a                                                                                 href="https://twitter.com/rbcgamnews"                                                                                 target="_blank"                                             rel="noreferrer"                                            aria-label="Twitter"
                                  >                                      <svg role="img" class="icon x-twitter-icon" aria-label="twitter"
                                           xmlns="http://www.w3.org/2000/svg" height="16" width="16"
                                           viewBox="0 0 470 470">
                                          <path class="x-twitter-path" fill="#fff"
                                                d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/>
                                      </svg>                                  </a>                              </li>                                                      <li class="footer-social-item" v-for="socialLink in footerLegal.socialLinks">
                                <a :href="socialLink.value"
                                   :aria-labelledby="socialLink.key"
                                   :aria-label="socialLink.key"
                                   target="_blank"                                    rel="noreferrer"                                >
                                    <rbc-icon :icon="socialLink.key" size="large" type="brand"></rbc-icon>

                                </a>
                                <p>
                            </li>
                        </ul>
                        <rbc-button                                 outline
                                link="#"                                size="small"                                 color="white"                        >                  Retour au début
                        </rbc-button>                    </div>                </div>            </div>        </div>
    </Teleport>
</div>
<script type="module">
    import {createApp} from "vue"
    import {
        RbcButton, RbcIcon
    } from "wm"

    const footerObj = {"menu":[{"header":"Produits","links":[{"key":"Fonds communs de placement","value":"/fr/ca/products/mutual-funds/"},{"key":"FNB RBC iShares","value":"/fr/ca/products/etfs/index?tab=overview"},{"key":"Placements alternatifs","value":"/fr/ca/products/alternative-investments/"}]},{"header":"Renseignements pour les investisseurs","links":[{"key":"Aperçu du fonds (Fonds communs de placement)","value":"/fr/ca/products/mutual-funds/?tab=documents&fundfacts=true"},{"key":"Aperçu du fonds (FNB RBC iShares)","value":"/fr/ca/products/etfs/index?fundfacts=true&tab=documents"},{"key":"Relevés SPEP","value":"/fr/ca/products/pfic-reporting"},{"key":"Documents réglementaires","value":"/fr/ca/products/financial-reports-prospectuses"},{"key":"Gouvernance des fonds","value":"/fr/ca/products/fund-governance/"},{"key":"Vote par procuration","value":"/fr/ca/products/proxy-voting/"},{"key":"Biens non réclamés","value":"/fr/ca/products/unclaimed-property"},{"key":"Renseignements importants pour les investisseurs","value":"/fr/ca/products/important-investor-information"}]},{"header":"À propos de RBC GMA","links":[{"key":"Notre société","value":"/fr/global/corporate-story/"},{"key":"Centre des médias","value":"/fr/ca/about-us/news-releases"},{"key":"Nous joindre","value":"/fr/ca/about-us/contact-us"},{"key":"Carrières","value":"https://jobs.rbc.com/ca/fr"}]},{"header":"Placements","links":[{"key":"Vous êtes prêt à investir ?","value":"/fr/ca/about-us/ready-to-invest"}]}],"legal":{"copyright":"<sup>®<\/sup> / <sup>MC<\/sup> Marque(s) de commerce de Banque Royale du Canada, utilisée(s) sous licence. iSHARES est une marque déposée de BlackRock, Inc. ou de ses filiales aux États-Unis et ailleurs, utilisée sous licence. © RBC Gestion mondiale d\u2019actifs Inc. et Gestion d\u2019actifs BlackRock Canada Limitée 2025. Tous droits réservés.","legalLinks":[{"key":"Protection des renseignements personnels et Sécurité","value":"https://www.rbc.com/rensperssecurite/ca/index.html"},{"key":"Accessibilité|","value":"http://www.rbc.com/accessibilite/"},{"key":"À propos de RBC|","value":"https://www.rbc.com/francais/about-rbc.html"},{"key":"Conditions d\u2019utilisation","value":"https://www.rbc.com/conditions-dutilisation/"},{"key":"Publicité et témoins","value":" "},{"key":"Modalités","value":"/fr/ca/terms-and-conditions"}],"socialLinks":[{"key":"linkedin-in","value":"https://www.linkedin.com/company/rbc-global-asset-management"}]}};

    createApp({
        data() {
            return {
                footerMenuArray: footerObj.menu,
                footerLegal: footerObj.legal
            }
        },
        components: {
            "rbc-button": RbcButton,
            "rbc-icon": RbcIcon
        },
        computed: {
            columnWidthClass() {
                const numberOfCol = this.footerMenuArray.reduce((acc, curr) => {
                    return curr.links.length > 0 ? acc + 1 : acc;
                }, 0);
                return numberOfCol === 4 ? {'col-lg-3': true} : {'col-lg-4': true}
            }
        },
        methods: {
          handleKeydown(event) {
    if (event.key === 'Enter' || event.key === ' ') {
      event.preventDefault();
      this.openCookieSettings(event);
    }
  },
            openCookieSettings(e) {
                e.preventDefault();
                window.OneTrust.ToggleInfoDisplay();
            }
        },
        mounted() {
        }
    }).mount('#app_id_9139791')
</script>
  </div>
    </body>
</html>