

<!doctype html>
<html lang="ZH-HANT">


<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/zh-hant/zh-hant/ca/products/mutual-funds/index -->
<!-- else -->
	 <title>&#20114;&#24800;&#22522;&#37329;&#28165;&#21934;</title>
<meta name="description" content="We provide a comprehensive range of mutual funds across all asset classes, sectors, geographies and themes to help you reach your investment goals."/>

<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.rbcgam.com/zh-hant/zh-hant/ca/products/mutual-funds/index" />
<meta property="og:title" content="&#20114;&#24800;&#22522;&#37329;&#28165;&#21934;"/>
<meta property="og:description" content="We provide a comprehensive range of mutual funds across all asset classes, sectors, geographies and themes to help you reach your investment goals." />
<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://d1a1644yxsobn2.cloudfront.net">
<link rel="preconnect" href="https://d1a1644yxsobn2.cloudfront.net" crossorigin>

<link rel="dns-prefetch" href="https://shared-cdn.rbc-gam-prod.dotcms.cloud/gam">
<link rel="preconnect" href="https://shared-cdn.rbc-gam-prod.dotcms.cloud/gam" 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://d1a1644yxsobn2.cloudfront.net/assets/css/roboto.min.css">
<link rel="stylesheet" href="https://d1a1644yxsobn2.cloudfront.net/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/zh-hant/zh-hant/ca/products/mutual-funds/index -->
<!-- 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': 'zh-hant',
    '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':'zh-hant',
            'page_channel':'public',
                            'page_category': 'products',
                'page_subcategory':'mutual-funds',
                        'page_breadcrumb':'/zh-hant/ca/products/mutual-funds/index',
            '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':'7b0f26c8a663edfa2e1e1f2f2e7cb25d',
                
                                        '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="互惠基金清單"
            >
<aside>
    <a class="skip-main" aria-label="Skip to cookie banner" href="#onetrust-policy-sdk">跳至 Cookie 橫幅</a>
    <a class="skip-main" aria-label="Skip to main content" href="#main">跳至內容</a>
    <a class="skip-main" aria-label="Skip to footer" href="#footers">跳至頁尾</a>
</aside>
      
<div id="addToThemeRoot" class="container"></div>
  
<div id="app_id_9973714" v-cloak>
    <Teleport to="#addToThemeRoot">
        <div v-cloak>
            <rbc-modal
                    :active="themeModalOpen"
                    button-cancel="themes.cancel"
                    title="themes.addtotheme(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="themes.existingthemes">
                        <h4>themes.addtoexistingtheme</h4>
                        <rbc-multiselect
                                label="themes.existingthemes"
                                id="themeMultiselect"
                                v-model="themeModalMyThemesSelect"
                                checked-text="checked"
                                placeholder="themes.choose"
                        ></rbc-multiselect>
                    </rbc-tab-content>
                    <rbc-tab-content id="new-theme" name="themes.newtheme">
                        <h4>themes.addtonewtheme</h4>
                        <rbc-input
                                id="themeNewTheme"
                                label="themes.newtheme"
                                type="text"
                                class="mb-1"
                                v-model="themeModalNewThemeName"
                        ></rbc-input>
                    </rbc-tab-content>
                </rbc-tab>
                <a href="/zh-hant/ca/advisor-support/themes/how-themes-work" target="_blank"
                   class="link-ext">themes.needhelp</a>
                <template #buttons>
                    <rbc-button
                            @click="themeModalAddContent"
                    >
                      themes.modal.button.create
                    </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_9973714')
</script>


<div id="globalNavRoot" class="container"></div>
                              
                        
<div id="app_id_6565482" 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="搜尋"
                    search-placeholder="搜尋"
                    :show-search-results="false"
                    :user-greeting="nav.userGreeting"
                    :user-greeting-link="nav.userGreetingLink"
                    :user-links="nav.userLinks"
                    logo="https://d1a1644yxsobn2.cloudfront.net/assets/images/logos/rbc-gam-logo-zh-hant.svg"
                    logo-link="/zh-hant/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'">
                                                          themes.createdbyrbc
                                                        </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')
                                                ? '互惠基金' : 'etf'">
                                        </rbc-tag>
                                    </td>
                                    <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                        @click.self="megaSearchResultClick(r, $event)">
                                        <a :href="(r.type==='mf')
                                            ? `/zh-hant/ca/products/mutual-funds/${r.fundCode}/detail/`
                                            : `/zh-hant/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')
                                            ? `/zh-hant/ca/products/mutual-funds/${r.fundCode}/detail/`
                                            : `/zh-hant/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">查看所有結果</component>
                                </li>
                                <li class="mega-menu-search-results-item">
                                    <component :is="searchTerm != ''? 'a': 'span'" :href="searchProductLink"
                                            class="link-chev">查看「產品」的結果</component>
                                </li>
                                <li class="mega-menu-search-results-item">
                                    <component :is="searchTerm != ''? 'a': 'span'" :href="searchInsightLink"
                                            class="link-chev">查看「獨到見解」的結果</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 = "/zh-hant/ca/products/mutual-funds/index";
    const langPrefix = "/zh-hant";
    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":"/zh-hant/theme/$advisorID/$_.featuredTheme.uniqueidentifier/detail"},{"id":"$esc.xml($_.featuredTheme.name)","name":"$esc.xml($_.featuredTheme.name)","title":"$esc.xml($_.featuredTheme.name)","link":"/zh-hant/theme/$advisorID/$_.featuredTheme.uniqueidentifier/detail"},{"id":"$esc.xml($_.featuredTheme.name)","name":"$esc.xml($_.featuredTheme.name)","title":"$esc.xml($_.featuredTheme.name)","link":"/zh-hant/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":"產品","title":"產品","separator":false,"summary":"","type":"folder","children":[{"id":"nav.products.mutualfunds","name":"互惠基金","title":"互惠基金","summary":"","type":"folder","link":"/zh-hant/ca/products/mutual-funds","children":[{"id":"互惠基金清單","name":"互惠基金清單","title":"互惠基金清單","summary":"We provide a comprehensive range of mutual funds across all asset classes, sectors, geographies and themes to help you reach your investment goals.","type":"htmlpage","link":"/zh-hant/ca/products/mutual-funds/index"}]}]},{"id":"Learn & plan","name":"了解和策劃","title":"了解和策劃","link":"/zh-hant/ca/learn-plan/"},{"id":"about_us","name":"關於我們","title":"關於我們","link":"/zh-hant/ca/about-us/"}],
                    "flagText": 'nav.flagText.forinformationpurposesonly',
                    "currentLanguage": {"id":"zh-hant","text":"繁中","country":"Canada"},
                    "languages": countryLanguages,
                    "secondaryLinks": [],
                    "userGreeting": '顧問登錄',
                    "userGreetingLink": '/zh-hant/okta-login?&url=/zh-hant/ca/products/mutual-funds/index',
                    "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: 5,
                    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_6565482')
</script>
  <div class="content-wrap">
                              <main id="main"
                class="content-wrapper  ">
                                                <div id="mainlistHeaderRoot" class="container"></div>
  <div id="app_id_2849186" v-cloak>
    <Teleport to="#mainlistHeaderRoot">
        <rbc-hero
                :breadcrumb="heroBreadcrumbItems"
                subtitle="搜索我們一系列 RBC 資產管理的互惠基金和投資組合解決方案"
                title="互惠基金"
        />
    </Teleport>
</div>
<script type="module">
    import {createApp} from 'vue'
    import {RbcHero} from 'wm'

    createApp({
        components: {
            'rbc-hero': RbcHero,
        },
        data() {
            return {
                heroBreadcrumbItems: [
                    {
                        text: "產品",
                    },
                    {
                        text: "互惠基金",
                    }
                ]
            }
        },
    }).mount('#app_id_2849186')
</script>


<div id="dataFiltersRoot"></div>
    
<div id="app_id_6582902" v-cloak>
    <Teleport to="#dataFiltersRoot">
        <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">篩選</h2><span
                        v-if="selectedFilters > 0"> (<strong>{{selectedFilters}}</strong> 已選出<span v-if="selectedFilters > 1 && 'zh-hant' == 'fr'">s</span>)</span>
                </template>
                <template v-if="selectedFilters > 0" #trigger-right>
                    <rbc-button
                            outline
                            size="small"
                            @click.stop="resetFilters"
                    >清除所有篩選</rbc-button>
                </template>
                                <div class="row align-items-end">
                      <div id="app-data-filters-series" class="col-lg-4 col-md-6 mb-1"></div>
                                      </div>
                              <div id="app-data-filters-tags" class="row"></div>
            </rbc-expandable>
        </rbc-block>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcBlock,
        RbcExpandable,
        RbcButton
    } from "wm"

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

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


    createApp({
        created() {
            addEventListenerPopState();
            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,
        },
        data() {
            return {
                selectedFilters: 0,
            }
        },
        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);
            }
        },
        mounted() {

        },
        unmount() {
            urlSearchParam$.unsubscribe();
        }
    }).mount('#app_id_6582902')
</script>
  
<div id="app_id_3873835" v-cloak>
    <rbc-modal
            :active="openSeriesModal"
            button-cancel-label="封閉"
            aria-label="基金系列說明"
            title="基金系列說明"
            size="large"
            @toggle="openSeriesModal = !openSeriesModal"
    >
        <h4>系列 F</h4>
        <p>免手續費基金供擁有賬戶按結餘收費的投資者購買。投資者無需為獲取建議和其他服務來支付尾隨佣金，而是向經銷商持續支付賬戶費用。這些基金支付管理費給 RBC 環球資產管理 (RBC GAM)。系列 FT 單位乃專為希望從其非註冊投資中定期收取具稅收效益的收入的投資者而設，旨在每月分派一致的收益。</p>
        <hr class="divider my-1">
        <h4>系列 A</h4>
        <p>最低投資額 (通常每隻基金 $500) 的免手續費基金。這些基金支付管理費給 RBC 環球資產管理 (RBC GAM)。RBC 環球資產管理將部分管理費作為尾隨佣金支付給經銷商，以獲取投資建議和其他服務。系列 T 單位乃專為希望從其非註冊投資中定期收取具稅收效益的收入的投資者而設，旨在每月分派一致的收益。</p>
        <hr class="divider my-1">
        <h4>系列 D</h4>
        <p>免手續費基金供自行作出投資決定及透過皇家銀行優惠證券 (RBC Direct  Investing) 投資的投資者購買以及其他折扣經紀購買。這些基金支付管理費給 RBC 環球資產管理 (RBC GAM)。RBC 環球資產管理將部分管理費作為尾隨佣金支付給經銷商。由於自行作出投資決定的投資者選擇自行管理投資，因此尾隨佣金通常低於其他系列，並涵蓋了投資組合的管理和服務費用。這些單位亦適用於 2017 年 1 月 9 日之前的 PH&N Investment Services 客戶。</p>
        <hr class="divider my-1">
        <h4>系列 O</h4>
        <p>供直接與 RBC 環球資產管理 (RBC GAM) 簽訂協議購買系列 O 單位的個人、機構客戶或經銷商購買。基金無需為系列 O 單位支付任何管理費。系列 O 單位的持有人直接或間接向 RBC 環球資產管理 (RBC GAM) 支付一個議定的費用。系列 O 的表現未將管理費計算在內。</p>
        <hr class="divider my-1">
        <h4>系列 (FZ, AZ, DZ, H, I, PZ, PTZ)</h4>
        <p>供透過授權經銷商投資並維持所需的最低餘額之投資者。此等基金的單位不供新的投資者購買；已持有 FZ、AZ、DZ、H、I、PZ 或 PTZ 系列基金單位的現有投資者，仍可繼續追加投資於該基金。</p>
        <p><!-- 投資前請諮詢您的投資顧問和參閱基金章程或基金說明書 (Fund Facts)。互惠基金投資可能涉及佣金、尾隨佣金、管理費及相關開支。互惠基金不保證回報，其單位價值經常變動，過往的業績未必會重現。--></p>
    </rbc-modal>
    <Teleport to="#app-data-filters-series">
        <label class="h5 d-inline-block mr-half" for="series">系列</label>
        <button
                class="link-button"
                @click="openSeriesModal = !openSeriesModal"
                aria-label='基金系列說明'
            
        >
            <rbc-icon icon="info-circle"></rbc-icon>
        </button>
        <rbc-select
                id="series"
                v-model="series"
                :options="fundSeries"
                @change="updateSeries"
        ></rbc-select>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcModal,
        RbcIcon,
        RbcSelect
    } from "wm"

    const searchParamKey = 'series';
    const searchParamValue = '';
    const urlSearchParam$ = listenSearchParamDeep(searchParamKey);

    const fundSeries = [
        {
            label: "系列 F (FT5, FT8)",
            value: "f",
            id: "f"
        },
        {
            label: "系列 A (T5, T8)",
            value: "a,t",
            id: "at"
        },
        {
            label: "系列 D",
            value: "d",
            id: "d"
        },
        {
            label: "系列 O",
            value: "o",
            id: "o"
        },
        {
            label: "系列 (FZ, AZ, DZ, H, I, PZ, PTZ)",
            value: "h,i,az,dz,fz,ptz,pz",
            id: "hi"
        }
    ];


    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParam$.subscribe(urlSearchParamObj => {
                if (urlSearchParamObj !== this.series) {
                    this.series = urlSearchParamObj;
                }
            })
        },
        components: {
            'rbc-modal': RbcModal,
            'rbc-icon': RbcIcon,
            'rbc-select': RbcSelect,
        },
        data() {
            return {
                openSeriesModal: false,
                series: fundSeries.map(({value}) => value).includes(searchParamValue) ? searchParamValue : "f",
                fundSeries: fundSeries
            }
        },
        methods: {
            updateSeries(seriesId) {
                const url = new URL(location);
                url.searchParams.set(searchParamKey, seriesId);
                history.pushState({[searchParamKey]: seriesId}, "", url);
                updateURLSearchParams(Object.fromEntries(url.searchParams));
            }
        },
        mounted() {

        },
        unmount() {
            urlSearchParam$.unsubscribe();
        }
    }).mount('#app_id_3873835')
</script>
      
  
<div id="app_id_3285857" v-cloak>
    <Teleport to="#app-data-filters-tags">
        <div class="col-lg-4 col-md-6">
            <span class="h5 d-block">資產類別和類型</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"
                >
                  貨幣市場
                </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"
                >
                  平衡基金及投資組合精選
                </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"
                >
                  fund.fixed-income
                </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"
                >
                  股票
                </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"
                >
                  高流動性另類投資
                </rbc-tag>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <span class="h5 d-block mt-half mt-md-0">地區</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"
                >
                  加拿大
                </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"
                >
                  美國
                </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"
                >
                  北美
                </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"
                >
                  環球
                </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"
                >
                  國際 / 新興市埸
                </rbc-tag>
            </div>
        </div>
        <div class="col-lg-2 col-md-6">
            <span class="h5 d-block mt-half mt-lg-0">貨幣</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"
                >
                  加元
                </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"
                >
                  美元
                </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"
                >
                  貨幣對沖
                </rbc-tag>
            </div>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        addEventListenerPopState,
        updateURLSearchParams,
        listenSearchParamDeep
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcTag,
        RbcStyle
    } from "wm"

    const searchParamType = '';
    const searchParamRegion = '';
    const searchParamCurrency = '';
    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];
    };


    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);
            })
        },
        components: {
            'rbc-tag': RbcTag,
            'rbc-style': RbcStyle,
        },
        data() {
            return {
                filterType: this.filtersStrToObj(getSpecificFilterTagObj("type"), searchParamType),
                filterRegion: this.filtersStrToObj(getSpecificFilterTagObj("region"), searchParamRegion),
                filterCurrency: this.filtersStrToObj(getSpecificFilterTagObj("currency"), searchParamCurrency),
            }
        },
        methods: {
            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() {
            urlSearchParamType$.unsubscribe()
            urlSearchParamRegion$.unsubscribe()
            urlSearchParamCurrency$.unsubscribe()
        }
    }).mount('#app_id_3285857')
</script>

<div id="dataTabHeaderRoot" class="container"></div>
  
<div id="app_id_9780206" v-cloak>
    <Teleport to="#dataTabHeaderRoot">
        <div class="row">
            <div v-if="false" class="col-12 mb-1">
                <rbc-alert
                        header="謹記"
                        type="warning"
                        :closable="false"
                >
                  您現正在查看系列 <strong> {{series}} </strong> 的文件資料。單擊上方的“系列”下拉菜單以查看更多。
                </rbc-alert>
            </div>
                                                                                                                                                           <div class="col">
                <div class="mb-md-1-half"></div>
                <h3 class="header-alt"
                    v-if="totalFundsInSeries == filteredFunds || totalFundsInSeries === null || filteredFunds === null">
                  顯示 <strong>{{ totalFundsInSeries }}</strong> 互惠基金
                </h3>
                <h3 class="header-alt" v-else>顯示 <strong>{{ filteredFunds }}</strong> of <strong>{{ totalFundsInSeries }}</strong> 互惠基金</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="搜尋基金"
                        placeholder="按基金代號或基金名稱搜索"
                        search
                        @input="updateGlobalSearch"
                ></rbc-input>
            </div>
        </div>
        <rbc-tab
                flush
                @tabupdate="updateTabId($event.active)"
                :current="selectedTab"
        >
            <rbc-tab-content
                    id="overview"
                    name="總覽"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="prices"
                    name="價格"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="performance"
                    name="表現"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="calendarperformance"
                    name="年度表現"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="characteristics"
                    name="特徵"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="distributions"
                    name="收益分派"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="documents"
                    name="文件資料"
            ></rbc-tab-content>
                                                                                      </rbc-tab>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState,
        totalFundsInSeries$,
        filteredFunds$,
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcTab,
        RbcTabContent,
        RbcAlert,
        RbcInput
    } from "wm"
    import {
        debounce
    } from "wm-utils"


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

    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamTab$.subscribe(uspTab => {
                this.selectedTab = uspTab;
            })
            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-tab': RbcTab,
            'rbc-tab-content': RbcTabContent,
            'rbc-alert': RbcAlert,
            'rbc-input': RbcInput
        },
        data() {
            return {
                selectedTab: initialSelectedTab,
                searchKeyword: initialSelectedKeyword,
                totalFundsInSeries: null,
                filteredFunds: null,
            }
        },
        methods: {
            updateTabId(tabId) {
                if (tabId !== this.selectedTab) {
                    const url = new URL(location);
                    url.searchParams.set("tab", tabId);
                    history.pushState({tab: tabId}, "", url);
                    updateURLSearchParams(Object.fromEntries(url.searchParams));
                }
            },
            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() {
            urlSearchParamTab$.unsubscribe();
            urlSearchParamKeyword$.unsubscribe();
            totalFundsInSeries$.unsubscribe();
            filteredFunds$.unsubscribe();
        }
    }).mount('#app_id_9780206')
</script>

<div id="dataTabSubheaderRoot" class="container"></div>
  
<div id="app_id_3043159" v-cloak>
    <Teleport to="#dataTabSubheaderRoot">
        <div class="row align-items-end py-1">
            <div class="col-12 col-sm-7 col-lg-4 order-1 mb-1 mb-sm-0">
                <span v-show="selectedTab === 'prices'">
                    <span v-if="!!pricesDateValue">
                        <span>的基金價格/收益率截至</span> <strong class="nowrap">{{ asOfDatePrice }}</strong>
                    </span>
                    <rbc-alert
                            v-else
                            type="warning"
                            :closable="false"
                    >
                      選擇另一個日期
                    </rbc-alert>
                </span>
                <span v-show="selectedTab === 'performance'">
                    <span>的回報截至</span> <strong class="nowrap">{{ asOfDatePortfolio }}</strong>
                </span>
                <span v-show="selectedTab === 'calendarperformance'">
                    <span>的年初至今的回報截至</span> <strong class="nowrap">{{ asOfDatePortfolio }}</strong>
                </span>
                <span v-show="selectedTab === 'characteristics'">
                    <span>fund.fundcharacteristicsasof</span> <strong class="nowrap">{{ asOfDateCharacteristics }}</strong>
                </span>
            </div>
                        <div v-show="selectedTab === 'distributions-estimate'" class="col-lg-10 col-12">
                  <span>fund.distributions-estimateasof</span>
              </div>
                      <div v-show="selectedTab === 'prices'" class="col-12 col-sm-6 col-lg-3">
                <rbc-datepicker
                        :id="'prices-date'"
                        :label="'選擇另一個日期'"
                        :typeable="false"
                        :format="customDateFormatter"
                        @input="updateSelectedDate"
                        v-model="pricesDateValue"
                        :language="'zh-hant'"
                        :disabled-dates="disabledDates"/>
            </div>
            <div v-show="showGenerateCSV" class="col-12 col-sm order-3 text-sm-right mb-0">
                <span class="nowrap">
                    <rbc-button
                            class="py-0 my-n1"
                            icon="file-excel"
                            icon-position-x="right"
                            color="transparent"
                            size="medium"
                            @click="generateCSV"
                    >
                        {{downloadText}}
                    </rbc-button>
                </span>
            </div>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState,
        globalAnalysisDate$,
        totalFundsInSeries$,
        filteredFunds$,
        updateCSVObj
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcDatepicker,
        RbcButton,
        RbcTooltip,
        RbcAlert,
    } from "wm"

    const initialSelectedTab = new URL(location).searchParams.get("tab");
    const initialSelectedSeries = new URL(location).searchParams.get("series");
    const urlSearchParamTab$ = listenSearchParamDeep("tab");
    const urlSearchParamSeries$ = listenSearchParamDeep("series");
    const hoursOffset = 6 * 60 * 60 * 1000;
    const today = new Date(Date.now());
    const yesterday = new Date(new Date().setDate(today.getDate() - 1));
    const prior120 = new Date(new Date().setDate(today.getDate() - 120));

    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamTab$.subscribe(uspTab => {
                this.selectedTab = uspTab;
            });
            urlSearchParamSeries$.subscribe(uspSeries => {
                this.selectedSeries = uspSeries;
            });
            globalAnalysisDate$.subscribe(analysisDate => {
                this.analysisDate = analysisDate;
                if (!!this.analysisDate.price) {
                    const selectedDate = this.analysisDate.price.split("-");
                    this.pricesDateValue = new Date(selectedDate[0], selectedDate[1] - 1, selectedDate[2]);
                } else {
                    this.pricesDateValue = null;
                }
            });
            totalFundsInSeries$.subscribe(val => {
                this.totalFundsInSeries = val;
            });
            filteredFunds$.subscribe(val => {
                this.filteredFunds = val;
            });
        },
        components: {
            'rbc-datepicker': RbcDatepicker,
            'rbc-button': RbcButton,
            'rbc-tooltip': RbcTooltip,
            'rbc-alert': RbcAlert,
        },
        data() {
            return {
                selectedTab: initialSelectedTab,
                selectedSeries: initialSelectedSeries,
                analysisDate: {},
                languageKey: 'zh-hant' == 'zh' ? 'zh-hans' : 'zh-hant',
                pricesDateValue: yesterday,
                disabledDates: {
                    to: prior120,
                    from: yesterday,
                    days: [6, 0],

                                        customPredictor: (date) => {
                        const month = date.getMonth() + 1;
                        const day = date.getDate();
                        // Disable Dec 25 and 26 and July 1
                        return (month === 12 && (day === 25 || day === 26)) || (month === 7 && (day === 1));
                    }

                    
                },
                totalFundsInSeries: 0,
                filteredFunds: 0,
                sysysSeriesMatch: {
                    'a,t': '1,7',
                    'f': '5',
                    'adv': '2',
                    'd': '4',
                    'h,i': '9,6',
                    'o': '10'
                }
            }
        },
        methods: {
            updateSelectedDate(selectedDate) {
                const dateStr = (selectedDate.getDate()).toString().padStart(2, '0');
                const month = (selectedDate.getMonth() + 1).toString().padStart(2, '0');
                const year = selectedDate.getFullYear().toString();
                const compoundDate = `${year}${month}${dateStr}`;

                const url = new URL(location);
                url.searchParams.set("date", compoundDate);
                history.pushState({date: compoundDate}, "", url);
                updateURLSearchParams(Object.fromEntries(url.searchParams));
                window.dataLayer.push({
                    event: 'click',
                    event_type: 'filter_select',
                    link_text: this.customDateFormatter(selectedDate),
                    link_url: undefined
                });
            },
            customDateFormatter(date) {
                return date.toLocaleDateString('zh-Hant-CN', {
                    year: "numeric",
                    month: "short",
                    day: "numeric"
                });
            },
            generateCSV() {
                let CSVObj = {};
                if (this.selectedTab === 'prices') {
                    CSVObj.selectedTab = this.selectedTab;
                    CSVObj.asOfDate = this.asOfDatePrice;
                    CSVObj.fileName = '價格' + '.csv';
                }
                if (this.selectedTab === 'overview') {
                    CSVObj.selectedTab = this.selectedTab;
                    CSVObj.asOfDate = this.asOfDatePortfolio;
                    CSVObj.fileName = '總覽' + '.csv';
                }
                if (this.selectedTab === 'performance') {
                    CSVObj.selectedTab = this.selectedTab;
                    CSVObj.asOfDate = this.asOfDatePortfolio;
                    CSVObj.fileName = '表現' + '.csv';
                }
                updateCSVObj(CSVObj);
            }
        },
        computed: {
            asOfDatePortfolio() {
                return !!this.analysisDate.performance ? new Date(this.analysisDate.performance).toLocaleDateString('zh-Hant-CN', {
                    year: "numeric",
                    month: "short",
                    day: "numeric",
                    timeZone: 'UTC'
                }) : null;
            },
            asOfDatePrice() {
                return !!this.analysisDate.price ? new Date(this.analysisDate.price).toLocaleDateString('zh-Hant-CN', {
                    year: "numeric",
                    month: "short",
                    day: "numeric",
                    timeZone: 'UTC'
                }) : null;
            },
            asOfDateCharacteristics() {
                return !!this.analysisDate.portfolio ? new Date(this.analysisDate.portfolio).toLocaleDateString('zh-Hant-CN', {
                    year: "numeric",
                    month: "short",
                    day: "numeric",
                    timeZone: 'UTC'
                }) : null;
            },
            showGenerateCSV() {
                return ["prices", "performance", "overview"].includes(this.selectedTab);
            },
            downloadText() {
                let strBuilder = '下載 ';
                switch (this.selectedTab) {
                    case "prices":
                        strBuilder += '價格'.toLowerCase();
                        break;
                    case "performance":
                        strBuilder += '表現'.toLowerCase();
                        break;
                    case "overview":
                        strBuilder += '總覽'.toLowerCase();
                        break;
                    default:
                        strBuilder = '';
                }
                return strBuilder;
            }
        },
        mounted() {},
        unmount() {
            urlSearchParamTab$.unsubscribe();
            urlSearchParamSeries$.unsubscribe();
            globalAnalysisDate$.unsubscribe();
            totalFundsInSeries$.unsubscribe();
            filteredFunds$.unsubscribe();
        }
    }).mount('#app_id_3043159')
</script>
<script data-velocimacro-holder="mfListgeneralSliceTableDefinitions">
        </script><script data-velocimacro-holder="overviewSliceTableDefinitions">
        </script><script data-velocimacro-holder="pricesSliceTableDefinitions">
        </script><script data-velocimacro-holder="performanceSliceTableDefinitions">
        </script><script data-velocimacro-holder="calendarperformanceSliceTableDefinitions">
        </script><script data-velocimacro-holder="characteristicsSliceTableDefinitions">
        </script><script data-velocimacro-holder="distributionsSliceTableDefinitions">
        </script><script data-velocimacro-holder="documentsSliceTableDefinitions">
    </script><script data-velocimacro-holder="distributionsEstimateTableDefinitions">
       </script>


<script data-velocimacro-holder="data-table-definitions">
            </script>
<div id="dataTabBodyRoot" class="container"></div>
  
<style>
    #fundList td:nth-child(4) {
        position: relative;
    }

    #fundList tr:nth-of-type(even) > td {
        background-color: white;
    }
</style>
<div id="app_id_8235408" v-cloak>
    <Teleport to="#dataTabBodyRoot">
        <div style="position:relative" data-location="fund table">
            <rbc-spinner v-if="spinnerOverlay" overlay></rbc-spinner>
            <rbc-datatable
                    id="fundList"
                    ref="fundListTable"
                    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"
                    @onsortchanged="sortToUrl"
            >
            </rbc-datatable>
            <rbc-switch
                    class="mb-1"
                    v-model="notFixedHeader"
                    :label="(notFixedHeader) ? '擴大互惠基金清單 (開)' : '擴大互惠基金清單 (關)'"
                    @checkboxupdate="mfListExpand(notFixedHeader)"
                    name="Mutual Funds Expanded Toggle"
            >
            </rbc-switch>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        getThemeData
    } from "vite-esm/add-to-theme.service.js";
    import {
        addEventListenerPopState,
        listenSearchParamDeep,
        unifiedDataService,
        updateFilteredFunds,
        updateFootnoteList,
        updateGlobalAnalysisDate,
        updateTotalFundsInSeries,
        updateUSPWithDebounce,
        URLSearchParamWithDebounce$,
        updateURLSearchParams,
        generateCSVObj$,
        downloadData
    } from "vite-esm/main-mf-list.service.js";
    import {createApp, nextTick, ref, markRaw} from "vue"
    import {
        RbcSpinner,
        RbcDatatable,
        RbcSwitch,
        RbcTooltip,
        RbcButton
    } from "wm"
    import {
        decimal
    } from "wm-utils"

    const urlSearchParamSeries$ = listenSearchParamDeep("series");
    const urlSearchParamDate$ = listenSearchParamDeep("date");
    const urlSearchParams$ = listenSearchParamDeep();
    const unifiedDS = unifiedDataService();
      
                        const columnDefinitionGeneralSlice = [
        {
            header: "themes.addtotheme",
            srOnlyHeader: true,
            dataType: "vue",
            // show: true,
            show: false,
            sortable: false,
            style: {
                width: "40px",
                minWidth: "40px !important",
                textAlign: "center"
            },
        },
        {
            header: "代號",
            dataType: "string",
            show: true,
            isMandatory: true,
            main: true,
            sortable: false,
            sortField: "key",
            style: {
                width: "80px",
                minWidth: "80px"
            }
        },
        {
            header: "基金名稱",
            dataType: "string",
            show: true,
            sortable: true,
            sortField: "key",
            style: {
                minWidth: "180px"
            }
        },
        {
            header: "系列",
            dataType: "string",
            show: true,
            style: {
                width: "55px",
                minWidth: "55px",
            }
        },
    ]
                const columnDefinitionOverviewSlice = [
        {
            header: "資產類型",
            dataType: "string",
            show: true,
            sortable: true,
            group: "overview",
            style: {
                width: "180px",
                minWidth: "180px"
            }
        },
        {
            header: "風險",
            dataType: "string",
            sortField: "key",
            show: true,
            sortable: true,
            group: "overview",
            style: {
                width: "105px",
                minWidth: "105px"
            }
        },
        {
            header: "管理費",
            dataType: "number",
            dataUnit: "%",
            show: true,
            sortable: true,
            sortField: "key",
            group: "overview",
            style: {
                width: "95px",
                minWidth: "95px !important"
            }
        },
        {
            header: "管理開支比率*",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "overview",
            style: {
                width: "70px",
                minWidth: "70px",
            }
        },
        {
            header: "成立日期",
            dataType: "date",
            dataDateFormat: {
                year: "numeric",
                month: "short",
                day: "numeric",
            },
            dataDateLocale: "zh-Hant-CN",
            show: true,
            sortable: true,
            group: "overview",
            style: {
                width: "90px",
                minWidth: "90px !important"
            }
        },
    ]
                const columnDefinitionPricesSlice = [
        {
            header: "收益率 ±",
            colored: true,
            arrow: true,
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 4,
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "prices",
            style: {
                width: "110px",
                minWidth: "110px"
            }
        },
        {
            header: "價格 ($)",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "prices",
            style: {
                width: "90px",
                minWidth: "90px"
            }
        },
                                                                                                                    {
            header: "淨變動",
            show: true,
            sortable: true,
            sortField: "key",
            group: "prices",
            style: {
                width: "100px",
                minWidth: "100px"
            }
        },
        {
            header: "% 更改",
            colored: true,
            signed: true,
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "prices",
            style: {
                width: "100px",
                minWidth: "100px"
            }
        }
    ]
                const columnDefinitionPerformanceSlice = [
        {
            header: "年初至今",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "1個月",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "3個月",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "6個月",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "1年",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "3年",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "5年",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "10年",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "自成立以來",
            searchable: false,
            show: true,
            sortable: true,
            dataType: "vue",
            sortField: 'key',
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px",
            }
        },
    ]
                const columnDefinitionCalendarperformanceSlice = [
        {
            header: "年初至今",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "calendarperformance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
                {
              header: "Year1",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year2",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year3",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year4",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year5",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year6",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year7",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year8",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year9",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year10",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
          ]
                const columnDefinitionCharacteristicsSlice = [
        {
            header: "股息收益率",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "84px",
                minWidth: "84px"
            }
        },
        {
            header: "市賬率",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "84px",
                minWidth: "84px"
            }
        },
        {
            header: "市盈率",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "84px",
                minWidth: "84px"
            }
        },
        {
            header: "到期收益率*",
            dataType: "number",
            formatNumberLang: "en",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "90px",
                minWidth: "90px"
            }
        },
        {
            header: "當前收益率*",
            dataType: "number",
            formatNumberLang: "en",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "105px",
                minWidth: "105px"
            }
        },
        {
            header: "久期 (年)",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "70px",
                minWidth: "70px"
            }
        },
        {
            header: "平均到期期限 (年)",
            dataType: "number",
            formatNumberLang: "en",
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "115px",
                minWidth: "115px"
            }
        },
    ]
                const columnDefinitionDistributionsSlice = [
        {
            header: "上次收益分派",
            searchable: false,
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "distributions",
            style: {
                width: "115px",
                minWidth: "115px",
                whiteSpace: "nowrap"
            }
        },
        {
            header: "收益分派日期",
            searchable: false,
            dataType: "date",
            dataDateFormat: {
                year: "numeric",
                month: "short",
                day: "numeric",
                timeZone: 'UTC'
            },
            dataDateLocale: "zh-Hant-CN",
            show: true,
            sortable: true,
            group: "distributions",
            style: {
                width: "110px",
                minWidth: "110px",
                whiteSpace: "nowrap"
            }
        },
    ]
                const columnDefinitionDocumentsSlice = [
        {
            header: "文件資料",
            searchable: false,
            dataType: "vue",
            show: true,
            group: "documents",
            style: {
                width: "310px",
                minWidth: "150px"
            }
        }
    ]
                const i18n = {"comment2021a":"fund.distributions-estimate.comment2021a","comment2021b":"fund.distributions-estimate.comment2021b","comment2021c":"fund.distributions-estimate.comment2021c","comment2021d":"fund.distributions-estimate.comment2021d","comment2021e":"fund.distributions-estimate.comment2021e","comment2021f":"fund.distributions-estimate.comment2021f","comment2021g":"fund.distributions-estimate.comment2021g","comment2021h":"fund.distributions-estimate.comment2021h","comment2021i":"fund.distributions-estimate.comment2021i","comment2021j":"fund.distributions-estimate.comment2021j","comment2021k":"fund.distributions-estimate.comment2021k"};
    const columnDefinitionDistributionsEstimate = [
        {
            header: "收益分派日期",
            show: false,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "102px",
                minWidth: "102px",
                whiteSpace: "nowrap"
            }
        },
        {
            header: "fund.navpu",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh-hant",
            formatNumberDecimal: 2,
            dataUnit: "$",
            dataUnitPosition: 'left',
            searchable: false,
            show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "73px",
                minWidth: "73px"
            }
        },
        {
            header: "資本收益 fund.dollarperunit",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh-hant",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "92px",
                minWidth: "92px"
            }
        },
        {
            header: "資本收益 fund.percentnavpu",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh-hant",
            formatNumberDecimal: 2,
            dataUnit: "%",
            dataUnitPosition: 'right',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "101px",
                minWidth: "101px"
            }
        },
        {
            header: "fund.income fund.dollarperunit",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh-hant",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "70px",
                minWidth: "70px"
            }
        },
        {
            header: "fund.income fund.percentnavpu",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh-hant",
            formatNumberDecimal: 2,
            dataUnit: "%",
            dataUnitPosition: 'right',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "88px",
                minWidth: "88px"
            }
        },
        {
            header: "fund.total fund.dollarperunit",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh-hant",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "75px",
                minWidth: "75px"
            }
        },
        {
            header: "fund.total fund.percentnavpu",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh-hant",
            formatNumberDecimal: 2,
            dataUnit: "%",
            dataUnitPosition: 'right',
            searchable: false,
                                show: false,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "90px",
                minWidth: "90px",
            },
        }
    ]
            
      const columnDef = [
          ...columnDefinitionGeneralSlice,
          ...columnDefinitionOverviewSlice,
          ...columnDefinitionPricesSlice,
          ...columnDefinitionPerformanceSlice,
          ...columnDefinitionCalendarperformanceSlice,
          ...columnDefinitionCharacteristicsSlice,
          ...columnDefinitionDistributionsSlice,
          ...columnDefinitionDocumentsSlice,
          ...columnDefinitionDistributionsEstimate,
      ].map(column => {
          return {
              ...column,
              searchable: ["代號", "基金名稱", "系列"].includes(column.header)
          }
      });
            
                  const rowMapper = (fdsFundData, dcmsFundData) => {
          const thirteenMonthOffset = (30 + 365) * 24 * 60 * 60 * 1000;
          const thirteenMonthsAgo = new Date(Date.now() - thirteenMonthOffset);

          return fdsFundData.map((fdsData, index) => {
              const isAtleast13monthsOld = ["RBF441", "RBF941", "RBF8257", "RBF9441", "RBF9941", "RBF8258"].includes(fdsData.rbcFundCode) || new Date(fdsData.inceptionDate) < thirteenMonthsAgo;
              const dcmsData = dcmsFundData.find(({fundCode}) => fundCode === fdsData.rbcFundCode);
              // const parentFundCode = fdsData.mrfpfsFundCode || fdsData.rbcFundCode;
              // const parentData = fdsFundData.find(({rbcFundCode}) => parentFundCode === rbcFundCode) || fdsData;
              // const parentIsAtleast13monthsOld = new Date(parentData.inceptionDate) < thirteenMonthsAgo;
              const parentIsAtleast13monthsOld = !!fdsData.showPerformance
              const fundCode = fdsData.rbcFundCode;
                const rowMapperGeneralSlice = (fdsData, dcmsData) => {
        const langKey = 'zh-hant'
        const fundCode = fdsData.rbcFundCode
        const addToThemeCell = `
            <span class="d-block text-center m-n1">
                                                                <rbc-button
                    @click="addToTheme({fundCode: '${fundCode}'})"
                    id="${fundCode}-briefcase"
                    data-briefcase="${fundCode}"
					aria-label="Add to theme ${fundCode}"
					icon="briefcase"
					size="small"
					color="transparent"
				/>
            </span>
            `;
        const fundCodeCellValue = `
                            <a href='/${langKey}/ca/products/mutual-funds/${fundCode}/detail/'>
                                ${fundCode}
                            </a>
                        `;
        const defaultName = fdsData.fundName["en"];
const seriesDisplay = dcmsData?.seriesDisplay && dcmsData.seriesDisplay.includes("t")
  ? ` - ${dcmsData.seriesDisplay.toUpperCase()}<br>`
  : "";
        const chineseSimplifiedName = dcmsData?.chineseSimplifiedName ? (dcmsData.chineseSimplifiedName + seriesDisplay) : null;
        const chineseTraditionalName = dcmsData?.chineseTraditionalName ? (dcmsData.chineseTraditionalName + seriesDisplay) : null;
        const fundFootnotesArr =  dcmsData?.footnotes ? (dcmsData.footnotes.split(",").sort((a, b) => parseInt(a) - parseInt(b)).filter(a => a.length > 0)) : null;
        const fundFootnotesStr = fundFootnotesArr ? (fundFootnotesArr?.length > 0 ? fundFootnotesArr.join(", ") : "") : "";
        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 fundNameCellValue = `
  <a href='/${langKey}/ca/products/mutual-funds/${fundCode}/detail/' class="fund-link">
      ${displayedFundName}
  </a>
  ${(fundFootnotesArr?.length > 0) ? `
    <sup>
      <a href='#footnotes' class="footnote-link" aria-label="Footnote ${fundFootnotesStr}">
        ${fundFootnotesStr}
      </a>
    </sup>` : ""}
`;

        let seriesCellText = (!!dcmsData?.series ? dcmsData?.seriesDisplay : fdsData?.series)?.toUpperCase();
        seriesCellText = seriesCellText === "ADV" ? '至' : seriesCellText;
        return [
            addToThemeCell,
            {
                key: fundCode,
                value: fundCodeCellValue
            },
            {
                key: langKey === "fr" ? fdsData?.fundName[langKey] : fdsData?.fundName["en"],
                value: fundNameCellValue
            },
            seriesCellText,
        ]
    }
                  const generalSliceArr = rowMapperGeneralSlice(fdsData, dcmsData);
                const rowMapperOverviewSlice = (fdsData, dcmsData) => {
        const langKey = 'zh-hant'
        let riskRatingKey = 0;
        switch (dcmsData.risk) {
            case "noriskrating":
                riskRatingKey = 0;
                break;
            case "low":
                riskRatingKey = 1;
                break;
            case "lowtomedium":
                riskRatingKey = 2;
                break;
            case "medium":
                riskRatingKey = 3;
                break;
            case "mediumtohigh":
                riskRatingKey = 4;
                break;
            case "high":
                riskRatingKey = 5;
                break;
            default:
                break;
        }
        const managementFeeKey = ((parseInt(dcmsData.managementFees * 100000) || 0) / 1000).toFixed(2);
        let managementFeeValue = "";
        if (!!dcmsData.managementFees && dcmsData.managementFees !== "-1" && dcmsData.managementFees !== "neg") {
            managementFeeValue = `${dcmsData.managementFeesPrefixText} ` || managementFeeValue;
            const formatOptions = {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2
            };
            const formattedNumber = new Intl.NumberFormat(langKey, formatOptions).format((parseInt(dcmsData.managementFees * 100000) || 0) / 1000);
            managementFeeValue += formattedNumber;
        }
        const merValue = !!dcmsData.mer && dcmsData.mer !== "-1" && dcmsData.mer !== "neg" ? ((parseInt(dcmsData.mer * 100000) || 0) / 1000).toFixed(2) : null;
        return [
            dcmsData.fundAssetClass,
            {
                key: riskRatingKey,
                value: !!dcmsData.riskText ? dcmsData.riskText : null,
            },
            {
                key: managementFeeKey,
                value: managementFeeValue,
            },
            merValue,
            fdsData.inceptionDate,
        ]
    }
                  const overviewSliceArr = rowMapperOverviewSlice(fdsData, dcmsData);
                const rowMapperPricesSlice = (fdsData, dcmsData) => {
        const coloredWrapper = (key, value) => {
            let color = ""
            if (key > 0) {
                color = "c-alert-green"
            } else if (key < 0) {
                color = "c-alert-red"
            }
            return `<span class="d-flex justify-content-end ${color}">${value}</span>`
        };
        const langKey = 'zh-hant';
        const addCurrencyWrapper = (value) => {
            let sign = ""
            if (value > 0) {
                sign = "+"
            } else if (value < 0) {
                sign = "-"
            }
            value = decimal(Math.abs(value), 4);
            if (langKey === 'fr') {
                return `${sign}${value} $`
            } else {
                return `${sign}$${value}`
            }
        }
        const whenNull = `<span class="d-flex justify-content-end">-</span>`

        if (fdsData.assetClassFilter === "moneyMarketFunds") {
            // const priceAsOf = fdsData.analysisDate.price
            // const priceInDate = new Date(priceAsOf);
            // let currentLatestAsOf = null;
            // Object.keys(fdsData.yields).forEach(date => {
            //     const currYieldDate = new Date(date);
            //     if (currYieldDate > new Date(currentLatestAsOf) && priceInDate > currYieldDate) {
            //         currentLatestAsOf = date;
            //     }
            // })
            // const yieldData = fdsData.yields[priceAsOf];
            // const diffChange = fdsData.yields[priceAsOf] - fdsData.yields[currentLatestAsOf]
            // const netChange = diffChange !== 0 ? decimal(diffChange, 4) : "0.0000"
            const yieldData = fdsData.yield
            const netChange = fdsData.netChange !== 0 ? decimal(fdsData.netChange, 4) : "0.0000"
            const key = netChange
            const value = !!netChange ? coloredWrapper(key, netChange) : whenNull

            return [yieldData, null, {key, value}, null]
        } else {
            const processPctChange = (pctChange) => {
                const absChange = Math.abs(pctChange);
                if (absChange < 0.01) {
                    return decimal(pctChange * 100);
                }
                return decimal(pctChange);
            };

            const ptcChange = processPctChange(fdsData.pctChange);

            return [
                null,
                decimal(fdsData.price, 4),
                {
                    key: fdsData.netChange,
                    value: !!fdsData.netChange ? coloredWrapper(fdsData.netChange, addCurrencyWrapper(fdsData.netChange)) : whenNull
                },
                ptcChange,
            ];
        }
    }
                  const pricesSliceArr = rowMapperPricesSlice(fdsData, dcmsData);
                const performanceNumberFormatter = (val, fraxDig) => {
        const langKey = 'zh-hant' || 'en';
        const formatOptions = {
            minimumFractionDigits: Number(fraxDig),
            maximumFractionDigits: Number(fraxDig)
        };
        return !!val ? new Intl.NumberFormat(langKey, formatOptions).format(val) : "";
    }

    const rowMapperPerformanceSlice = (fdsData, dcmsData, parentIsAtleast13monthsOld) => {
        const performanceDecimal = fdsData.assetClassFilter === "moneyMarketFunds" ? 2 : 1;
        const performanceKeys = ['YTD', '1Mth', '3Mth', '6Mth', '1Yr', '3Yr', '5Yr', '10Yr'];
        const emptyArr = [...performanceKeys.map(_ => ""), {
            key: 0,
            value: `<span class='d-flex justify-content-end'>-</span>`
        }];
        const tooltip = `
                <span class="mx-n1">
                <rbc-tooltip
                    :hoverable="true"
                    :clickable="true"
                    icon="info-circle"
                    text="${fdsData.inceptionDate}"
                    position="left"
                />
                </span>
            `
        const sinceInceptionData = !!fdsData.performance ? fdsData.performance.sinceInception : null
        const sinceInceptionCellValue = `
                <span class='d-flex justify-content-end text-nowrap'>
                    
                    ${(!!sinceInceptionData) ? `${(decimal(sinceInceptionData, performanceDecimal))}%${tooltip}` : "-"}
                </span>
            `;
        return parentIsAtleast13monthsOld && !!fdsData.performance ? [...performanceKeys.map(key => {
            return decimal(fdsData.performance[key], performanceDecimal);
            //return performanceNumberFormatter(fdsData.performance[key], performanceDecimal);
        }), {
            key: isNaN(sinceInceptionData) ? 0 : sinceInceptionData,
            value: sinceInceptionCellValue,
        }] : emptyArr
    }
                  const performanceSliceArr = rowMapperPerformanceSlice(fdsData, dcmsData, parentIsAtleast13monthsOld);
                const calPerfNumberFormatter = (val, fraxDig) => {
        const langKey = 'zh-hant' || 'en';
        const formatOptions = {
            minimumFractionDigits: Number(fraxDig),
            maximumFractionDigits: Number(fraxDig)
        };
        return !!val ? new Intl.NumberFormat(langKey, formatOptions).format(val) : "";
    }

    const rowMapperCalendarperformanceSlice = (fdsData, dcmsData, isAtleast13monthsOld) => {
        const performanceDecimal = fdsData.assetClassFilter === "moneyMarketFunds" ? 2 : 1;
        const ytdPerformance = fdsData && fdsData.performance ? fdsData.performance["YTD"] : null;
        const calReturns = fdsData.calendarReturns;
        const calReturnsArray = (!!calReturns ? Array.from({length: 10}, (_, i) => i + 1).map(index => {
            const calYearReturn = calReturns[`Year${index}`];
            return !!calYearReturn ? decimal(calYearReturn, performanceDecimal) : "";
            //return !!calYearReturn ? calPerfNumberFormatter(calYearReturn, performanceDecimal) : "";
        }) : Array.from({length: 10}, (_) => ""))

        return isAtleast13monthsOld ? [
            !!ytdPerformance ? calPerfNumberFormatter(ytdPerformance, performanceDecimal) : "",
            ...calReturnsArray
        ] : Array.from({length: 11}, (_) => "");
    }
                  const calendarperformanceSliceArr = rowMapperCalendarperformanceSlice(fdsData, dcmsData, isAtleast13monthsOld);
                const rowMapperCharacteristicsSlice = (fdsData, dcmsData, isAtleast13monthsOld) => {
        const performanceDecimal = fdsData.assetClassFilter === "moneyMarketFunds" ? 2 : 1;
        const termAverageMultiplier = fdsData.assetClassFilter === "moneyMarketFunds" ? (1 / 365) : 1;
        const isMMForFI = ["fixedIncomeFunds", "moneyMarketFunds"].includes(fdsData.assetClassFilter);
        const characteristicsObj = fdsData.characteristics;
        const termToMaturityObj = !!characteristicsObj ? characteristicsObj.termToMaturity : {};
        const fundCode = fdsData.rbcFundCode;

        const formatNumber = (num, decimalPlaces) => {
        const language = 'zh-hant'
            if (Number.isInteger(num)) {
                num = num.toFixed(1);
            } else {
                num = num.toFixed(decimalPlaces);
            }
            return language === "fr" ? num.replace(".", ",") : num;
        };

        // Temporary hide dividendYield, pbRatio, peRatio for the funds
        const fundsToHide = ["RBF2941", "RBF941", "RBF9941", "RBF1441", "RBF441", "RBF9441", "RBF8358", "RBF8357", "RBF8258", "RBF8257"];
        const hideEqCharacteristicsSubArray = fundsToHide.includes(fundCode);

        const eqCharacteristicsSubArray = !!characteristicsObj && !hideEqCharacteristicsSubArray ? [
            isAtleast13monthsOld && !!characteristicsObj.dividendYield ? characteristicsObj.dividendYield * 100 : "",
            !!characteristicsObj.pbRatio && !isMMForFI ? decimal(characteristicsObj.pbRatio, performanceDecimal) : "",
            !!characteristicsObj.peRatio && !isMMForFI ? decimal(characteristicsObj.peRatio, performanceDecimal) : "",
        ] : Array.from({length: 3}, (_) => "")

        const fiCharacteristicsSubArray = !!termToMaturityObj ? [
            isAtleast13monthsOld && !!termToMaturityObj.yield ? formatNumber(termToMaturityObj.yield, performanceDecimal) : "",
            isAtleast13monthsOld && !!fdsData.yield ? formatNumber(fdsData.yield, performanceDecimal) : "",
            !!termToMaturityObj.duration ? decimal(termToMaturityObj.duration, performanceDecimal) : "",
            !!termToMaturityObj.average ? formatNumber(termToMaturityObj.average * termAverageMultiplier, performanceDecimal) : "",
        ] : Array.from({length: 4}, (_) => "")

        return eqCharacteristicsSubArray.concat(fiCharacteristicsSubArray);
    }
                  const characteristicsSliceArr = rowMapperCharacteristicsSlice(fdsData, dcmsData, isAtleast13monthsOld);
                const rowMapperDistributionsSlice = (fdsData, dcmsData) => {
        const distribLastDateRaw = fdsData.distribLastDate;
        const distribLastDate = !!distribLastDateRaw ? new Date(distribLastDateRaw + "Z") : "";
        const restrictedCodes = ["RBF614", "RBF8035", "RBF235", "RBF468", "RBF1038"];
        const isRestricted = restrictedCodes.includes(fdsData.rbcFundCode);
        const yearThreshold = 2025;
        if (isRestricted) {
            if (!distribLastDate || distribLastDate.getUTCFullYear() < yearThreshold) {
                return ["", ""];
            }
        }
        const distribLast = fdsData.distribLast ? decimal(fdsData.distribLast, 4) : "";
        return [distribLast, distribLastDate];
    }
                  const distributionsSliceArr = rowMapperDistributionsSlice(fdsData, dcmsData, isAtleast13monthsOld);
            const rowMapperDocumentsSlice = (fdsData, dcmsData) => {
    const createRbcButton = (link, label) => {
        if (!link || !label) return ""; 
        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 langKey = 'zh-hant';


    const languagePDFLetter = langKey === "fr" ? "f" : "e";

  let languagePDFLetterMonthly;

if (langKey === "fr") {
  languagePDFLetterMonthly = "f"; // French
} else if (langKey === "en") {
  languagePDFLetterMonthly = "e"; // English
} else if (langKey === "zh") {
  languagePDFLetterMonthly = "zh"; // Chinese (Simplified)
} else if (langKey === "zh-hant") {
  languagePDFLetterMonthly = "zh_hant"; // Chinese (Traditional)
} else {
  languagePDFLetterMonthly = "e"; // Default to English for unsupported languages
}

    const fundFactsText = "基金說明書";
    const quarterlyupdateText = "季度更新";
    const monthlyupdateText = "每月更新";

    let fundfactsButton = "";
    if (dcmsData?.fundFactsCode) {
        const code = dcmsData.fundFactsCode.toLowerCase?.();
        fundfactsButton = createRbcButton(`http://funds.rbcgam.com/pdf/fund-facts/funds/${code}_${languagePDFLetter}.pdf`, fundFactsText);
    }

    let monthlyPdfCodeInnerHTML = "";
    if (dcmsData?.monthlyPdfCode && dcmsData?.monthlyPdfCode != "RBF1750" && dcmsData?.monthlyPdfCode != "RBF1860") {
        const code = dcmsData.monthlyPdfCode.toLowerCase?.();
        const quarterlyButton = createRbcButton(`http://www.rbcgam.com/documents/fund-pages/quarterly/${code}_${languagePDFLetterMonthly}.pdf`, quarterlyupdateText);
        const monthlyButton = createRbcButton(`http://www.rbcgam.com/documents/fund-pages/monthly/${code}_${languagePDFLetterMonthly}.pdf`, monthlyupdateText);
        monthlyPdfCodeInnerHTML = `
            <span class='d-block d-md-inline nowrap'>
                ${quarterlyButton}
                <br>
                ${monthlyButton}
            </span>
        `;
    }

    const documentsCellValue = `
        <span class='d-md-flex'>
            <span class='mr-md-3 d-block d-md-inline nowrap'>
                ${fundfactsButton}
            </span>
            
            ${monthlyPdfCodeInnerHTML}
            
        </span>
    `;

    return [
        (fundfactsButton || monthlyPdfCodeInnerHTML) ? documentsCellValue : null
    ];
};
                  const documentsSliceArr = rowMapperDocumentsSlice(fdsData, dcmsData);
                const rowMapperDistributionsEstimate = (fdsData, dcmsData) => {
        const estimatedDistribution = fdsData.estimatedDistributions;
        const fundCode = fdsData.rbcFundCode; // Fund code extraction
        
        if (!!estimatedDistribution) {
            let distributionDateCellValue = !!estimatedDistribution.date ? `${estimatedDistribution.date}` : "";
            
            // Add asterisk for RBF947 or RBF627
            if (   fundCode === 'RBF565' 
|| fundCode === 'RBF414' 
|| fundCode === 'RBF540' 
|| fundCode === 'RBF600' 
|| fundCode === 'RBF1035' 
|| fundCode === 'RBF1414' 
|| fundCode === 'RBF627' 
|| fundCode === 'RBF5414' 
|| fundCode === 'RBF534' 
|| fundCode === 'RBF1534' 
|| fundCode === 'RBF186' 
|| fundCode === 'RBF8414' 
|| fundCode === 'RBF433' 
|| fundCode === 'RBF506' 
|| fundCode === 'RBF1433' 
|| fundCode === 'RBF943' 
|| fundCode === 'RBF502' 
|| fundCode === 'RBF10433' 
|| fundCode === 'RBF477' 
|| fundCode === 'RBF412' 
|| fundCode === 'RBF5477' 
|| fundCode === 'RBF1077' 
|| fundCode === 'RBF1412' 
|| fundCode === 'RBF677' 
|| fundCode === 'RBF5412' 
|| fundCode === 'RBF5677' 
|| fundCode === 'RBF8072' 
|| fundCode === 'RBF8412' 
|| fundCode === 'RBF407' 
|| fundCode === 'RBF415' 
|| fundCode === 'RBF5407' 
|| fundCode === 'RBF1067' 
|| fundCode === 'RBF1415' 
|| fundCode === 'RBF667' 
|| fundCode === 'RBF5415' 
|| fundCode === 'RBF5667' 
|| fundCode === 'RBF8077' 
|| fundCode === 'RBF8417' 
|| fundCode === 'RBF420' 
|| fundCode === 'RBF1060' 
|| fundCode === 'RBF1643' 
|| fundCode === 'RBF120' 
|| fundCode === 'RBF309' 
|| fundCode === 'RBF319' 
|| fundCode === 'RBF3909' 
|| fundCode === 'RBF2109' 
|| fundCode === 'RBF2119' 
|| fundCode === 'RBF1109' 
|| fundCode === 'RBF1119' 
|| fundCode === 'RBF1909' 
|| fundCode === 'RBF8109' 
|| fundCode === 'RBF8119' 
|| fundCode === 'RBF398' 
|| fundCode === 'RBF1398' 
|| fundCode === 'RBF998' 
|| fundCode === 'RBF898' 
|| fundCode === 'RBF1898' 
|| fundCode === 'RBF8098' 
|| fundCode === 'RBF304' 
|| fundCode === 'RBF308' 
|| fundCode === 'RBF1045' 
|| fundCode === 'RBF3308' 
|| fundCode === 'RBF653' 
|| fundCode === 'RBF6608' 
|| fundCode === 'RBF8606' 
|| fundCode === 'RBF8607' 
|| fundCode === 'RBF430' 
|| fundCode === 'RBF323' 
|| fundCode === 'RBF1430' 
|| fundCode === 'RBF910' 
|| fundCode === 'RBF1323' 
|| fundCode === 'RBF8748' 
|| fundCode === 'RBF8323' 
|| fundCode === 'RBF7370' 
|| fundCode === 'RBF1370' 
|| fundCode === 'RBF5370' 
|| fundCode === 'RBF8375' 
) {
                distributionDateCellValue += '&nbsp;&nbsp;<strong>†</strong>';
            }

            if (!!estimatedDistribution.comment && (!estimatedDistribution.capitalgainspu && estimatedDistribution.comment !== 'null')) {
                const commentKey = estimatedDistribution.comment;
                const localizedComment = i18n[commentKey] || "";
                distributionDateCellValue = `<div style="position:relative;display:inline;"><span style="white-space:nowrap;position:absolute;transform:translateX(179px)">${localizedComment}</span></div>${distributionDateCellValue}`;
                if (localizedComment) {
                    return [distributionDateCellValue, "", "", "", "", "", "", ""];
                }
            }

            const capitalgainspu = !!estimatedDistribution.capitalgainspu ? estimatedDistribution.capitalgainspu : null;
            const capitalgainspuPercentage = !!estimatedDistribution.capitalgainspu ? (estimatedDistribution.capitalgainspu / estimatedDistribution.navpu) * 100 : null;
            
            let lastFourColumn = Array(4).fill(null);
            if (!estimatedDistribution.comment || estimatedDistribution.comment === 'null') {
                const incomepu = !!estimatedDistribution.incomepu ? estimatedDistribution.incomepu : null;
                const incomepuPercentage = !!estimatedDistribution.incomepu ? (estimatedDistribution.incomepu / estimatedDistribution.navpu) * 100 : null;
                const totalpu = (!!estimatedDistribution.incomepu || !!estimatedDistribution.capitalgainspu) ? estimatedDistribution.capitalgainspu + estimatedDistribution.incomepu : null;
                const totalpuPercentage = !!totalpu ? (totalpu / estimatedDistribution.navpu) * 100 : null;
                lastFourColumn = [incomepu, incomepuPercentage, totalpu, totalpuPercentage];
            }
            
            return [distributionDateCellValue, estimatedDistribution.navpu, capitalgainspu, capitalgainspuPercentage, ...lastFourColumn];
        } else {
            return Array(8).fill(null);
        }
    }
              const distributionsEstimateSliceArr = rowMapperDistributionsEstimate(fdsData, dcmsData);

              return {
                  id: fundCode,
                  dcmsData: dcmsData,
                  showInExcel: fdsData.inceptionDate && (thirteenMonthsAgo < new Date(fdsData.inceptionDate)),
                  cells: [
                      ...generalSliceArr,
                      ...overviewSliceArr,
                      ...pricesSliceArr,
                      ...performanceSliceArr,
                      ...calendarperformanceSliceArr,
                      ...characteristicsSliceArr,
                      ...distributionsSliceArr,
                      ...documentsSliceArr,
                      ...distributionsEstimateSliceArr
                  ],
                  methods: [
                      {
                          addToTheme: () => {
                              const queryParams = {
                                  lang: 5,
                                  identifier: dcmsData.identifier,
                                  advisorID: "",
                                  userPersonaTag: "individualinvestor",
                              }
                              getThemeData(queryParams);
                          }
                      }
                  ]
              }
          })
      }
      
    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamSeries$.subscribe(_ => {
                this.filterServerSide();
            });
            urlSearchParamDate$.subscribe(_ => {
                this.filterServerSide();
            });
            urlSearchParams$.subscribe(_ => {
                this.searchParamsUpdated();
            });
            URLSearchParamWithDebounce$.subscribe(usp => {
                this.filterClientSide(usp);
            });
            unifiedDS.httpResponse$.subscribe(fundData => {
                this.handleServerSideResponse(fundData);
            });
            generateCSVObj$.subscribe(csvObj => {
                if (!!csvObj && csvObj !== {}) {
                const asOfText = 'As of ';
                    let extract = [asOfText + csvObj.asOfDate.replace(",", "") + ''];
                                        extract.push('"The following data was downloaded from rbcgam.com is current as of the date indicated therein."');
                      extract.push('"The use of data downloaded is the responsibility of the user."');
                      extract.push('"Neither RBC Global Asset Management Inc. nor its affiliates shall be responsible for any inaccuracy resulting from such use."');
                      extract.push('"The data is not intended to provide specific financial, investment, tax, legal or accounting advice for you, and should not be relied upon in that regard."');
                      extract.push('"You should not act or rely on the data without seeking the advice of a professional."');
                                      var headers = this.fundColumnsDefinition.filter(function (el, index) {return el.show}).map(function (el) {
                        return '"' + el.header.split('"').join('""') + '"';
                    });
                    extract.push(headers.join(','));
                    this.tableData.filteredRows
                            .filter(function (row) {
                                return !row.showInExcel;
                            })
                            .forEach((row, index) => {
                                let tempRow = [];
                                row.cells.forEach((val, columnIndex) => {
                                    if (this.fundColumnsDefinition[columnIndex].show ) {
                                        if (typeof this.fundColumnsDefinition[columnIndex].sortField !== "undefined") {
                                            tempRow.push(
                                                    '"' +
                                                    String(val?.key || '').split('"').join('""') +
                                                    '"'
                                            );
                                        } else {
                                            tempRow.push(
                                                    '"' +
                                                    String(val || '').split('"').join('""') +
                                                    '"'
                                            );
                                        }
                                    }
                                });
                                let formattedRow = tempRow.join(',');
                                extract.push(formattedRow);
                            });
                    if (csvObj.selectedTab === "performance") {
                                                extract.push('"RBC Funds, BlueBay Funds and PH&N Funds are offered by RBC Global Asset Management Inc. and distributed through authorized dealers."');
                          extract.push('"Please consult your advisor and read the prospectus or Fund Facts document before investing. There may be commissions, trailing commissions, management fees and expenses associated with mutual fund investments. Mutual funds are not guaranteed, their values change frequently and past performance may not be repeated."');
                          extract.push('"Except as otherwise noted, the indicated rates of return are the historical annual compounded total returns for the period for the selected Series. The rates of return for periods of less than one year are simple rates of return. All rates of return include changes in unit value and reinvestment of all distributions, and do not take into account sales, redemption, distribution or optional charges or income taxes payable by any unitholder that would have reduced returns. "Assets" figures include all series of a fund."');
                          extract.push('"Mutual funds are not guaranteed or covered by the Canada Deposit Insurance Corporation or any other government deposit insurer. For funds other than money market funds, unit values change frequently. For money market funds, there can be no assurances that a fund will be able to maintain its net asset value per security at a constant amount or that the full amount of your investment in a fund will be returned to you. Past performance may not be repeated."');
                          extract.push('"RBC Funds are available across Canada. The information contained on this site does not constitute an offer or solicitation to buy or sell any investment fund, security or other product, service or information to any resident of the U.S. or the U.K. or to anyone in any jurisdiction in which an offer or solicitation is not authorized or cannot legally be made or to any person to whom it is unlawful to make an offer or solicitation. The information is not intended to provide specific financial, investment, tax, legal or accounting advice for you, and should not be relied upon in that regard. You should not act or rely on the information without seeking the advice of a professional."');
                          extract.push('"The rates of return for periods of less than one year are simple rates of return."');
                          extract.push('"All rates of return include changes in unit value and reinvestment of all distributions, and do not take into account sales, redemption, distribution or optional charges or income taxes payable by any unitholder that would have reduced returns."');
                          extract.push('"\"Assets\" figures include all series of a fund."');
                          extract.push('"Mutual funds are not guaranteed or covered by the Canada Deposit Insurance Corporation or any other government deposit insurer."');
                          extract.push('"For funds other than money market funds, unit values change frequently."');
                          extract.push('"For money market funds, there can be no assurances that a fund will be able to maintain its net asset value per security at a constant amount or that the full amount of your investment in a fund will be returned to you."');
                          extract.push('"Past performance may not be repeated."');
                                          }
                    extract = extract.join('\n');
                    downloadData(extract, csvObj.fileName)
                }
            })
        },
        components: {
            'rbc-spinner': RbcSpinner,
            'rbc-datatable': RbcDatatable,
            'rbc-switch': RbcSwitch,
        },
        data() {
            return {
                spinnerOverlayFE: false,
                spinnerOverlayBE: false,
                isUSPSorted: false,
                fdsFundData: [],
                dcmsFundData: [],
                sysysFundData: null,
                searchParams: {},
                notFixedHeader: false,
                fundColumnsDefinition: columnDef,
                tableData: {
                    rows: [],
                    filteredRows: []
                },
                performanceAnalysisDate: "2026",
                componentsToRegister: markRaw({
                    'rbc-tooltip': RbcTooltip,
                    'rbc-button': RbcButton
                })
            }
        },
        methods: {
            filterServerSide() {
                const url = new URL(location);
                const usp = url.searchParams;
                const seriesStr = usp.get("series");
                const dateStr = usp.get("date");
                this.spinnerOverlayBE = true;
                updateFilteredFunds(null);
                updateTotalFundsInSeries(null);
                unifiedDS.get({
                    ...{
                        alts: false,
                        langId: "5"
                    }, ...(!!seriesStr && {series: seriesStr}), ...(!!dateStr && {date: dateStr})
                });
            },
            handleServerSideResponse(fundData) {
                this.dcmsFundData = fundData.dotCMSData.fundData;
                this.fdsFundData = fundData.fdsData.fundData;

                const dcmsFundTickers = new Set(this.dcmsFundData.map(fund => fund.fundCode));
                this.fdsFundData = this.fdsFundData.filter(fund => dcmsFundTickers.has(fund.rbcFundCode));
                
                this.updateTotalFunds();
                this.updateAnalysisDate();
                this.updateFootnotes();
                this.updateRows();
                this.spinnerOverlayBE = false;
                // since there are new data from backend, run client side filter again
                this.searchParamsUpdated();
            },
            updateTotalFunds() {
                updateTotalFundsInSeries(this.fdsFundData.length);
            },
            updateAnalysisDate() {
                if (this.fdsFundData.length > 0) {
                    const adObj = this.fdsFundData[0].analysisDate;
                    this.performanceAnalysisDate = adObj && adObj.performance ? adObj.performance : this.performanceAnalysisDate;
                    updateGlobalAnalysisDate(adObj);
                }
            },
            updateFootnotes() {
                const fundListArr = this.dcmsFundData;
                const footnoteKeys = fundListArr.reduce((acc, curr) => {
                    const currFootnotesArr = (curr.footnotes || "")
                            .split(",")
                            .filter(str => str !== "")
                            .map(num => Number(num));
                    return new Set([...acc, ...currFootnotesArr])
                }, [])
                updateFootnoteList(Array.from(footnoteKeys));
            },
            updateRows() {
                this.tableData.rows = rowMapper(this.fdsFundData, this.dcmsFundData);
            },
            searchParamsUpdated() {
                this.spinnerOverlayFE = true;
                updateUSPWithDebounce();
            },
            async filterClientSide(usp) {
                this.searchParams = usp;
                this.updateColumnsToShow();
                this.updateRowsToShow();
                await nextTick();
                this.$refs.fundListTable.$_Datatable_onGlobalSearchTermUpdate({value: this.searchParams.searchkeyword || ""});
                await nextTick();
                this.updateTotalOfFilteredFunds();
                if (this.searchParams.sort && this.searchParams.sortorder) {
                    this.isUSPSorted = true;
                    const sortIndex = parseInt(this.searchParams.sort);
                    this.$refs.fundListTable.sortedColumn.value = this.fundColumnsDefinition[sortIndex];
                    this.$refs.fundListTable.sortedColumnIndex = sortIndex;
                    this.$refs.fundListTable.sortType = this.searchParams.sortorder;
                    this.$refs.fundListTable.$_Datatable_sort(this.$refs.fundListTable.sortedColumn.value, this.$refs.fundListTable.sortedColumnIndex, true);
                }
                this.spinnerOverlayFE = false;
            },
            updateColumnsToShow() {
                const tabToShow = this.searchParams.tab
                this.fundColumnsDefinition.forEach((col, index) => {
                    if (index > 3) {
                        col.show = col.group === tabToShow;
                    }

                    // update dynamic header name for calendar performance
                    if (col.group === "calendarperformance") {
                        col.header = this.calendarPerformanceHeaderHashMap[col.header] || col.header;
                    }

                    if (this.performanceAnalysisDate && (col.group === "performance" || col.group === "calendarperformance")) {
                        const date = new Date(this.performanceAnalysisDate);
                        const year = date.getFullYear();
                        const isDec31 = date.getMonth() === 11 && date.getDate() === 31;
                        if (!isDec31) {
                            return;
                        }
                        const isYtdColumn = col.header === '年初至今';
                        if (isYtdColumn) {
                            col.show = false;
                        }
                    }
                })
            },
            updateRowsToShow() {
                this.tableData.filteredRows = this.tableData.rows.filter(rowData => {
                    const {type, region, currency, structure} = 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
                    }
                    const structureFiltered = !!structure ? dcmsData.fiveg : true
                    return typeFiltered && regionFiltered && currencyFiltered && structureFiltered;
                });
            },
            updateTotalOfFilteredFunds() {
                const numberOfFunds = this.$refs.fundListTable.filteredRows.length;
                updateFilteredFunds(numberOfFunds);
            },
            sortToUrl(e) {
                const url = new URL(location);
                const existingSP = Object.fromEntries(url.searchParams);
                const sortParams = {
                    sort: e.sortedColumnIndex,
                    sortorder: e.sortType
                };
                const updatedUSP = {
                    ...existingSP,
                    ...sortParams
                };
                url.search = "?" + new URLSearchParams(updatedUSP).toString();
                if (!this.isUSPSorted) {
                    history.pushState(sortParams, "", url);
                    updateURLSearchParams(updatedUSP);
                }
                this.isUSPSorted = false;
            },
            mfListExpand(e) {
                if (e) {
                    pushEvent({
                        'event': 'rbcwmEvent',
                        'data-analytics': '19',
                        'data-label': 'MF List Expand (' + e + ')'
                    })
                }
                ;
            },
        },
        computed: {
            spinnerOverlay() {
                return this.spinnerOverlayFE || this.spinnerOverlayBE;
            },
            calendarPerformanceHeaderHashMap() {
                if (!!this.performanceAnalysisDate) {
                    const [currYear, currMonth, currDate] = this.performanceAnalysisDate.split("-");
                    const isDec31 = +currMonth === 12 && +currDate === 31;
                    return Array.from({length: 10}, (_, i) => i + 1).reduce((acc, curr) => {
                        const yearStr = `Year${curr}`;
                        acc[yearStr] = currYear - curr + (isDec31 ? 1 : 0);
                        return acc;
                    }, {})
                }
            }
        },
        mounted() {
            this.filterServerSide();
        },
        unmount() {
            urlSearchParamSeries$.unsubscribe();
            urlSearchParamDate$.unsubscribe();
            urlSearchParams$.unsubscribe();
            URLSearchParamWithDebounce$.unsubscribe();
            unifiedDS.httpResponse$.unsubscribe();
            generateCSVObj$.unsubscribe();
        }
    }).mount('#app_id_8235408')
</script>

<div id="footnotesRoot" class="container"></div>
    
<div id="app_id_3063329" v-cloak>
    <Teleport to="#footnotesRoot">
        <div class="row my-1">
            <div class="col">
                <span class="anchor" id="footnotes" aria-hidden="true"></span>
                <rbc-expandable
                        arrow
                        arrow-position-x="left"
                        class="section-block-spacer-t-sm"
                >
                    <template #trigger>
                        <h3 class="h5">
                            註
                        </h3>
                    </template>
                    <ul class="list-links footnote">
                        <li v-show="selectedTab == 'overview'">
                            <sup>*</sup> RBC 基金 (RBC Funds)、PH&N 基金 (PH&N Funds) 和 BlueBay 基金 (BlueBay Funds) 的管理開支比率 [MER (%)] 是基於上⼀曆年或截至 6 月 30 日的最近半年期間之實際開支計算，並以年算化方式表達，具體視乎發佈時的可用數據。系列 O 單位的管理開支比率 [MER (%)] 請參閱相應的基金說明書或基金表現管理報告文件，並且其不包括管理費。系列 O 單位的持有人直接或間接向 RBC 環球資產管理 (RBC GAM) 支付一個議定的費用。
                        </li>
                        <li v-show="selectedTab == 'characteristics'">
                            <sup>*</sup> 新的披露：所有基金的收益率是按包含費用來計算的，但貨幣市場基金所報告的收益率是扣除費用後的。
                        </li>
                        <li v-show="selectedTab == 'prices'">
                            fund.prices.disclaimer
                        </li>
                        <li v-show="selectedTab == 'distributions-estimate'">
                            fund.distributions-estimate.disclaimer<br><br>
                        </li>
                        <li v-for="footnote in footnotes" :key="'footnote'+footnote.key">
                            <sup>{{footnote.key}}</sup> <span v-html="footnote.value"></span>
                        </li>
                    </ul>
                </rbc-expandable>
            </div>
        </div>
    </Teleport>
</div>
<script type="module">
            const footnotesKV = [        {
            key: 1, value: '\u5728\u5206\u6D3E\u8CC7\u672C\u5229\u5F97\u7684\u60C5\u6CC1\u4E0B\uFF0C\u984D\u5916\u652F\u4ED8\u55AE\u4F4D\u5C07\u540C\u6B65\u8A08\u5165\uFF0C\u4EE5\u78BA\u4FDD\u57FA\u91D1\u55AE\u4F4D\u50F9\u503C\u7DAD\u6301\u572810\u7F8E\u5143\u3002\u672C\u5206\u6D3E\u6536\u76CA\u6703\u88AB\u6DFB\u52A0\u5230\u60A8\u7684\u6295\u8CC7\u7684\u8ABF\u6574\u5F8C\u6210\u672C\u57FA\u50F9\u4E2D\uFF0C\u4E26\u5305\u62EC\u5728\u5DF2\u5411\u60A8\u652F\u4ED8\u6216\u61C9\u4ED8\u6536\u76CA\u5E74\u5EA6\u7684\u61C9\u7D0D\u7A05\u6536\u5165\u4E2D\u3002'
        },            {
            key: 10, value: '\u57FA\u91D1\u7684\u6295\u8CC7\u7D44\u5408\u9867\u554F\u5DF2\u66F4\u63DB\uFF0C\u81EA 2016 \u5E74 7 \u6708 8 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 11, value: '\u57FA\u91D1\u7684\u6295\u8CC7\u76EE\u6A19\u5DF2\u8B8A\u66F4\uFF0C\u81EA 2017 \u5E74 6 \u6708 30 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 12, value: '\u57FA\u91D1\u7684\u6295\u8CC7\u76EE\u6A19\u5DF2\u65BC 2019 \u5E74 4 \u6708 9 \u65E5\u53CA 2017 \u5E74 6 \u6708 30 \u65E5\u8B8A\u66F4\u3002'
        },            {
            key: 13, value: '\u672C\u57FA\u91D1\u4E4B\u7BA1\u7406\u5DF2\u65BC2025\u5E744\u670817\u65E5\u79FB\u4EA4\u7D66RBC\u74B0\u7403\u8CC7\u7522\u7BA1\u7406\u516C\u53F8(RBC Global Asset Management Inc.)\uFF0C\u4E26\u5DF2\u66F4\u6539\u540D\u7A31\u4E14\u66F4\u63DB\u6295\u8CC7\u7D44\u5408\u5916\u8058\u9867\u554F\u3002'
        },            {
            key: 14, value: 'Since inception rate of return for this fund is as of August 31, 2015.'
        },            {
            key: 15, value: '\u672C\u57FA\u91D1\u65BC 2025 \u5E74 11 \u6708 21 \u65E5\u8F49\u81F3\u7531 RBC \u74B0\u7403\u8CC7\u7522\u7BA1\u7406\u516C\u53F8 (RBC Global Asset Management Inc.) \u7BA1\u7406'
        },            {
            key: 16, value: '\u6B64\u70BA\u57FA\u91D1\u5408\u4F75\u5F8C\u5EF6\u7E8C\u904B\u4F5C\u7684\u57FA\u91D1\uFF0C\u4E26\u5DF2\u65BC 2025 \u5E74 11 \u6708 21 \u65E5\u66F4\u6539\u57FA\u91D1\u540D\u7A31\u3002\u672C\u57FA\u91D1\u73FE\u5DF2\u505C\u6B62\u63A5\u53D7\u65B0\u7533\u8CFC\u3002'
        },            {
            key: 17, value: '\u672C\u57FA\u91D1\u5DF2\u66AB\u505C\u63A5\u53D7\u65B0\u7684\u8A8D\u8CFC\uFF0C\u4E26\u5C07\u65BC 2026 \u5E74 3 \u6708 30 \u65E5\u5DE6\u53F3\u7D42\u6B62\u71DF\u904B\u3002'
        },            {
            key: 18, value: 'Portfolio management of this Fund transitioned to RBC Global Asset Management Inc. on March 13, 2026; the Fund was renamed and investment objective changed.'
        },            {
            key: 19, value: '\u901A\u5E38\uFF0C\u5728\u5206\u6D3E\u8CC7\u672C\u6536\u76CA\u7684\u60C5\u6CC1\u4E0B\uFF0C\u5C07\u540C\u6642\u5408\u4F75\u5206\u6D3E\u7684\u984D\u5916\u55AE\u4F4D\uFF0C\u4EE5\u78BA\u4FDD\u57FA\u91D1\u7684\u55AE\u4F4D\u50F9\u503C\u7DAD\u6301\u572810\u7F8E\u5143\u3002 \u8A72\u5206\u6D3E\u6536\u76CA\u6703\u88AB\u6DFB\u52A0\u5230\u60A8\u7684\u6295\u8CC7\u7684\u8ABF\u6574\u5F8C\u6210\u672C\u57FA\u50F9\u4E2D\uFF0C\u4E26\u5305\u62EC\u5728\u5DF2\u5411\u60A8\u652F\u4ED8\u6216\u61C9\u4ED8\u6536\u76CA\u7684\u7576\u5E74\u7684\u61C9\u7D0D\u7A05\u6536\u5165\u4E2D\u3002'
        },            {
            key: 2, value: '\u672C\u57FA\u91D1\u6210\u7ACB\u65E5\u671F\u70BA 1966 \u5E74 7 \u6708\uFF0C\u4F46\u8A72\u57FA\u91D1\u5217\u793A\u4E4B\u300C\u6210\u7ACB\u4EE5\u4F86\u300D\u56DE\u5831\u7387\u53EA\u6DB5\u62EC\u81EA 1972 \u5E74 10 \u6708\u8D77\u7684\u6578\u64DA\u3002'
        },            {
            key: 20, value: '\u8ACB\u6CE8\u610F\uFF1A\u5217\u51FA\u7684\u6295\u8CC7\u9805\u76EE\u662F PH&N \u7F8E\u570B\u80A1\u7968\u57FA\u91D1\u6240\u6301\u6709\u3002'
        },            {
            key: 21, value: '\u8ACB\u6CE8\u610F\uFF1A\u5217\u51FA\u7684\u6295\u8CC7\u9805\u76EE\u662F PH&N \u6D77\u5916\u80A1\u7968\u57FA\u91D1\u6240\u6301\u6709\u3002'
        },            {
            key: 22, value: '\u76EE\u524D\u6536\u76CA\u7387\u662F\u622A\u81F3\u8868\u73FE\u5206\u6790\u65E5\u7684\u4E03\u5929\u671F\u5E74\u5316\u6536\u76CA\u7387\u3002'
        },            {
            key: 23, value: '\u57FA\u91D1\u5DF2\u65BC 2021 \u5E74 11 \u6708 1 \u65E5\u59D4\u4EFB\u5176\u4ED6\u7684\u5916\u8058\u9867\u554F\u3002'
        },            {
            key: 24, value: '\u57FA\u91D1\u540D\u7A31\u5DF2\u8B8A\u66F4\uFF0C\u81EA 2022 \u5E74 1 \u6708 24 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 25, value: '\u8A72\u57FA\u91D1\u7684\u55AE\u4F4D\u5DF2\u4E0D\u518D\u4F9B\u8CFC\u8CB7\u4F5C\u8A3B\u518A\u8A08\u5283\u6216\u514D\u7A05\u5132\u84C4\u8CEC\u6237\u5167\u9805\u76EE\uFF0C\u60DF\u57282005\u5E7412\u67089\u65E5\u524D\u8A2D\u7ACB\u4E4B\u81EA\u52D5\u4F9B\u6B3E\u6295\u8CC7\u8A08\u5283\u5247\u4E0D\u53D7\u5F71\u97FF\u3002'
        },            {
            key: 26, value: '\u5F9E2016\u5E746\u670830\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 I \u55AE\u4F4D\u5C07\u4E0D\u4F9B\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u3002 \u73FE\u6642\u6301\u6709\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 I \u55AE\u4F4D\u7684\u6295\u8CC7\u8005\u5247\u4ECD\u53EF\u7E7C\u7E8C\u589E\u8CFC\u8A72\u57FA\u91D1\u3002'
        },            {
            key: 27, value: '\u4E0D\u63D0\u4F9B10,000\u4E4B\u589E\u9577\u5716\u8868\u3002 \u8ACB\u67E5\u770B\u300C\u6BCF\u6708\u66F4\u65B0\u300D(Monthly Update) \u4E4BPDF\u3002 '
        },            {
            key: 28, value: '\u57FA\u91D1\u540D\u7A31\u5DF2\u8B8A\u66F4\uFF0C\u81EA 2022 \u5E74 6 \u6708 29 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 29, value: '\u57FA\u91D1\u7684\u6295\u8CC7\u76EE\u6A19\u5DF2\u66F4\u6539\uFF0C\u7D04\u57282019\u5E744\u67088\u65E5\u5DE6\u53F3\u751F\u6548\uFF0C\u4EE5\u53CA\u57FA\u91D1\u7684\u57FA\u6E96\u548C\u5916\u8058\u9867\u554F\u5DF2\u5206\u5225\u66F4\u6539\u548C\u66F4\u63DB\uFF0C\u7D04\u57282019\u5E744\u67089\u65E5\u5DE6\u53F3\u751F\u6548\u3002'
        },            {
            key: 3, value: '\u672C\u57FA\u91D1\u7684\u55AE\u4F4D\u5DF2\u4E0D\u53EF\u518D\u65BC\u8A3B\u518A\u8A08\u5283\u6216 TFSA \u4E2D\u8CFC\u8CB7\uFF0C\u60DF 2005 \u5E74 12 \u6708 9 \u65E5\u4E4B\u524D\u8A2D\u7ACB\u4E4B\u9810\u5148\u6388\u6B0A\u4F9B\u6B3E\u7684\u6295\u8CC7\u8A08\u5283\u9664\u5916\u3002'
        },            {
            key: 30, value: '\u672C\u57FA\u91D1\u4E0D\u53EF\u65BC\u8A3B\u518A\u8A08\u5283\u4E2D\u8A8D\u8CFC\u3002'
        },            {
            key: 31, value: '\u81EA 2023 \u5E74 8 \u6708 8 \u65E5\uFF0C\u57FA\u91D1\u7684\u57FA\u6E96\u5DF2\u5F9E 50% \u6A19\u6E96\u666E\u723E\/\u591A\u502B\u591A\u8B49\u5238\u4EA4\u6613\u6240\u7D9C\u5408\u80A1\u606F\u6307\u6578\uFF08\u4E0D\u5305\u62EC\u7269\u6599\uFF09\u53CA 50% \u6A19\u6E96\u666E\u723E\/\u591A\u502B\u591A\u8B49\u5238\u4EA4\u6613\u6240\u7D9C\u5408\u80A1\u606F\u6307\u6578\uFF08\u4E0D\u5305\u62EC\u80FD\u6E90\u53CA\u7269\u6599\uFF0C\u4F46\u5305\u62EC\u77F3\u6CB9\u53CA\u5929\u7136\u6C23-\u7149\u6CB9\u8207\u92B7\u552E\uFF0C\u4EE5\u53CA\u77F3\u6CB9\u53CA\u5929\u7136\u6C23\u5132\u5B58\u548C\u904B\u8F38\u9644\u5C6C\u884C\u696D\uFF09\u7684\u81EA\u8A02\u57FA\u6E96\uFF0C\u8B8A\u66F4\u70BA\u6A19\u6E96\u666E\u723E\/\u591A\u502B\u591A\u8B49\u5238\u4EA4\u6613\u6240\u7D9C\u5408\u9AD8\u80A1\u606F\u6307\u6578\u3002'
        },            {
            key: 32, value: '\u6295\u8CC7\u7D44\u5408\u5206\u6790\u53CA\u7279\u6027\u57FA\u65BC RBC \u77ED\u671F\u7F8E\u570B\u4F01\u696D\u50B5\u5238\u4EA4\u6613\u6240\u8CB7\u8CE3\u57FA\u91D1\u3002'
        },            {
            key: 33, value: '\u5F9E2019\u5E746\u670827\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u6295\u8CC7\u7B56\u7565\u5DF2\u7D93\u4FEE\u6539\uFF0C\u5141\u8A31\u5176\u6295\u8CC7\u65BCiShares Core MSCI EAFE IMI \u6307\u6578ETF (\u52A0\u5143\u5C0D\u6C96)\u3002'
        },            {
            key: 34, value: '\u8B49\u5238\u689D\u4F8B\u4E0D\u5141\u8A31\u672C\u516C\u53F8\u5831\u544A\u4EFB\u4F55\u63A8\u51FA\u5C11\u65BC\u4E00\u5E74\u7684\u4E92\u60E0\u57FA\u91D1\u4E4B\u8868\u73FE\u3002 \u8A72\u57FA\u91D1\u57282019\u5E747\u670815\u65E5\u63A8\u51FA\u3002'
        },            {
            key: 35, value: '\u5F9E2020\u5E741\u67081\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u7BA1\u7406\u8CBB\u5C07\u964D\u4F4E\u81F30.75%\u3002'
        },            {
            key: 36, value: '\u5F9E2020\u5E741\u67081\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u7BA1\u7406\u8CBB\u5C07\u964D\u4F4E\u81F30.60%\u3002'
        },            {
            key: 37, value: '\u8B49\u5238\u689D\u4F8B\u4E0D\u5141\u8A31\u672C\u516C\u53F8\u5831\u544A\u4EFB\u4F55\u63A8\u51FA\u5C11\u65BC\u4E00\u5E74\u7684\u4E92\u60E0\u57FA\u91D1\u4E4B\u8868\u73FE\u3002 \u8A72\u57FA\u91D1\u57282020\u5E741\u670827\u65E5\u63A8\u51FA\u3002'
        },            {
            key: 38, value: '\u57FA\u91D1\u7684\u6295\u8CC7\u76EE\u6A19\u5DF2\u66F4\u6539\uFF0C\u5F9E2014\u5E746\u670823\u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 39, value: '\u76EE\u524D\u6536\u76CA\u7387\u662F\u622A\u81F3\u8868\u73FE\u5206\u6790\u65E5\u7684\u4E03\u5929\u671F\u5E74\u5316\u6536\u76CA\u7387\u3002'
        },            {
            key: 4, value: '\u672C\u57FA\u91D1\u7684\u55AE\u4F4D\u5DF2\u4E0D\u518D\u53EF\u4F9B\u4EFB\u4F55\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u3002\u73FE\u6642\u6301\u6709\u672C\u57FA\u91D1\u7684\u55AE\u4F4D\u7684\u6295\u8CC7\u8005\u5247\u4ECD\u53EF\u7E7C\u7E8C\u589E\u8CFC\u672C\u57FA\u91D1\u3002'
        },            {
            key: 40, value: '\u5F9E2016\u5E746\u670830\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 H \u55AE\u4F4D\u5C07\u4E0D\u4F9B\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u3002 \u73FE\u6642\u6301\u6709\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 H \u55AE\u4F4D\u7684\u6295\u8CC7\u8005\u5247\u4ECD\u53EF\u7E7C\u7E8C\u589E\u8CFC\u8A72\u57FA\u91D1\u3002'
        },            {
            key: 41, value: '\u5F9E2016\u5E746\u670830\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 I \u55AE\u4F4D\u5C07\u4E0D\u4F9B\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u3002 \u73FE\u6642\u6301\u6709\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 I \u55AE\u4F4D\u7684\u6295\u8CC7\u8005\u5247\u4ECD\u53EF\u7E7C\u7E8C\u589E\u8CFC\u8A72\u57FA\u91D1\u3002'
        },            {
            key: 42, value: '\u5F9E2016\u5E746\u670830\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 H \u55AE\u4F4D\u5C07\u4E0D\u4F9B\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u3002 \u73FE\u6642\u6301\u6709\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 H \u55AE\u4F4D\u7684\u6295\u8CC7\u8005\u5247\u4ECD\u53EF\u7E7C\u7E8C\u589E\u8CFC\u8A72\u57FA\u91D1\u3002'
        },            {
            key: 43, value: '\u5F9E2016\u5E746\u670830\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 I \u55AE\u4F4D\u5C07\u4E0D\u4F9B\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u3002 \u73FE\u6642\u6301\u6709\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 I \u55AE\u4F4D\u7684\u6295\u8CC7\u8005\u5247\u4ECD\u53EF\u7E7C\u7E8C\u589E\u8CFC\u8A72\u57FA\u91D1\u3002'
        },            {
            key: 44, value: '\u5F9E2016\u5E746\u670830\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 I \u55AE\u4F4D\u5C07\u4E0D\u4F9B\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u3002 \u73FE\u6642\u6301\u6709\u8A72\u57FA\u91D1\u7684\u7CFB\u5217 I \u55AE\u4F4D\u7684\u6295\u8CC7\u8005\u5247\u4ECD\u53EF\u7E7C\u7E8C\u589E\u8CFC\u8A72\u57FA\u91D1\u3002'
        },            {
            key: 45, value: '\u7BA1\u7406\u958B\u652F\u6BD4\u7387 [MER(%)] \u662F\u57FA\u65BC2018\u5E741\u67081\u65E5\u81F32018\u5E7412\u670831\u65E5\u5168\u5E74\u671F\u9593\u4E4B\u5BE6\u969B\u958B\u652F\u8A08\u7B97\u3002'
        },            {
            key: 46, value: '\u7BA1\u7406\u958B\u652F\u6BD4\u7387 [MER(%)] \u662F\u57FA\u65BC2018\u5E741\u67081\u65E5\u81F32018\u5E7412\u670831\u65E5\u5168\u5E74\u671F\u9593\u4E4B\u5BE6\u969B\u958B\u652F\u8A08\u7B97\u3002'
        },            {
            key: 47, value: 'RBC\u516C\u53F8\u7D50\u69CB\u57FA\u91D1\u7684\u7BA1\u7406\u958B\u652F\u6BD4\u7387 [MER(%)] \u662F\u57FA\u65BC2019\u5E744\u67081\u65E5\u81F32019\u5E749\u670830\u65E5\u534A\u5E74\u671F\u9593\u4E4B\u5BE6\u969B\u958B\u652F\u8A08\u7B97\uFF0C\u4E26\u4EE5\u5E74\u7B97\u5316\u65B9\u5F0F\u8868\u9054\u3002'
        },            {
            key: 48, value: '\u8B49\u5238\u689D\u4F8B\u4E0D\u5141\u8A31\u672C\u516C\u53F8\u5831\u544A\u4EFB\u4F55\u63A8\u51FA\u5C11\u65BC\u4E00\u5E74\u7684\u4E92\u60E0\u57FA\u91D1\u4E4B\u8868\u73FE\u3002 \u8A72\u57FA\u91D1\u57282018\u5E7410\u67089\u65E5\u63A8\u51FA\u3002'
        },            {
            key: 5, value: '\u672C\u57FA\u91D1\u4E0D\u53EF\u65BC\u8A3B\u518A\u8A08\u5283\u4E2D\u8CFC\u8CB7\u3002'
        },            {
            key: 50, value: '\u5F9E2019\u5E746\u670827\u65E5\u958B\u59CB\uFF0C\u8A72\u57FA\u91D1\u7684\u55AE\u4F4D\u5C07\u958B\u653E\u4F9B\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u3002\u7531\u65BC\u4F9B\u65B0\u6295\u8CC7\u8005\u8CFC\u8CB7\u7684\u55AE\u4F4D\u7684\u984D\u5916\u6578\u91CF\u6709\u9650\uFF0C\u8A72\u57FA\u91D1\u7684\u958B\u653E\u671F\u53EF\u80FD\u6709\u9650\u3002'
        },            {
            key: 6, value: '\u6839\u64DA\u8B49\u5238\u76E3\u7BA1\u689D\u4F8B\uFF0C\u672C\u516C\u53F8\u7121\u6CD5\u62AB\u9732\u4EFB\u4F55\u6210\u7ACB\u4E0D\u6EFF\u4E00\u5E74\u7684\u4E92\u60E0\u57FA\u91D1\u4E4B\u696D\u7A4D\u8868\u73FE\u3002'
        },            {
            key: 7, value: '\u6295\u8CC7\u7D44\u5408\u5206\u6790\u53CA\u7279\u6027\u57FA\u65BC RBC \u77ED\u671F\u7F8E\u570B\u4F01\u696D\u50B5\u5238\u4EA4\u6613\u6240\u8CB7\u8CE3\u57FA\u91D1\u3002'
        },            {
            key: 8, value: '\u672C\u57FA\u91D1\u65BC2024\u5E746\u670827\u65E5\u4E4B\u524D\u4E26\u975E\u7533\u5831\u767C\u884C\u4EBA\u3002\u5728\u672C\u57FA\u91D1\u6210\u70BA\u62DB\u80A1\u66F8\u5408\u683C\u57FA\u91D1\u4E4B\u524D\uFF0C\u5176\u55AE\u4F4D\u50C5\u4F9D\u64DA\u52A0\u62FF\u5927\u5404\u7701\u53CA\u5730\u5340\u8B49\u5238\u6CD5\u7684\u7279\u5B9A\u62DB\u80A1\u66F8\u8C41\u514D\u689D\u6B3E\u767C\u884C\u3002'
        },            {
            key: 9, value: '\u57FA\u91D1\u7684\u5916\u8058\u9867\u554F\u5DF2\u66F4\u63DB\uFF0C\u81EA 2014 \u5E74 8 \u6708\u4E2D\u8D77\u751F\u6548\u3002'
        }        ]
    import {
        footnoteList$,
        addEventListenerPopState,
        listenSearchParamDeep,
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcExpandable,
        RbcExpandableContainer
    } from "wm"

    const initialSelectedTab = new URL(location).searchParams.get("tab");
    const urlSearchParam$ = listenSearchParamDeep("tab");


    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParam$.subscribe(urlSearchParam => {
                this.selectedTab = urlSearchParam;
            })
            footnoteList$.subscribe(dataIds => {
                this.footnotes = footnotesKV.filter((footnoteKV) => {
                    return dataIds.includes(footnoteKV.key)
                }).sort((a, b) => a.key - b.key)
            });
        },
        components: {
            'rbc-expandable': RbcExpandable,
            'rbc-expandable-container': RbcExpandableContainer
        },
        data() {
            return {
                footnotes: [],
                selectedTab: initialSelectedTab
            }
        },
        mounted() {
            this.selectedTab = new URL(location).searchParams.get("tab");
        },
        unmount() {
            footnoteList$.unsubscribe();
            urlSearchParam$.unsubscribe();
        }
    }).mount('#app_id_3063329')
</script>

          </main>
            </div>
          <div>
    

<section id="footerDisclaimerRoot"></section>
  
<div id="app_id_4953821" v-cloak>
    <Teleport to="#footerDisclaimerRoot">
                <rbc-block v-cloak role="complementary" id="disclaimer" v-cloak flush grey class="py-1"
                     style="border-top: 1px #b3b3b3 solid;">
              <rbc-expandable
                arrow arrow-position="left"
                arrow-position-x="left" :toggle-show="true">
                  <template #trigger>
                      <h2 class="h5">免責聲明</h2>
                  </template>
                RBC 基金 (RBC Funds)、RBC 私人匯集組合 (RBC Private Pools)、RBC 另類基金 (RBC Alternative Funds) 及 PH&N 基金 (PH&N Funds) 由 RBC 環球資產管理公司 (RBC Global Asset Management Inc., RBC GAM Inc.) 提供，並經由授權分銷商銷售。
<br><br>
互惠基金投資可能涉及佣金、尾隨佣金、管理費及相關開支。投資前請仔細閱讀基金章程或基金說明書。除非另有說明，所顯示的回報率乃年度複利總回報，並包括單位價值變動，及將全部分紅再投資，但並未將有關的銷售費、回贖費、分紅、選擇性開⽀或單位持有人應付的入息稅計算在內，此等費用及稅項將會減低回報。少於一年期的回報率為單利回報率。互惠基金不受加拿大存款保險局 (Canadian Deposit Insurance Corporation) 或任何政府存款保險機構所擔保或保障。除貨幣市場基金外，其他基金的單位價值經常變動。各項貨幣市場基金不擔保其每單位的資產淨值能維持於一個固定價位，亦不保證您能全數收回在一項基金所投資的全數金額。過往的業績未必會重現。
<br><br>
所述資料僅供參考之用。具體的投資及/或交易策略應根據個人投資目標予以評估。基金資料所載資訊並非，亦不應被視為投資或稅務意見。未經尋求適當專業顧問意見，您不應根據基金資料所載資訊作出任何行動或依賴該等資訊。
<br><br>
所述資料由 RBC GAM Inc. 基於被認為是可靠的來源編纂而成，惟 RBC GAM Inc.、其關聯公司或任何其他人士對該等資料的準確性、完整度或正確性不作任何明示或暗示的聲明或保證。所有意見及估計構成 RBC GAM Inc. 截至此處所示日期所作出的判斷，有可能隨時更改，恕不另行通知。一切資訊均基於善意提供，我們不負任何法律責任。
<br><br>
MER (%) 乃基於基金最近一次半年度或年度基金表現管理報告中的實際費用計算，以年算化方式表示。淨資產數字包括一個基金的所有系列。基金類別由加拿大投資基⾦標準委員會 (Canadian Investment Funds Standards Committee, CIFSC) 劃分。
<br><br>
投資組合特徵中報告的資訊乃基於 RBC GAM Inc. 於此處所示日期的可用數據，並可能隨時變更。投資組合特徵數據未將各項費用計算在內。平衡基金/投資組合解決方案的股票和固定收益特徵數據，乃根據投資組合中相應的股票或固定收益部分進行報告。
<br><br>
RBC 環球資產管理 (RBC Global Asset Management) 是加拿大皇家銀行 (Royal Bank of Canada, RBC) 的資產管理部門，RBC 旗下包括 RBC GAM Inc.、RBC 環球資產管理（美國）公司 (RBC Global Asset Management (U.S.) Inc.)、RBC 環球資產管理（英國）有限公司 (RBC Global Asset Management (UK) Limited)，以及 RBC 環球資產管理（亞洲）有限公司 (RBC Global Asset Management (Asia) Limited)；該等公司各自獨立經營，均為 RBC 的關聯附屬公司。
<br><br>
RBC 基金、RBC 私人匯集組合、RBC 另類基金及 PH&N 基金在加拿大銷售。本網站所包含的資料並不對下列人士構成買賣任何投資基金、證券或其他產品、服務或資料之要約或招攬，此等人士包括美國或英國居民、於未獲授權或法律不容許作出要約或招攬之司法管轄區內的居民，以及法律禁止向其作出要約或招攬的人士。
                              </rbc-expandable>
          </rbc-block>
          </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_4953821')
</script>
<footer id="footers" class="footer style-focus-inverted"></footer>
          
          
<div id="app_id_9032444" 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 === '廣告及 Cookies'"
                                  >
                                <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 !== '廣告及 Cookies'">
                                    <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" 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"                        >                  返回頁首
                        </rbc-button>                    </div>                </div>            </div>        </div>
    </Teleport>
</div>
<script type="module">
    import {createApp} from "vue"
    import {
        RbcButton, RbcIcon
    } from "wm"

    const footerObj = {"menu":[{"header":"產品","links":[{"key":"互惠基金","value":"/zh-hant/ca/products/mutual-funds/index"}]},{"header":"投資者資料","links":[{"key":"重要的投資者資料","value":"/zh-hant/ca/products/important-investor-information"}]},{"header":"關於 RBC GAM","links":[{"key":"我們的故事 (英文)","value":"/en/global/corporate-story/"}]},{"header":"投資","links":[{"key":"準備投資？","value":"/zh-hant/ca/about-us/ready-to-invest"}]}],"legal":{"legalLinks":[{"key":"隱私及保安(英文)","value":"https://www.rbc.com/privacysecurity/"},{"key":"法律細則(英文)","value":"https://www.rbc.com/legal/"},{"key":"連通便捷(英文)","value":"http://www.rbc.com/accessibility/"},{"key":"條款與細則(英文)","value":"/en/ca/terms-and-conditions"},{"key":"廣告及 Cookies","value":" "},{"key":"關於 RBC","value":"https://www.rbc.com/"}],"socialLinks":[{"key":"twitter","value":"https://twitter.com/rbcgamnews"},{"key":"linkedin-in","value":"https://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_9032444')
</script>
  </div>
    </body>
</html>