diff --git a/course/amd/build/activitychooser.min.js b/course/amd/build/activitychooser.min.js
index 39ab5cf434d..eabdac2bf7a 100644
--- a/course/amd/build/activitychooser.min.js
+++ b/course/amd/build/activitychooser.min.js
@@ -1,2 +1,2 @@
-define ("core_course/activitychooser",["exports","core_course/local/activitychooser/dialogue","core_course/local/activitychooser/repository","core_course/local/activitychooser/selectors","core/custom_interaction_events","core/templates","core/modal_factory","core/str","core/pending"],function(a,b,c,d,e,f,g,h,i){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.init=void 0;b=k(b);c=k(c);d=j(d);e=j(e);f=k(f);g=k(g);i=j(i);function j(a){return a&&a.__esModule?a:{default:a}}function k(a){if(a&&a.__esModule){return a}else{var b={};if(null!=a){for(var c in a){if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};if(d.get||d.set){Object.defineProperty(b,c,d)}else{b[c]=a[c]}}}}b.default=a;return b}}function l(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){c(a);return}if(h.done){b(i)}else{Promise.resolve(i).then(d,e)}}function m(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var h=a.apply(b,c);function f(a){l(h,d,e,f,g,"next",a)}function g(a){l(h,d,e,f,g,"throw",a)}f(void 0)})}}var n=function(a){var b=new i.default;o(a);b.resolve()};a.init=n;var o=function(a){var f=["click",e.default.events.activate,e.default.events.keyboardActivate],g=function(){var b=null;return function(){if(!b){b=new Promise(function(b){b(c.activityModules(a))})}return b}}();e.default.define(document,f);f.forEach(function(a){document.addEventListener(a,function(){var a=m(regeneratorRuntime.mark(function a(c){var e,f,h;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:if(!c.target.closest(d.default.elements.sectionmodchooser)){a.next=12;break}e=c.target.closest(d.default.elements.sectionmodchooser);a.t0=p;a.next=5;return g();case 5:a.t1=a.sent;a.t2=e.dataset.sectionid;f=(0,a.t0)(a.t1,a.t2);a.next=10;return q(f);case 10:h=a.sent;b.displayChooser(e,h,f);case 12:case"end":return a.stop();}}},a)}));return function(){return a.apply(this,arguments)}}())})},p=function(a,b){var c=JSON.parse(JSON.stringify(a));c.allmodules.forEach(function(a){a.urls.addoption+="&section="+b});return c.allmodules},q=function(a){return s(r(a))},r=function(a){return{default:a}},s=function(a){return g.create({type:g.types.DEFAULT,title:(0,h.get_string)("addresourceoractivity"),body:f.render("core_course/chooser",a),large:!0,templateContext:{classes:"modchooser"}})}});
+define ("core_course/activitychooser",["exports","core_course/local/activitychooser/dialogue","core_course/local/activitychooser/repository","core_course/local/activitychooser/selectors","core/custom_interaction_events","core/templates","core/modal_factory","core/str","core/pending"],function(a,b,c,d,e,f,g,h,i){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.init=void 0;b=k(b);c=k(c);d=j(d);e=j(e);f=k(f);g=k(g);i=j(i);function j(a){return a&&a.__esModule?a:{default:a}}function k(a){if(a&&a.__esModule){return a}else{var b={};if(null!=a){for(var c in a){if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};if(d.get||d.set){Object.defineProperty(b,c,d)}else{b[c]=a[c]}}}}b.default=a;return b}}function l(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){c(a);return}if(h.done){b(i)}else{Promise.resolve(i).then(d,e)}}function m(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var h=a.apply(b,c);function f(a){l(h,d,e,f,g,"next",a)}function g(a){l(h,d,e,f,g,"throw",a)}f(void 0)})}}var n=function(a){var b=new i.default;o(a);b.resolve()};a.init=n;var o=function(a){var f=["click",e.default.events.activate,e.default.events.keyboardActivate],g=function(){var b=null;return function(){if(!b){b=new Promise(function(b){b(c.activityModules(a))})}return b}}();e.default.define(document,f);f.forEach(function(a){document.addEventListener(a,function(){var a=m(regeneratorRuntime.mark(function a(c){var e,f,h;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:if(!c.target.closest(d.default.elements.sectionmodchooser)){a.next=12;break}e=c.target.closest(d.default.elements.sectionmodchooser);a.t0=p;a.next=5;return g();case 5:a.t1=a.sent;a.t2=e.dataset.sectionid;f=(0,a.t0)(a.t1,a.t2);a.next=10;return q(f);case 10:h=a.sent;b.displayChooser(e,h,f);case 12:case"end":return a.stop();}}},a)}));return function(){return a.apply(this,arguments)}}())})},p=function(a,b){var c=JSON.parse(JSON.stringify(a));c.allmodules.forEach(function(a){a.urls.addoption+="&section="+b});return c.allmodules},q=function(a){return s(r(a))},r=function(a){var b=[],c=[],d=!!b.length,e=!!(c.length&&!1===d);return{default:a,favourites:b,recommended:c,favouritesFirst:d,recommendedFirst:e,fallback:!1===d&&!1===e}},s=function(a){return g.create({type:g.types.DEFAULT,title:(0,h.get_string)("addresourceoractivity"),body:f.render("core_course/chooser",a),large:!0,templateContext:{classes:"modchooser"}})}});
 //# sourceMappingURL=activitychooser.min.js.map
diff --git a/course/amd/build/activitychooser.min.js.map b/course/amd/build/activitychooser.min.js.map
index 77cf4e6fa30..4a79805b9ec 100644
--- a/course/amd/build/activitychooser.min.js.map
+++ b/course/amd/build/activitychooser.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/activitychooser.js"],"names":["init","courseId","pendingPromise","Pending","registerListenerEvents","resolve","events","CustomEvents","activate","keyboardActivate","fetchModuleData","innerPromise","Promise","Repository","activityModules","define","document","forEach","event","addEventListener","e","target","closest","selectors","elements","sectionmodchooser","caller","sectionIdMapper","dataset","sectionid","builtModuleData","modalBuilder","sectionModal","ChooserDialogue","displayChooser","webServiceData","id","newData","JSON","parse","stringify","allmodules","module","urls","addoption","data","buildModal","templateDataBuilder","ModalFactory","create","type","types","DEFAULT","title","body","Templates","render","large","templateContext","classes"],"mappings":"qYAwBA,OACA,OACA,OACA,OACA,OACA,OAEA,O,grBAQO,GAAMA,CAAAA,CAAI,CAAG,SAAAC,CAAQ,CAAI,CAC5B,GAAMC,CAAAA,CAAc,CAAG,GAAIC,UAA3B,CAEAC,CAAsB,CAACH,CAAD,CAAtB,CAEAC,CAAc,CAACG,OAAf,EACH,CANM,C,YAcDD,CAAAA,CAAsB,CAAG,SAACH,CAAD,CAAc,IACnCK,CAAAA,CAAM,CAAG,CACX,OADW,CAEXC,UAAaD,MAAb,CAAoBE,QAFT,CAGXD,UAAaD,MAAb,CAAoBG,gBAHT,CAD0B,CAOnCC,CAAe,CAAI,UAAM,CAC3B,GAAIC,CAAAA,CAAY,CAAG,IAAnB,CAEA,MAAO,WAAM,CACT,GAAI,CAACA,CAAL,CAAmB,CACfA,CAAY,CAAG,GAAIC,CAAAA,OAAJ,CAAY,SAACP,CAAD,CAAa,CACpCA,CAAO,CAACQ,CAAU,CAACC,eAAX,CAA2Bb,CAA3B,CAAD,CACV,CAFc,CAGlB,CAED,MAAOU,CAAAA,CACV,CACJ,CAZuB,EAPiB,CAqBzCJ,UAAaQ,MAAb,CAAoBC,QAApB,CAA8BV,CAA9B,EAGAA,CAAM,CAACW,OAAP,CAAe,SAACC,CAAD,CAAW,CACtBF,QAAQ,CAACG,gBAAT,CAA0BD,CAA1B,4CAAiC,WAAME,CAAN,iGACzBA,CAAC,CAACC,MAAF,CAASC,OAAT,CAAiBC,UAAUC,QAAV,CAAmBC,iBAApC,CADyB,kBAEnBC,CAFmB,CAEVN,CAAC,CAACC,MAAF,CAASC,OAAT,CAAiBC,UAAUC,QAAV,CAAmBC,iBAApC,CAFU,MAGDE,CAHC,gBAGqBjB,CAAAA,CAAe,EAHpC,yBAGwCgB,CAAM,CAACE,OAAP,CAAeC,SAHvD,CAGnBC,CAHmB,qCAIEC,CAAAA,CAAY,CAACD,CAAD,CAJd,SAInBE,CAJmB,QAMzBC,CAAe,CAACC,cAAhB,CAA+BR,CAA/B,CAAuCM,CAAvC,CAAqDF,CAArD,EANyB,yCAAjC,wDASH,CAVD,CAWH,C,CAWKH,CAAe,CAAG,SAACQ,CAAD,CAAiBC,CAAjB,CAAwB,CAE5C,GAAMC,CAAAA,CAAO,CAAGC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeL,CAAf,CAAX,CAAhB,CACAE,CAAO,CAACI,UAAR,CAAmBxB,OAAnB,CAA2B,SAACyB,CAAD,CAAY,CACnCA,CAAM,CAACC,IAAP,CAAYC,SAAZ,EAAyB,YAAcR,CAC1C,CAFD,EAGA,MAAOC,CAAAA,CAAO,CAACI,UAClB,C,CASKV,CAAY,CAAG,SAAAc,CAAI,QAAIC,CAAAA,CAAU,CAACC,CAAmB,CAACF,CAAD,CAApB,CAAd,C,CASnBE,CAAmB,CAAG,SAACF,CAAD,CAAU,CAClC,MAAO,CACH,QAAWA,CADR,CAGV,C,CASKC,CAAU,CAAG,SAAAD,CAAI,CAAI,CACvB,MAAOG,CAAAA,CAAY,CAACC,MAAb,CAAoB,CACvBC,IAAI,CAAEF,CAAY,CAACG,KAAb,CAAmBC,OADF,CAEvBC,KAAK,CAAE,iBAAU,uBAAV,CAFgB,CAGvBC,IAAI,CAAEC,CAAS,CAACC,MAAV,CAAiB,qBAAjB,CAAwCX,CAAxC,CAHiB,CAIvBY,KAAK,GAJkB,CAKvBC,eAAe,CAAE,CACbC,OAAO,CAAE,YADI,CALM,CAApB,CASV,C","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * A type of dialogue used as for choosing modules in a course.\n *\n * @module     core_course/activitychooser\n * @package    core_course\n * @copyright  2020 Mathew May <mathew.solutions>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport * as ChooserDialogue from 'core_course/local/activitychooser/dialogue';\nimport * as Repository from 'core_course/local/activitychooser/repository';\nimport selectors from 'core_course/local/activitychooser/selectors';\nimport CustomEvents from 'core/custom_interaction_events';\nimport * as Templates from 'core/templates';\nimport * as ModalFactory from 'core/modal_factory';\nimport {get_string as getString} from 'core/str';\nimport Pending from 'core/pending';\n\n/**\n * Set up the activity chooser.\n *\n * @method init\n * @param {Number} courseId Course ID to use later on in fetchModules()\n */\nexport const init = courseId => {\n    const pendingPromise = new Pending();\n\n    registerListenerEvents(courseId);\n\n    pendingPromise.resolve();\n};\n\n/**\n * Once a selection has been made make the modal & module information and pass it along\n *\n * @method registerListenerEvents\n * @param {Number} courseId\n */\nconst registerListenerEvents = (courseId) => {\n    const events = [\n        'click',\n        CustomEvents.events.activate,\n        CustomEvents.events.keyboardActivate\n    ];\n\n    const fetchModuleData = (() => {\n        let innerPromise = null;\n\n        return () => {\n            if (!innerPromise) {\n                innerPromise = new Promise((resolve) => {\n                    resolve(Repository.activityModules(courseId));\n                });\n            }\n\n            return innerPromise;\n        };\n    })();\n\n    CustomEvents.define(document, events);\n\n    // Display module chooser event listeners.\n    events.forEach((event) => {\n        document.addEventListener(event, async(e) => {\n            if (e.target.closest(selectors.elements.sectionmodchooser)) {\n                const caller = e.target.closest(selectors.elements.sectionmodchooser);\n                const builtModuleData = sectionIdMapper(await fetchModuleData(), caller.dataset.sectionid);\n                const sectionModal = await modalBuilder(builtModuleData);\n\n                ChooserDialogue.displayChooser(caller, sectionModal, builtModuleData);\n            }\n        });\n    });\n};\n\n/**\n * Given the web service data and an ID we want to make a deep copy\n * of the WS data then add on the section ID to the addoption URL\n *\n * @method sectionIdMapper\n * @param {Object} webServiceData Our original data from the Web service call\n * @param {Array} id The ID of the section we need to append to the links\n * @return {Array} [modules] with URL's built\n */\nconst sectionIdMapper = (webServiceData, id) => {\n    // We need to take a fresh deep copy of the original data as an object is a reference type.\n    const newData = JSON.parse(JSON.stringify(webServiceData));\n    newData.allmodules.forEach((module) => {\n        module.urls.addoption += '&section=' + id;\n    });\n    return newData.allmodules;\n};\n\n/**\n * Build a modal for each section ID and store it into a map for quick access\n *\n * @method modalBuilder\n * @param {Map} data our map of section ID's & modules to generate modals for\n * @return {Object} TODO\n */\nconst modalBuilder = data => buildModal(templateDataBuilder(data));\n\n/**\n * Given an array of modules we want to figure out where & how to place them into our template object\n *\n * @method templateDataBuilder\n * @param {Array} data our modules to manipulate into a Templatable object\n * @return {Object} Our built object ready to render out\n */\nconst templateDataBuilder = (data) => {\n    return {\n        'default': data,\n    };\n};\n\n/**\n * Given an object we want to prebuild a modal ready to store into a map\n *\n * @method buildModal\n * @param {Object} data The template data which contains arrays of modules\n * @return {Object} The modal for the calling section with everything already set up\n */\nconst buildModal = data => {\n    return ModalFactory.create({\n        type: ModalFactory.types.DEFAULT,\n        title: getString('addresourceoractivity'),\n        body: Templates.render('core_course/chooser', data),\n        large: true,\n        templateContext: {\n            classes: 'modchooser'\n        }\n    });\n};\n"],"file":"activitychooser.min.js"}
\ No newline at end of file
+{"version":3,"sources":["../src/activitychooser.js"],"names":["init","courseId","pendingPromise","Pending","registerListenerEvents","resolve","events","CustomEvents","activate","keyboardActivate","fetchModuleData","innerPromise","Promise","Repository","activityModules","define","document","forEach","event","addEventListener","e","target","closest","selectors","elements","sectionmodchooser","caller","sectionIdMapper","dataset","sectionid","builtModuleData","modalBuilder","sectionModal","ChooserDialogue","displayChooser","webServiceData","id","newData","JSON","parse","stringify","allmodules","module","urls","addoption","data","buildModal","templateDataBuilder","favourites","recommended","favouritesFirst","length","recommendedFirst","fallback","ModalFactory","create","type","types","DEFAULT","title","body","Templates","render","large","templateContext","classes"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * A type of dialogue used as for choosing modules in a course.\n *\n * @module     core_course/activitychooser\n * @package    core_course\n * @copyright  2020 Mathew May <mathew.solutions>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport * as ChooserDialogue from 'core_course/local/activitychooser/dialogue';\nimport * as Repository from 'core_course/local/activitychooser/repository';\nimport selectors from 'core_course/local/activitychooser/selectors';\nimport CustomEvents from 'core/custom_interaction_events';\nimport * as Templates from 'core/templates';\nimport * as ModalFactory from 'core/modal_factory';\nimport {get_string as getString} from 'core/str';\nimport Pending from 'core/pending';\n\n/**\n * Set up the activity chooser.\n *\n * @method init\n * @param {Number} courseId Course ID to use later on in fetchModules()\n */\nexport const init = courseId => {\n    const pendingPromise = new Pending();\n\n    registerListenerEvents(courseId);\n\n    pendingPromise.resolve();\n};\n\n/**\n * Once a selection has been made make the modal & module information and pass it along\n *\n * @method registerListenerEvents\n * @param {Number} courseId\n */\nconst registerListenerEvents = (courseId) => {\n    const events = [\n        'click',\n        CustomEvents.events.activate,\n        CustomEvents.events.keyboardActivate\n    ];\n\n    const fetchModuleData = (() => {\n        let innerPromise = null;\n\n        return () => {\n            if (!innerPromise) {\n                innerPromise = new Promise((resolve) => {\n                    resolve(Repository.activityModules(courseId));\n                });\n            }\n\n            return innerPromise;\n        };\n    })();\n\n    CustomEvents.define(document, events);\n\n    // Display module chooser event listeners.\n    events.forEach((event) => {\n        document.addEventListener(event, async(e) => {\n            if (e.target.closest(selectors.elements.sectionmodchooser)) {\n                const caller = e.target.closest(selectors.elements.sectionmodchooser);\n                const builtModuleData = sectionIdMapper(await fetchModuleData(), caller.dataset.sectionid);\n                const sectionModal = await modalBuilder(builtModuleData);\n\n                ChooserDialogue.displayChooser(caller, sectionModal, builtModuleData);\n            }\n        });\n    });\n};\n\n/**\n * Given the web service data and an ID we want to make a deep copy\n * of the WS data then add on the section ID to the addoption URL\n *\n * @method sectionIdMapper\n * @param {Object} webServiceData Our original data from the Web service call\n * @param {Array} id The ID of the section we need to append to the links\n * @return {Array} [modules] with URL's built\n */\nconst sectionIdMapper = (webServiceData, id) => {\n    // We need to take a fresh deep copy of the original data as an object is a reference type.\n    const newData = JSON.parse(JSON.stringify(webServiceData));\n    newData.allmodules.forEach((module) => {\n        module.urls.addoption += '&section=' + id;\n    });\n    return newData.allmodules;\n};\n\n/**\n * Build a modal for each section ID and store it into a map for quick access\n *\n * @method modalBuilder\n * @param {Map} data our map of section ID's & modules to generate modals for\n * @return {Object} TODO\n */\nconst modalBuilder = data => buildModal(templateDataBuilder(data));\n\n/**\n * Given an array of modules we want to figure out where & how to place them into our template object\n *\n * @method templateDataBuilder\n * @param {Array} data our modules to manipulate into a Templatable object\n * @return {Object} Our built object ready to render out\n */\nconst templateDataBuilder = (data) => {\n    // Filter the incoming data to find favourite & recommended modules.\n    const favourites = [];\n    const recommended = [];\n\n    // Given the results of the above filters lets figure out what tab to set active.\n\n    // We have some favourites.\n    const favouritesFirst = !!favourites.length;\n    // Check if we have no favourites but have some recommended.\n    const recommendedFirst = !!(recommended.length && favouritesFirst === false);\n    // We have nothing fallback to show all modules.\n    const fallback = favouritesFirst === false && recommendedFirst === false;\n\n    return {\n        'default': data,\n        favourites: favourites,\n        recommended: recommended,\n        favouritesFirst: favouritesFirst,\n        recommendedFirst: recommendedFirst,\n        fallback: fallback,\n    };\n};\n\n/**\n * Given an object we want to prebuild a modal ready to store into a map\n *\n * @method buildModal\n * @param {Object} data The template data which contains arrays of modules\n * @return {Object} The modal for the calling section with everything already set up\n */\nconst buildModal = data => {\n    return ModalFactory.create({\n        type: ModalFactory.types.DEFAULT,\n        title: getString('addresourceoractivity'),\n        body: Templates.render('core_course/chooser', data),\n        large: true,\n        templateContext: {\n            classes: 'modchooser'\n        }\n    });\n};\n"],"file":"activitychooser.min.js"}
\ No newline at end of file
diff --git a/course/amd/build/local/activitychooser/dialogue.min.js b/course/amd/build/local/activitychooser/dialogue.min.js
index e1d3ec57776..c9ef8b71e9e 100644
--- a/course/amd/build/local/activitychooser/dialogue.min.js
+++ b/course/amd/build/local/activitychooser/dialogue.min.js
@@ -1,2 +1,2 @@
-define ("core_course/local/activitychooser/dialogue",["exports","jquery","core/modal_events","core_course/local/activitychooser/selectors","core/templates","core/key_codes","core/loadingicon"],function(a,b,c,d,e,f,g){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.displayChooser=void 0;b=i(b);c=h(c);d=i(d);e=h(e);function h(a){if(a&&a.__esModule){return a}else{var b={};if(null!=a){for(var c in a){if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};if(d.get||d.set){Object.defineProperty(b,c,d)}else{b[c]=a[c]}}}}b.default=a;return b}}function i(a){return a&&a.__esModule?a:{default:a}}function j(a,b){return m(a)||l(a,b)||k()}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function l(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g=a[Symbol.iterator](),h;!(d=(h=g.next()).done);d=!0){c.push(h.value);if(b&&c.length===b)break}}catch(a){e=!0;f=a}finally{try{if(!d&&null!=g["return"])g["return"]()}finally{if(e)throw f}}return c}function m(a){if(Array.isArray(a))return a}var n=function(a,b){var c=a.find(d.default.regions.help)[0];c.innerHTML="";var f=(0,g.addIconToContainer)(c),h=null,i=new Promise(function(a){h=a}),k=e.renderForPromise("core_course/chooser_help",b);Promise.all([k,f,i]).then(function(a){var b=j(a,1),d=b[0],f=d.html,g=d.js;return e.replaceNodeContents(c,f,g)}).then(function(){c.querySelector(d.default.regions.chooserSummary.description).focus();return c}).catch(Notification.exception);a.one("slid.bs.carousel",function(){h()});a.carousel("next")},o=function(a,c){var e=function(f){if(f.target.closest(d.default.actions.optionActions.showSummary)){var e=(0,b.default)(a.getBody()[0].querySelector(d.default.regions.carousel)),g=f.target.closest(d.default.regions.chooserOption.container),h=g.dataset.modname,i=c.get(h);n(e,i)}if(f.target.matches(d.default.actions.closeOption)){var j=(0,b.default)(a.getBody()[0].querySelector(d.default.regions.carousel));j.carousel("prev");j.on("slid.bs.carousel",function(){var b=a.getBody()[0].querySelector(d.default.regions.modules),c=b.querySelector(d.default.regions.getModuleSelector(f.target.dataset.modname));c.focus()})}};a.getBodyPromise().then(function(a){return a[0]}).then(function(a){(0,b.default)(a.querySelector(d.default.regions.carousel)).carousel({interval:!1,pause:!0,keyboard:!1});return a}).then(function(a){a.addEventListener("click",e);return a}).then(function(a){p(a,c);return a}).catch()},p=function(a,c){var e=a.querySelectorAll(d.default.regions.chooserOption.container);Array.from(e).forEach(function(e){return e.addEventListener("keyup",function(g){var e=document.querySelector(d.default.regions.chooserOptions);if(g.keyCode===f.enter||g.keyCode===f.space){if(g.target.matches(d.default.actions.optionActions.showSummary)){g.preventDefault();var h=g.target.closest(d.default.regions.chooserOption.container),i=h.dataset.modname,j=c.get(i),k=(0,b.default)(a.querySelector(d.default.regions.carousel));k.carousel({interval:!1,pause:!0,keyboard:!1});n(k,j)}}if(g.keyCode===f.arrowRight){g.preventDefault();var l=g.target.closest(d.default.regions.chooserOption.container),m=l.nextElementSibling,o=e.firstElementChild,p=r(m,o);q(p,l)}if(g.keyCode===f.arrowLeft){g.preventDefault();var s=g.target.closest(d.default.regions.chooserOption.container),t=s.previousElementSibling,u=e.lastElementChild,v=r(t,u);q(v,s)}if(g.keyCode===f.home){g.preventDefault();var w=g.target.closest(d.default.regions.chooserOption.container),x=e.firstElementChild;q(x,w)}if(g.keyCode===f.end){g.preventDefault();var y=g.target.closest(d.default.regions.chooserOption.container),z=e.lastElementChild;q(z,y)}})})},q=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1;if(!1!==b){var c=b.querySelector(d.default.actions.addChooser),e=b.querySelector(d.default.actions.optionActions.showSummary);b.tabIndex=-1;c.tabIndex=-1;e.tabIndex=-1}var f=a.querySelector(d.default.actions.addChooser),g=a.querySelector(d.default.actions.optionActions.showSummary);a.tabIndex=0;f.tabIndex=0;g.tabIndex=0;a.focus()},r=function(a,b){if(null!==a){return a}else{return b}},s=function(a,b,e){var f=new Map;e.forEach(function(a){f.set(a.modulename,a)});o(b,f);b.getRoot().on(c.hidden,function(){b.destroy()});b.getRoot().on(c.shown,function(){b.getModal()[0].tabIndex=-1;b.getBodyPromise().then(function(a){var b=a[0].querySelector(d.default.regions.chooserOption.container);q(b)}).catch(Notification.exception)});b.show()};a.displayChooser=s});
+define ("core_course/local/activitychooser/dialogue",["exports","jquery","core/modal_events","core_course/local/activitychooser/selectors","core/templates","core/key_codes","core/loadingicon"],function(a,b,c,d,e,f,g){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.displayChooser=void 0;b=i(b);c=h(c);d=i(d);e=h(e);function h(a){if(a&&a.__esModule){return a}else{var b={};if(null!=a){for(var c in a){if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};if(d.get||d.set){Object.defineProperty(b,c,d)}else{b[c]=a[c]}}}}b.default=a;return b}}function i(a){return a&&a.__esModule?a:{default:a}}function j(a,b){return m(a)||l(a,b)||k()}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function l(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g=a[Symbol.iterator](),h;!(d=(h=g.next()).done);d=!0){c.push(h.value);if(b&&c.length===b)break}}catch(a){e=!0;f=a}finally{try{if(!d&&null!=g["return"])g["return"]()}finally{if(e)throw f}}return c}function m(a){if(Array.isArray(a))return a}var n=function(a,b){var c=a.find(d.default.regions.help)[0];c.innerHTML="";var f=(0,g.addIconToContainer)(c),h=null,i=new Promise(function(a){h=a}),k=e.renderForPromise("core_course/chooser_help",b);Promise.all([k,f,i]).then(function(a){var b=j(a,1),d=b[0],f=d.html,g=d.js;return e.replaceNodeContents(c,f,g)}).then(function(){c.querySelector(d.default.regions.chooserSummary.description).focus();return c}).catch(Notification.exception);a.one("slid.bs.carousel",function(){h()});a.carousel("next")},o=function(a,c){var e=function(f){if(f.target.closest(d.default.actions.optionActions.showSummary)){var e=(0,b.default)(a.getBody()[0].querySelector(d.default.regions.carousel)),g=f.target.closest(d.default.regions.chooserOption.container),h=g.dataset.modname,i=c.get(h);n(e,i)}if(f.target.matches(d.default.actions.closeOption)){var j=(0,b.default)(a.getBody()[0].querySelector(d.default.regions.carousel));j.carousel("prev");j.on("slid.bs.carousel",function(){var b=a.getBody()[0].querySelector(d.default.regions.modules),c=b.querySelector(d.default.regions.getModuleSelector(f.target.dataset.modname));c.focus()})}};a.getBodyPromise().then(function(a){return a[0]}).then(function(a){(0,b.default)(a.querySelector(d.default.regions.carousel)).carousel({interval:!1,pause:!0,keyboard:!1});return a}).then(function(a){a.addEventListener("click",e);return a}).then(function(a){p(a,c);return a}).catch()},p=function(a,c){var e=a.querySelector(d.default.regions.favouriteTabNav),g=a.querySelector(d.default.regions.recommendedTabNav),h=a.querySelector(d.default.regions.defaultTabNav);[e,g,h].forEach(function(a){return a.addEventListener("keyup",function(a){var b=a.target.parentElement.parentElement.firstElementChild.firstElementChild,c=a.target.parentElement.parentElement.lastElementChild.firstElementChild;if(a.keyCode===f.arrowRight){var d=a.target.parentElement.nextElementSibling;if(null===d){a.srcElement.tabIndex=-1;b.tabIndex=0;b.focus()}else if(d.firstElementChild.classList.contains("d-none")){a.srcElement.tabIndex=-1;c.tabIndex=0;c.focus()}else{a.srcElement.tabIndex=-1;d.firstElementChild.tabIndex=0;d.firstElementChild.focus()}}if(a.keyCode===f.arrowLeft){var e=a.target.parentElement.previousElementSibling;if(null===e){a.srcElement.tabIndex=-1;c.tabIndex=0;c.focus()}else if(e.firstElementChild.classList.contains("d-none")){a.srcElement.tabIndex=-1;b.tabIndex=0;b.focus()}else{a.srcElement.tabIndex=-1;e.firstElementChild.tabIndex=0;e.firstElementChild.focus()}}if(a.keyCode===f.home){a.srcElement.tabIndex=-1;b.tabIndex=0;b.focus()}if(a.keyCode===f.end){a.srcElement.tabIndex=-1;c.tabIndex=0;c.focus()}if(a.keyCode===f.space){a.preventDefault();a.target.click()}})});var i=a.querySelectorAll(d.default.regions.chooserOption.container);Array.from(i).forEach(function(e){return e.addEventListener("keyup",function(g){var e=document.querySelector(d.default.regions.chooserOptions);if(g.keyCode===f.enter||g.keyCode===f.space){if(g.target.matches(d.default.actions.optionActions.showSummary)){g.preventDefault();var h=g.target.closest(d.default.regions.chooserOption.container),i=h.dataset.modname,j=c.get(i),k=(0,b.default)(a.querySelector(d.default.regions.carousel));k.carousel({interval:!1,pause:!0,keyboard:!1});n(k,j)}}if(g.keyCode===f.arrowRight){g.preventDefault();var l=g.target.closest(d.default.regions.chooserOption.container),m=l.nextElementSibling,o=e.firstElementChild,p=r(m,o);q(p,l)}if(g.keyCode===f.arrowLeft){g.preventDefault();var s=g.target.closest(d.default.regions.chooserOption.container),t=s.previousElementSibling,u=e.lastElementChild,v=r(t,u);q(v,s)}if(g.keyCode===f.home){g.preventDefault();var w=g.target.closest(d.default.regions.chooserOption.container),x=e.firstElementChild;q(x,w)}if(g.keyCode===f.end){g.preventDefault();var y=g.target.closest(d.default.regions.chooserOption.container),z=e.lastElementChild;q(z,y)}})})},q=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1;if(!1!==b){var c=b.querySelector(d.default.actions.addChooser),e=b.querySelector(d.default.actions.optionActions.showSummary);b.tabIndex=-1;c.tabIndex=-1;e.tabIndex=-1}var f=a.querySelector(d.default.actions.addChooser),g=a.querySelector(d.default.actions.optionActions.showSummary);a.tabIndex=0;f.tabIndex=0;g.tabIndex=0;a.focus()},r=function(a,b){if(null!==a){return a}else{return b}},s=function(a,b,e){var f=new Map;e.forEach(function(a){f.set(a.modulename,a)});o(b,f);b.getRoot().on(c.hidden,function(){b.destroy()});b.getRoot().on(c.shown,function(){b.getModal()[0].tabIndex=-1;b.getBodyPromise().then(function(a){var b=a[0].querySelector(d.default.regions.chooserOption.container);q(b)}).catch(Notification.exception)});b.show()};a.displayChooser=s});
 //# sourceMappingURL=dialogue.min.js.map
diff --git a/course/amd/build/local/activitychooser/dialogue.min.js.map b/course/amd/build/local/activitychooser/dialogue.min.js.map
index d2c6bcdf0a1..391f7f61550 100644
--- a/course/amd/build/local/activitychooser/dialogue.min.js.map
+++ b/course/amd/build/local/activitychooser/dialogue.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../../../src/local/activitychooser/dialogue.js"],"names":["showModuleHelp","carousel","moduleData","help","find","selectors","regions","innerHTML","spinnerPromise","transitionPromiseResolver","transitionPromise","Promise","resolve","contentPromise","Templates","renderForPromise","all","then","html","js","replaceNodeContents","querySelector","chooserSummary","description","focus","catch","Notification","exception","one","registerListenerEvents","modal","mappedModules","bodyClickListener","e","target","closest","actions","optionActions","showSummary","getBody","module","chooserOption","container","moduleName","dataset","modname","get","matches","closeOption","on","allModules","modules","caller","getModuleSelector","getBodyPromise","body","interval","pause","keyboard","addEventListener","initKeyboardNavigation","chooserOptions","querySelectorAll","Array","from","forEach","element","document","keyCode","enter","space","preventDefault","arrowRight","currentOption","nextOption","nextElementSibling","firstOption","firstElementChild","toFocusOption","clickErrorHandler","focusChooserOption","arrowLeft","previousOption","previousElementSibling","lastOption","lastElementChild","home","end","currentChooserOption","previousChooserOption","previousChooserOptionLink","addChooser","previousChooserOptionHelp","tabIndex","currentChooserOptionLink","currentChooserOptionHelp","item","fallback","displayChooser","origin","sectionModules","Map","set","modulename","getRoot","ModalEvents","hidden","destroy","shown","getModal","firstChooserOption","show"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * A type of dialogue used as for choosing options.\n *\n * @module     core_course/local/chooser/dialogue\n * @package    core\n * @copyright  2019 Mihail Geshoski <mihail@moodle.com>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport $ from 'jquery';\nimport * as ModalEvents from 'core/modal_events';\nimport selectors from 'core_course/local/activitychooser/selectors';\nimport * as Templates from 'core/templates';\nimport {end, arrowLeft, arrowRight, home, enter, space} from 'core/key_codes';\nimport {addIconToContainer} from 'core/loadingicon';\n\n/**\n * Given an event from the main module 'page' navigate to it's help section via a carousel.\n *\n * @method showModuleHelp\n * @param {jQuery} carousel Our initialized carousel to manipulate\n * @param {Object} moduleData Data of the module to carousel to\n */\nconst showModuleHelp = (carousel, moduleData) => {\n    const help = carousel.find(selectors.regions.help)[0];\n    help.innerHTML = '';\n\n    // Add a spinner.\n    const spinnerPromise = addIconToContainer(help);\n\n    // Used later...\n    let transitionPromiseResolver = null;\n    const transitionPromise = new Promise(resolve => {\n        transitionPromiseResolver = resolve;\n    });\n\n    // Build up the html & js ready to place into the help section.\n    const contentPromise = Templates.renderForPromise('core_course/chooser_help', moduleData);\n\n    // Wait for the content to be ready, and for the transition to be complet.\n    Promise.all([contentPromise, spinnerPromise, transitionPromise])\n        .then(([{html, js}]) => Templates.replaceNodeContents(help, html, js))\n        .then(() => {\n            help.querySelector(selectors.regions.chooserSummary.description).focus();\n            return help;\n        })\n        .catch(Notification.exception);\n\n    // Move to the next slide, and resolve the transition promise when it's done.\n    carousel.one('slid.bs.carousel', () => {\n        transitionPromiseResolver();\n    });\n    // Trigger the transition between 'pages'.\n    carousel.carousel('next');\n};\n\n/**\n * Register chooser related event listeners.\n *\n * @method registerListenerEvents\n * @param {Promise} modal Our modal that we are working with\n * @param {Map} mappedModules A map of all of the modules we are working with with K: mod_name V: {Object}\n */\nconst registerListenerEvents = (modal, mappedModules) => {\n    const bodyClickListener = e => {\n        if (e.target.closest(selectors.actions.optionActions.showSummary)) {\n            const carousel = $(modal.getBody()[0].querySelector(selectors.regions.carousel));\n\n            const module = e.target.closest(selectors.regions.chooserOption.container);\n            const moduleName = module.dataset.modname;\n            const moduleData = mappedModules.get(moduleName);\n            showModuleHelp(carousel, moduleData);\n        }\n\n        // From the help screen go back to the module overview.\n        if (e.target.matches(selectors.actions.closeOption)) {\n            const carousel = $(modal.getBody()[0].querySelector(selectors.regions.carousel));\n\n            // Trigger the transition between 'pages'.\n            carousel.carousel('prev');\n            carousel.on('slid.bs.carousel', () => {\n                const allModules = modal.getBody()[0].querySelector(selectors.regions.modules);\n                const caller = allModules.querySelector(selectors.regions.getModuleSelector(e.target.dataset.modname));\n                caller.focus();\n            });\n        }\n    };\n\n    modal.getBodyPromise()\n\n    // The return value of getBodyPromise is a jquery object containing the body NodeElement.\n    .then(body => body[0])\n\n    // Set up the carousel.\n    .then(body => {\n        $(body.querySelector(selectors.regions.carousel))\n            .carousel({\n                interval: false,\n                pause: true,\n                keyboard: false\n            });\n\n        return body;\n    })\n\n    // Add the listener for clicks on the body.\n    .then(body => {\n        body.addEventListener('click', bodyClickListener);\n        return body;\n    })\n\n    // Register event listeners related to the keyboard navigation controls.\n    .then(body => {\n        initKeyboardNavigation(body, mappedModules);\n        return body;\n    })\n    .catch();\n\n};\n\n/**\n * Initialise the keyboard navigation controls for the chooser.\n *\n * @method initKeyboardNavigation\n * @param {NodeElement} body Our modal that we are working with\n * @param {Map} mappedModules A map of all of the modules we are working with with K: mod_name V: {Object}\n */\nconst initKeyboardNavigation = (body, mappedModules) => {\n\n    const chooserOptions = body.querySelectorAll(selectors.regions.chooserOption.container);\n\n    Array.from(chooserOptions).forEach((element) => {\n        return element.addEventListener('keyup', (e) => {\n            const chooserOptions = document.querySelector(selectors.regions.chooserOptions);\n\n            // Check for enter/ space triggers for showing the help.\n            if (e.keyCode === enter || e.keyCode === space) {\n                if (e.target.matches(selectors.actions.optionActions.showSummary)) {\n                    e.preventDefault();\n                    const module = e.target.closest(selectors.regions.chooserOption.container);\n                    const moduleName = module.dataset.modname;\n                    const moduleData = mappedModules.get(moduleName);\n                    const carousel = $(body.querySelector(selectors.regions.carousel));\n                    carousel.carousel({\n                        interval: false,\n                        pause: true,\n                        keyboard: false\n                    });\n                    showModuleHelp(carousel, moduleData);\n                }\n            }\n\n            // Next.\n            if (e.keyCode === arrowRight) {\n                e.preventDefault();\n                const currentOption = e.target.closest(selectors.regions.chooserOption.container);\n                const nextOption = currentOption.nextElementSibling;\n                const firstOption = chooserOptions.firstElementChild;\n                const toFocusOption = clickErrorHandler(nextOption, firstOption);\n                focusChooserOption(toFocusOption, currentOption);\n            }\n\n            // Previous.\n            if (e.keyCode === arrowLeft) {\n                e.preventDefault();\n                const currentOption = e.target.closest(selectors.regions.chooserOption.container);\n                const previousOption = currentOption.previousElementSibling;\n                const lastOption = chooserOptions.lastElementChild;\n                const toFocusOption = clickErrorHandler(previousOption, lastOption);\n                focusChooserOption(toFocusOption, currentOption);\n            }\n\n            if (e.keyCode === home) {\n                e.preventDefault();\n                const currentOption = e.target.closest(selectors.regions.chooserOption.container);\n                const firstOption = chooserOptions.firstElementChild;\n                focusChooserOption(firstOption, currentOption);\n            }\n\n            if (e.keyCode === end) {\n                e.preventDefault();\n                const currentOption = e.target.closest(selectors.regions.chooserOption.container);\n                const lastOption = chooserOptions.lastElementChild;\n                focusChooserOption(lastOption, currentOption);\n            }\n        });\n    });\n};\n\n/**\n * Focus on a chooser option element and remove the previous chooser element from the focus order\n *\n * @method focusChooserOption\n * @param {HTMLElement} currentChooserOption The current chooser option element that we want to focus\n * @param {HTMLElement} previousChooserOption The previous focused option element\n */\nconst focusChooserOption = (currentChooserOption, previousChooserOption = false) => {\n    if (previousChooserOption !== false) {\n        const previousChooserOptionLink = previousChooserOption.querySelector(selectors.actions.addChooser);\n        const previousChooserOptionHelp = previousChooserOption.querySelector(selectors.actions.optionActions.showSummary);\n        // Set tabindex to -1 to remove the previous chooser option element from the focus order.\n        previousChooserOption.tabIndex = -1;\n        previousChooserOptionLink.tabIndex = -1;\n        previousChooserOptionHelp.tabIndex = -1;\n    }\n\n    const currentChooserOptionLink = currentChooserOption.querySelector(selectors.actions.addChooser);\n    const currentChooserOptionHelp = currentChooserOption.querySelector(selectors.actions.optionActions.showSummary);\n    // Set tabindex to 0 to add current chooser option element to the focus order.\n    currentChooserOption.tabIndex = 0;\n    currentChooserOptionLink.tabIndex = 0;\n    currentChooserOptionHelp.tabIndex = 0;\n    // Focus the current chooser option element.\n    currentChooserOption.focus();\n};\n\n/**\n * Small error handling function to make sure the navigated to object exists\n *\n * @method clickErrorHandler\n * @param {HTMLElement} item What we want to check exists\n * @param {HTMLElement} fallback If we dont match anything fallback the focus\n * @return {String}\n */\nconst clickErrorHandler = (item, fallback) => {\n    if (item !== null) {\n        return item;\n    } else {\n        return fallback;\n    }\n};\n\n/**\n * Display the module chooser.\n *\n * @method displayChooser\n * @param {HTMLElement} origin The calling button\n * @param {Object} modal Our created modal for the section\n * @param {Array} sectionModules An array of all of the built module information\n */\nexport const displayChooser = (origin, modal, sectionModules) => {\n\n    // Make a map so we can quickly fetch a specific module's object for either rendering or searching.\n    const mappedModules = new Map();\n    sectionModules.forEach((module) => {\n        mappedModules.set(module.modulename, module);\n    });\n\n    // Register event listeners.\n    registerListenerEvents(modal, mappedModules);\n\n    // We want to focus on the action select when the dialog is closed.\n    modal.getRoot().on(ModalEvents.hidden, () => {\n        modal.destroy();\n    });\n\n    // We want to focus on the first chooser option element as soon as the modal is opened.\n    modal.getRoot().on(ModalEvents.shown, () => {\n        modal.getModal()[0].tabIndex = -1;\n\n        modal.getBodyPromise()\n        .then(body => {\n            const firstChooserOption = body[0].querySelector(selectors.regions.chooserOption.container);\n            focusChooserOption(firstChooserOption);\n\n            return;\n        })\n        .catch(Notification.exception);\n    });\n\n    modal.show();\n};\n"],"file":"dialogue.min.js"}
\ No newline at end of file
+{"version":3,"sources":["../../../src/local/activitychooser/dialogue.js"],"names":["showModuleHelp","carousel","moduleData","help","find","selectors","regions","innerHTML","spinnerPromise","transitionPromiseResolver","transitionPromise","Promise","resolve","contentPromise","Templates","renderForPromise","all","then","html","js","replaceNodeContents","querySelector","chooserSummary","description","focus","catch","Notification","exception","one","registerListenerEvents","modal","mappedModules","bodyClickListener","e","target","closest","actions","optionActions","showSummary","getBody","module","chooserOption","container","moduleName","dataset","modname","get","matches","closeOption","on","allModules","modules","caller","getModuleSelector","getBodyPromise","body","interval","pause","keyboard","addEventListener","initKeyboardNavigation","favTabNav","favouriteTabNav","recommendedTabNav","defaultTabNav","forEach","element","firstLink","parentElement","firstElementChild","lastLink","lastElementChild","keyCode","arrowRight","nextLink","nextElementSibling","srcElement","tabIndex","classList","contains","arrowLeft","previousLink","previousElementSibling","home","end","space","preventDefault","click","chooserOptions","querySelectorAll","Array","from","document","enter","currentOption","nextOption","firstOption","toFocusOption","clickErrorHandler","focusChooserOption","previousOption","lastOption","currentChooserOption","previousChooserOption","previousChooserOptionLink","addChooser","previousChooserOptionHelp","currentChooserOptionLink","currentChooserOptionHelp","item","fallback","displayChooser","origin","sectionModules","Map","set","modulename","getRoot","ModalEvents","hidden","destroy","shown","getModal","firstChooserOption","show"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * A type of dialogue used as for choosing options.\n *\n * @module     core_course/local/chooser/dialogue\n * @package    core\n * @copyright  2019 Mihail Geshoski <mihail@moodle.com>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport $ from 'jquery';\nimport * as ModalEvents from 'core/modal_events';\nimport selectors from 'core_course/local/activitychooser/selectors';\nimport * as Templates from 'core/templates';\nimport {end, arrowLeft, arrowRight, home, enter, space} from 'core/key_codes';\nimport {addIconToContainer} from 'core/loadingicon';\n\n/**\n * Given an event from the main module 'page' navigate to it's help section via a carousel.\n *\n * @method showModuleHelp\n * @param {jQuery} carousel Our initialized carousel to manipulate\n * @param {Object} moduleData Data of the module to carousel to\n */\nconst showModuleHelp = (carousel, moduleData) => {\n    const help = carousel.find(selectors.regions.help)[0];\n    help.innerHTML = '';\n\n    // Add a spinner.\n    const spinnerPromise = addIconToContainer(help);\n\n    // Used later...\n    let transitionPromiseResolver = null;\n    const transitionPromise = new Promise(resolve => {\n        transitionPromiseResolver = resolve;\n    });\n\n    // Build up the html & js ready to place into the help section.\n    const contentPromise = Templates.renderForPromise('core_course/chooser_help', moduleData);\n\n    // Wait for the content to be ready, and for the transition to be complet.\n    Promise.all([contentPromise, spinnerPromise, transitionPromise])\n        .then(([{html, js}]) => Templates.replaceNodeContents(help, html, js))\n        .then(() => {\n            help.querySelector(selectors.regions.chooserSummary.description).focus();\n            return help;\n        })\n        .catch(Notification.exception);\n\n    // Move to the next slide, and resolve the transition promise when it's done.\n    carousel.one('slid.bs.carousel', () => {\n        transitionPromiseResolver();\n    });\n    // Trigger the transition between 'pages'.\n    carousel.carousel('next');\n};\n\n/**\n * Register chooser related event listeners.\n *\n * @method registerListenerEvents\n * @param {Promise} modal Our modal that we are working with\n * @param {Map} mappedModules A map of all of the modules we are working with with K: mod_name V: {Object}\n */\nconst registerListenerEvents = (modal, mappedModules) => {\n    const bodyClickListener = e => {\n        if (e.target.closest(selectors.actions.optionActions.showSummary)) {\n            const carousel = $(modal.getBody()[0].querySelector(selectors.regions.carousel));\n\n            const module = e.target.closest(selectors.regions.chooserOption.container);\n            const moduleName = module.dataset.modname;\n            const moduleData = mappedModules.get(moduleName);\n            showModuleHelp(carousel, moduleData);\n        }\n\n        // From the help screen go back to the module overview.\n        if (e.target.matches(selectors.actions.closeOption)) {\n            const carousel = $(modal.getBody()[0].querySelector(selectors.regions.carousel));\n\n            // Trigger the transition between 'pages'.\n            carousel.carousel('prev');\n            carousel.on('slid.bs.carousel', () => {\n                const allModules = modal.getBody()[0].querySelector(selectors.regions.modules);\n                const caller = allModules.querySelector(selectors.regions.getModuleSelector(e.target.dataset.modname));\n                caller.focus();\n            });\n        }\n    };\n\n    modal.getBodyPromise()\n\n    // The return value of getBodyPromise is a jquery object containing the body NodeElement.\n    .then(body => body[0])\n\n    // Set up the carousel.\n    .then(body => {\n        $(body.querySelector(selectors.regions.carousel))\n            .carousel({\n                interval: false,\n                pause: true,\n                keyboard: false\n            });\n\n        return body;\n    })\n\n    // Add the listener for clicks on the body.\n    .then(body => {\n        body.addEventListener('click', bodyClickListener);\n        return body;\n    })\n\n    // Register event listeners related to the keyboard navigation controls.\n    .then(body => {\n        initKeyboardNavigation(body, mappedModules);\n        return body;\n    })\n    .catch();\n\n};\n\n/**\n * Initialise the keyboard navigation controls for the chooser.\n *\n * @method initKeyboardNavigation\n * @param {HTMLElement} body Our modal that we are working with\n * @param {Map} mappedModules A map of all of the modules we are working with with K: mod_name V: {Object}\n */\nconst initKeyboardNavigation = (body, mappedModules) => {\n\n    // Set up the tab handlers.\n    const favTabNav = body.querySelector(selectors.regions.favouriteTabNav);\n    const recommendedTabNav = body.querySelector(selectors.regions.recommendedTabNav);\n    const defaultTabNav = body.querySelector(selectors.regions.defaultTabNav);\n    const tabNavArray = [favTabNav, recommendedTabNav, defaultTabNav];\n    tabNavArray.forEach((element) => {\n        return element.addEventListener('keyup', (e) => {\n            const firstLink = e.target.parentElement.parentElement.firstElementChild.firstElementChild;\n            const lastLink = e.target.parentElement.parentElement.lastElementChild.firstElementChild;\n\n            if (e.keyCode === arrowRight) {\n                const nextLink = e.target.parentElement.nextElementSibling;\n                if (nextLink === null) {\n                    e.srcElement.tabIndex = -1;\n                    firstLink.tabIndex = 0;\n                    firstLink.focus();\n                } else if (nextLink.firstElementChild.classList.contains('d-none')) {\n                    e.srcElement.tabIndex = -1;\n                    lastLink.tabIndex = 0;\n                    lastLink.focus();\n                } else {\n                    e.srcElement.tabIndex = -1;\n                    nextLink.firstElementChild.tabIndex = 0;\n                    nextLink.firstElementChild.focus();\n                }\n            }\n            if (e.keyCode === arrowLeft) {\n                const previousLink = e.target.parentElement.previousElementSibling;\n                if (previousLink === null) {\n                    e.srcElement.tabIndex = -1;\n                    lastLink.tabIndex = 0;\n                    lastLink.focus();\n                } else if (previousLink.firstElementChild.classList.contains('d-none')) {\n                    e.srcElement.tabIndex = -1;\n                    firstLink.tabIndex = 0;\n                    firstLink.focus();\n                } else {\n                    e.srcElement.tabIndex = -1;\n                    previousLink.firstElementChild.tabIndex = 0;\n                    previousLink.firstElementChild.focus();\n                }\n            }\n            if (e.keyCode === home) {\n                e.srcElement.tabIndex = -1;\n                firstLink.tabIndex = 0;\n                firstLink.focus();\n            }\n            if (e.keyCode === end) {\n                e.srcElement.tabIndex = -1;\n                lastLink.tabIndex = 0;\n                lastLink.focus();\n            }\n            if (e.keyCode === space) {\n                e.preventDefault();\n                e.target.click();\n            }\n        });\n    });\n\n    // Set up the handlers for the modules.\n    const chooserOptions = body.querySelectorAll(selectors.regions.chooserOption.container);\n\n    Array.from(chooserOptions).forEach((element) => {\n        return element.addEventListener('keyup', (e) => {\n            const chooserOptions = document.querySelector(selectors.regions.chooserOptions);\n\n            // Check for enter/ space triggers for showing the help.\n            if (e.keyCode === enter || e.keyCode === space) {\n                if (e.target.matches(selectors.actions.optionActions.showSummary)) {\n                    e.preventDefault();\n                    const module = e.target.closest(selectors.regions.chooserOption.container);\n                    const moduleName = module.dataset.modname;\n                    const moduleData = mappedModules.get(moduleName);\n                    const carousel = $(body.querySelector(selectors.regions.carousel));\n                    carousel.carousel({\n                        interval: false,\n                        pause: true,\n                        keyboard: false\n                    });\n                    showModuleHelp(carousel, moduleData);\n                }\n            }\n\n            // Next.\n            if (e.keyCode === arrowRight) {\n                e.preventDefault();\n                const currentOption = e.target.closest(selectors.regions.chooserOption.container);\n                const nextOption = currentOption.nextElementSibling;\n                const firstOption = chooserOptions.firstElementChild;\n                const toFocusOption = clickErrorHandler(nextOption, firstOption);\n                focusChooserOption(toFocusOption, currentOption);\n            }\n\n            // Previous.\n            if (e.keyCode === arrowLeft) {\n                e.preventDefault();\n                const currentOption = e.target.closest(selectors.regions.chooserOption.container);\n                const previousOption = currentOption.previousElementSibling;\n                const lastOption = chooserOptions.lastElementChild;\n                const toFocusOption = clickErrorHandler(previousOption, lastOption);\n                focusChooserOption(toFocusOption, currentOption);\n            }\n\n            if (e.keyCode === home) {\n                e.preventDefault();\n                const currentOption = e.target.closest(selectors.regions.chooserOption.container);\n                const firstOption = chooserOptions.firstElementChild;\n                focusChooserOption(firstOption, currentOption);\n            }\n\n            if (e.keyCode === end) {\n                e.preventDefault();\n                const currentOption = e.target.closest(selectors.regions.chooserOption.container);\n                const lastOption = chooserOptions.lastElementChild;\n                focusChooserOption(lastOption, currentOption);\n            }\n        });\n    });\n};\n\n/**\n * Focus on a chooser option element and remove the previous chooser element from the focus order\n *\n * @method focusChooserOption\n * @param {HTMLElement} currentChooserOption The current chooser option element that we want to focus\n * @param {HTMLElement} previousChooserOption The previous focused option element\n */\nconst focusChooserOption = (currentChooserOption, previousChooserOption = false) => {\n    if (previousChooserOption !== false) {\n        const previousChooserOptionLink = previousChooserOption.querySelector(selectors.actions.addChooser);\n        const previousChooserOptionHelp = previousChooserOption.querySelector(selectors.actions.optionActions.showSummary);\n        // Set tabindex to -1 to remove the previous chooser option element from the focus order.\n        previousChooserOption.tabIndex = -1;\n        previousChooserOptionLink.tabIndex = -1;\n        previousChooserOptionHelp.tabIndex = -1;\n    }\n\n    const currentChooserOptionLink = currentChooserOption.querySelector(selectors.actions.addChooser);\n    const currentChooserOptionHelp = currentChooserOption.querySelector(selectors.actions.optionActions.showSummary);\n    // Set tabindex to 0 to add current chooser option element to the focus order.\n    currentChooserOption.tabIndex = 0;\n    currentChooserOptionLink.tabIndex = 0;\n    currentChooserOptionHelp.tabIndex = 0;\n    // Focus the current chooser option element.\n    currentChooserOption.focus();\n};\n\n/**\n * Small error handling function to make sure the navigated to object exists\n *\n * @method clickErrorHandler\n * @param {HTMLElement} item What we want to check exists\n * @param {HTMLElement} fallback If we dont match anything fallback the focus\n * @return {String}\n */\nconst clickErrorHandler = (item, fallback) => {\n    if (item !== null) {\n        return item;\n    } else {\n        return fallback;\n    }\n};\n\n/**\n * Display the module chooser.\n *\n * @method displayChooser\n * @param {HTMLElement} origin The calling button\n * @param {Object} modal Our created modal for the section\n * @param {Array} sectionModules An array of all of the built module information\n */\nexport const displayChooser = (origin, modal, sectionModules) => {\n\n    // Make a map so we can quickly fetch a specific module's object for either rendering or searching.\n    const mappedModules = new Map();\n    sectionModules.forEach((module) => {\n        mappedModules.set(module.modulename, module);\n    });\n\n    // Register event listeners.\n    registerListenerEvents(modal, mappedModules);\n\n    // We want to focus on the action select when the dialog is closed.\n    modal.getRoot().on(ModalEvents.hidden, () => {\n        modal.destroy();\n    });\n\n    // We want to focus on the first chooser option element as soon as the modal is opened.\n    modal.getRoot().on(ModalEvents.shown, () => {\n        modal.getModal()[0].tabIndex = -1;\n\n        modal.getBodyPromise()\n        .then(body => {\n            const firstChooserOption = body[0].querySelector(selectors.regions.chooserOption.container);\n            focusChooserOption(firstChooserOption);\n\n            return;\n        })\n        .catch(Notification.exception);\n    });\n\n    modal.show();\n};\n"],"file":"dialogue.min.js"}
\ No newline at end of file
diff --git a/course/amd/build/local/activitychooser/selectors.min.js b/course/amd/build/local/activitychooser/selectors.min.js
index d709bb4edf0..d826dbf45a2 100644
--- a/course/amd/build/local/activitychooser/selectors.min.js
+++ b/course/amd/build/local/activitychooser/selectors.min.js
@@ -1,2 +1,2 @@
-define ("core_course/local/activitychooser/selectors",["exports"],function(a){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.default=void 0;var b=function(a,b){return"[data-".concat(a,"=\"").concat(b,"\"]")},c={regions:{chooser:b("region","chooser-container"),chooserOptions:b("region","chooser-options-container"),chooserOption:{container:b("region","chooser-option-container"),actions:b("region","chooser-option-actions-container"),info:b("region","chooser-option-info-container")},chooserSummary:{container:b("region","chooser-option-summary-container"),content:b("region","chooser-option-summary-content-container"),description:b("region","summary-description"),actions:b("region","chooser-option-summary-actions-container")},carousel:b("region","carousel"),help:b("region","help"),modules:b("region","modules"),getModuleSelector:function getModuleSelector(a){return"[role=\"menuitem\"][data-modname=\"".concat(a,"\"]")}},actions:{optionActions:{showSummary:b("action","show-option-summary")},addChooser:b("action","add-chooser-option"),closeOption:b("action","close-chooser-option-summary"),hide:b("action","hide")},elements:{section:".section",sectionmodchooser:"button.section-modchooser-link",sitemenu:".block_site_main_menu",sitetopic:"div.sitetopic"}};a.default=c;return a.default});
+define ("core_course/local/activitychooser/selectors",["exports"],function(a){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.default=void 0;var b=function(a,b){return"[data-".concat(a,"=\"").concat(b,"\"]")},c={regions:{chooser:b("region","chooser-container"),chooserOptions:b("region","chooser-options-container"),chooserOption:{container:b("region","chooser-option-container"),actions:b("region","chooser-option-actions-container"),info:b("region","chooser-option-info-container")},chooserSummary:{container:b("region","chooser-option-summary-container"),content:b("region","chooser-option-summary-content-container"),description:b("region","summary-description"),actions:b("region","chooser-option-summary-actions-container")},carousel:b("region","carousel"),help:b("region","help"),modules:b("region","modules"),favouriteTabNav:b("region","favourite-tab-nav"),recommendedTabNav:b("region","recommended-tab-nav"),defaultTabNav:b("region","default-tab-nav"),favouriteTab:b("region","favourites"),recommendedTab:b("region","recommended"),defaultTab:b("region","default"),getModuleSelector:function getModuleSelector(a){return"[role=\"menuitem\"][data-modname=\"".concat(a,"\"]")}},actions:{optionActions:{showSummary:b("action","show-option-summary")},addChooser:b("action","add-chooser-option"),closeOption:b("action","close-chooser-option-summary"),hide:b("action","hide")},elements:{section:".section",sectionmodchooser:"button.section-modchooser-link",sitemenu:".block_site_main_menu",sitetopic:"div.sitetopic"}};a.default=c;return a.default});
 //# sourceMappingURL=selectors.min.js.map
diff --git a/course/amd/build/local/activitychooser/selectors.min.js.map b/course/amd/build/local/activitychooser/selectors.min.js.map
index 98e336764ff..229f9ddc3d7 100644
--- a/course/amd/build/local/activitychooser/selectors.min.js.map
+++ b/course/amd/build/local/activitychooser/selectors.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../../../src/local/activitychooser/selectors.js"],"names":["getDataSelector","name","value","regions","chooser","chooserOptions","chooserOption","container","actions","info","chooserSummary","content","description","carousel","help","modules","getModuleSelector","modname","optionActions","showSummary","addChooser","closeOption","hide","elements","section","sectionmodchooser","sitemenu","sitetopic"],"mappings":"gKA+BMA,CAAAA,CAAe,CAAG,SAACC,CAAD,CAAOC,CAAP,CAAiB,CACrC,sBAAgBD,CAAhB,eAAyBC,CAAzB,OACH,C,GAEc,CACXC,OAAO,CAAE,CACLC,OAAO,CAAEJ,CAAe,CAAC,QAAD,CAAW,mBAAX,CADnB,CAELK,cAAc,CAAEL,CAAe,CAAC,QAAD,CAAW,2BAAX,CAF1B,CAGLM,aAAa,CAAE,CACXC,SAAS,CAAEP,CAAe,CAAC,QAAD,CAAW,0BAAX,CADf,CAEXQ,OAAO,CAAER,CAAe,CAAC,QAAD,CAAW,kCAAX,CAFb,CAGXS,IAAI,CAAET,CAAe,CAAC,QAAD,CAAW,+BAAX,CAHV,CAHV,CAQLU,cAAc,CAAE,CACZH,SAAS,CAAEP,CAAe,CAAC,QAAD,CAAW,kCAAX,CADd,CAEZW,OAAO,CAAEX,CAAe,CAAC,QAAD,CAAW,0CAAX,CAFZ,CAGZY,WAAW,CAAEZ,CAAe,CAAC,QAAD,CAAW,qBAAX,CAHhB,CAIZQ,OAAO,CAAER,CAAe,CAAC,QAAD,CAAW,0CAAX,CAJZ,CARX,CAcLa,QAAQ,CAAEb,CAAe,CAAC,QAAD,CAAW,UAAX,CAdpB,CAeLc,IAAI,CAAEd,CAAe,CAAC,QAAD,CAAW,MAAX,CAfhB,CAgBLe,OAAO,CAAEf,CAAe,CAAC,QAAD,CAAW,SAAX,CAhBnB,CAiBLgB,iBAAiB,CAAE,2BAAAC,CAAO,qDAAuCA,CAAvC,QAjBrB,CADE,CAoBXT,OAAO,CAAE,CACLU,aAAa,CAAE,CACXC,WAAW,CAAEnB,CAAe,CAAC,QAAD,CAAW,qBAAX,CADjB,CADV,CAILoB,UAAU,CAAEpB,CAAe,CAAC,QAAD,CAAW,oBAAX,CAJtB,CAKLqB,WAAW,CAAErB,CAAe,CAAC,QAAD,CAAW,8BAAX,CALvB,CAMLsB,IAAI,CAAEtB,CAAe,CAAC,QAAD,CAAW,MAAX,CANhB,CApBE,CA4BXuB,QAAQ,CAAE,CACNC,OAAO,CAAE,UADH,CAENC,iBAAiB,CAAE,gCAFb,CAGNC,QAAQ,CAAE,uBAHJ,CAINC,SAAS,CAAE,eAJL,CA5BC,C","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Define all of the selectors we will be using on the grading interface.\n *\n * @module     core_course/local/chooser/selectors\n * @package    core_course\n * @copyright  2019 Mathew May <mathew.solutions>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\n/**\n * A small helper function to build queryable data selectors.\n * @method getDataSelector\n * @param {String} name\n * @param {String} value\n * @return {string}\n */\nconst getDataSelector = (name, value) => {\n    return `[data-${name}=\"${value}\"]`;\n};\n\nexport default {\n    regions: {\n        chooser: getDataSelector('region', 'chooser-container'),\n        chooserOptions: getDataSelector('region', 'chooser-options-container'),\n        chooserOption: {\n            container: getDataSelector('region', 'chooser-option-container'),\n            actions: getDataSelector('region', 'chooser-option-actions-container'),\n            info: getDataSelector('region', 'chooser-option-info-container'),\n        },\n        chooserSummary: {\n            container: getDataSelector('region', 'chooser-option-summary-container'),\n            content: getDataSelector('region', 'chooser-option-summary-content-container'),\n            description: getDataSelector('region', 'summary-description'),\n            actions: getDataSelector('region', 'chooser-option-summary-actions-container'),\n        },\n        carousel: getDataSelector('region', 'carousel'),\n        help: getDataSelector('region', 'help'),\n        modules: getDataSelector('region', 'modules'),\n        getModuleSelector: modname => `[role=\"menuitem\"][data-modname=\"${modname}\"]`\n    },\n    actions: {\n        optionActions: {\n            showSummary: getDataSelector('action', 'show-option-summary'),\n        },\n        addChooser: getDataSelector('action', 'add-chooser-option'),\n        closeOption: getDataSelector('action', 'close-chooser-option-summary'),\n        hide: getDataSelector('action', 'hide')\n    },\n    elements: {\n        section: '.section',\n        sectionmodchooser: 'button.section-modchooser-link',\n        sitemenu: '.block_site_main_menu',\n        sitetopic: 'div.sitetopic',\n    },\n};\n"],"file":"selectors.min.js"}
\ No newline at end of file
+{"version":3,"sources":["../../../src/local/activitychooser/selectors.js"],"names":["getDataSelector","name","value","regions","chooser","chooserOptions","chooserOption","container","actions","info","chooserSummary","content","description","carousel","help","modules","favouriteTabNav","recommendedTabNav","defaultTabNav","favouriteTab","recommendedTab","defaultTab","getModuleSelector","modname","optionActions","showSummary","addChooser","closeOption","hide","elements","section","sectionmodchooser","sitemenu","sitetopic"],"mappings":"gKA+BMA,CAAAA,CAAe,CAAG,SAACC,CAAD,CAAOC,CAAP,CAAiB,CACrC,sBAAgBD,CAAhB,eAAyBC,CAAzB,OACH,C,GAEc,CACXC,OAAO,CAAE,CACLC,OAAO,CAAEJ,CAAe,CAAC,QAAD,CAAW,mBAAX,CADnB,CAELK,cAAc,CAAEL,CAAe,CAAC,QAAD,CAAW,2BAAX,CAF1B,CAGLM,aAAa,CAAE,CACXC,SAAS,CAAEP,CAAe,CAAC,QAAD,CAAW,0BAAX,CADf,CAEXQ,OAAO,CAAER,CAAe,CAAC,QAAD,CAAW,kCAAX,CAFb,CAGXS,IAAI,CAAET,CAAe,CAAC,QAAD,CAAW,+BAAX,CAHV,CAHV,CAQLU,cAAc,CAAE,CACZH,SAAS,CAAEP,CAAe,CAAC,QAAD,CAAW,kCAAX,CADd,CAEZW,OAAO,CAAEX,CAAe,CAAC,QAAD,CAAW,0CAAX,CAFZ,CAGZY,WAAW,CAAEZ,CAAe,CAAC,QAAD,CAAW,qBAAX,CAHhB,CAIZQ,OAAO,CAAER,CAAe,CAAC,QAAD,CAAW,0CAAX,CAJZ,CARX,CAcLa,QAAQ,CAAEb,CAAe,CAAC,QAAD,CAAW,UAAX,CAdpB,CAeLc,IAAI,CAAEd,CAAe,CAAC,QAAD,CAAW,MAAX,CAfhB,CAgBLe,OAAO,CAAEf,CAAe,CAAC,QAAD,CAAW,SAAX,CAhBnB,CAiBLgB,eAAe,CAAEhB,CAAe,CAAC,QAAD,CAAW,mBAAX,CAjB3B,CAkBLiB,iBAAiB,CAAEjB,CAAe,CAAC,QAAD,CAAW,qBAAX,CAlB7B,CAmBLkB,aAAa,CAAElB,CAAe,CAAC,QAAD,CAAW,iBAAX,CAnBzB,CAoBLmB,YAAY,CAAEnB,CAAe,CAAC,QAAD,CAAW,YAAX,CApBxB,CAqBLoB,cAAc,CAAEpB,CAAe,CAAC,QAAD,CAAW,aAAX,CArB1B,CAsBLqB,UAAU,CAAErB,CAAe,CAAC,QAAD,CAAW,SAAX,CAtBtB,CAuBLsB,iBAAiB,CAAE,2BAAAC,CAAO,qDAAuCA,CAAvC,QAvBrB,CADE,CA0BXf,OAAO,CAAE,CACLgB,aAAa,CAAE,CACXC,WAAW,CAAEzB,CAAe,CAAC,QAAD,CAAW,qBAAX,CADjB,CADV,CAIL0B,UAAU,CAAE1B,CAAe,CAAC,QAAD,CAAW,oBAAX,CAJtB,CAKL2B,WAAW,CAAE3B,CAAe,CAAC,QAAD,CAAW,8BAAX,CALvB,CAML4B,IAAI,CAAE5B,CAAe,CAAC,QAAD,CAAW,MAAX,CANhB,CA1BE,CAkCX6B,QAAQ,CAAE,CACNC,OAAO,CAAE,UADH,CAENC,iBAAiB,CAAE,gCAFb,CAGNC,QAAQ,CAAE,uBAHJ,CAINC,SAAS,CAAE,eAJL,CAlCC,C","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Define all of the selectors we will be using on the grading interface.\n *\n * @module     core_course/local/chooser/selectors\n * @package    core_course\n * @copyright  2019 Mathew May <mathew.solutions>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\n/**\n * A small helper function to build queryable data selectors.\n * @method getDataSelector\n * @param {String} name\n * @param {String} value\n * @return {string}\n */\nconst getDataSelector = (name, value) => {\n    return `[data-${name}=\"${value}\"]`;\n};\n\nexport default {\n    regions: {\n        chooser: getDataSelector('region', 'chooser-container'),\n        chooserOptions: getDataSelector('region', 'chooser-options-container'),\n        chooserOption: {\n            container: getDataSelector('region', 'chooser-option-container'),\n            actions: getDataSelector('region', 'chooser-option-actions-container'),\n            info: getDataSelector('region', 'chooser-option-info-container'),\n        },\n        chooserSummary: {\n            container: getDataSelector('region', 'chooser-option-summary-container'),\n            content: getDataSelector('region', 'chooser-option-summary-content-container'),\n            description: getDataSelector('region', 'summary-description'),\n            actions: getDataSelector('region', 'chooser-option-summary-actions-container'),\n        },\n        carousel: getDataSelector('region', 'carousel'),\n        help: getDataSelector('region', 'help'),\n        modules: getDataSelector('region', 'modules'),\n        favouriteTabNav: getDataSelector('region', 'favourite-tab-nav'),\n        recommendedTabNav: getDataSelector('region', 'recommended-tab-nav'),\n        defaultTabNav: getDataSelector('region', 'default-tab-nav'),\n        favouriteTab: getDataSelector('region', 'favourites'),\n        recommendedTab: getDataSelector('region', 'recommended'),\n        defaultTab: getDataSelector('region', 'default'),\n        getModuleSelector: modname => `[role=\"menuitem\"][data-modname=\"${modname}\"]`\n    },\n    actions: {\n        optionActions: {\n            showSummary: getDataSelector('action', 'show-option-summary'),\n        },\n        addChooser: getDataSelector('action', 'add-chooser-option'),\n        closeOption: getDataSelector('action', 'close-chooser-option-summary'),\n        hide: getDataSelector('action', 'hide')\n    },\n    elements: {\n        section: '.section',\n        sectionmodchooser: 'button.section-modchooser-link',\n        sitemenu: '.block_site_main_menu',\n        sitetopic: 'div.sitetopic',\n    },\n};\n"],"file":"selectors.min.js"}
\ No newline at end of file
diff --git a/course/amd/src/activitychooser.js b/course/amd/src/activitychooser.js
index 6f6613bc9d2..56599615159 100644
--- a/course/amd/src/activitychooser.js
+++ b/course/amd/src/activitychooser.js
@@ -123,8 +123,26 @@ const modalBuilder = data => buildModal(templateDataBuilder(data));
  * @return {Object} Our built object ready to render out
  */
 const templateDataBuilder = (data) => {
+    // Filter the incoming data to find favourite & recommended modules.
+    const favourites = [];
+    const recommended = [];
+
+    // Given the results of the above filters lets figure out what tab to set active.
+
+    // We have some favourites.
+    const favouritesFirst = !!favourites.length;
+    // Check if we have no favourites but have some recommended.
+    const recommendedFirst = !!(recommended.length && favouritesFirst === false);
+    // We have nothing fallback to show all modules.
+    const fallback = favouritesFirst === false && recommendedFirst === false;
+
     return {
         'default': data,
+        favourites: favourites,
+        recommended: recommended,
+        favouritesFirst: favouritesFirst,
+        recommendedFirst: recommendedFirst,
+        fallback: fallback,
     };
 };
 
diff --git a/course/amd/src/local/activitychooser/dialogue.js b/course/amd/src/local/activitychooser/dialogue.js
index 4be43417dd4..b8407e04d16 100644
--- a/course/amd/src/local/activitychooser/dialogue.js
+++ b/course/amd/src/local/activitychooser/dialogue.js
@@ -137,11 +137,71 @@ const registerListenerEvents = (modal, mappedModules) => {
  * Initialise the keyboard navigation controls for the chooser.
  *
  * @method initKeyboardNavigation
- * @param {NodeElement} body Our modal that we are working with
+ * @param {HTMLElement} body Our modal that we are working with
  * @param {Map} mappedModules A map of all of the modules we are working with with K: mod_name V: {Object}
  */
 const initKeyboardNavigation = (body, mappedModules) => {
 
+    // Set up the tab handlers.
+    const favTabNav = body.querySelector(selectors.regions.favouriteTabNav);
+    const recommendedTabNav = body.querySelector(selectors.regions.recommendedTabNav);
+    const defaultTabNav = body.querySelector(selectors.regions.defaultTabNav);
+    const tabNavArray = [favTabNav, recommendedTabNav, defaultTabNav];
+    tabNavArray.forEach((element) => {
+        return element.addEventListener('keyup', (e) => {
+            const firstLink = e.target.parentElement.parentElement.firstElementChild.firstElementChild;
+            const lastLink = e.target.parentElement.parentElement.lastElementChild.firstElementChild;
+
+            if (e.keyCode === arrowRight) {
+                const nextLink = e.target.parentElement.nextElementSibling;
+                if (nextLink === null) {
+                    e.srcElement.tabIndex = -1;
+                    firstLink.tabIndex = 0;
+                    firstLink.focus();
+                } else if (nextLink.firstElementChild.classList.contains('d-none')) {
+                    e.srcElement.tabIndex = -1;
+                    lastLink.tabIndex = 0;
+                    lastLink.focus();
+                } else {
+                    e.srcElement.tabIndex = -1;
+                    nextLink.firstElementChild.tabIndex = 0;
+                    nextLink.firstElementChild.focus();
+                }
+            }
+            if (e.keyCode === arrowLeft) {
+                const previousLink = e.target.parentElement.previousElementSibling;
+                if (previousLink === null) {
+                    e.srcElement.tabIndex = -1;
+                    lastLink.tabIndex = 0;
+                    lastLink.focus();
+                } else if (previousLink.firstElementChild.classList.contains('d-none')) {
+                    e.srcElement.tabIndex = -1;
+                    firstLink.tabIndex = 0;
+                    firstLink.focus();
+                } else {
+                    e.srcElement.tabIndex = -1;
+                    previousLink.firstElementChild.tabIndex = 0;
+                    previousLink.firstElementChild.focus();
+                }
+            }
+            if (e.keyCode === home) {
+                e.srcElement.tabIndex = -1;
+                firstLink.tabIndex = 0;
+                firstLink.focus();
+            }
+            if (e.keyCode === end) {
+                e.srcElement.tabIndex = -1;
+                lastLink.tabIndex = 0;
+                lastLink.focus();
+            }
+            if (e.keyCode === space) {
+                e.preventDefault();
+                e.target.click();
+            }
+        });
+    });
+
+    // Set up the handlers for the modules.
     const chooserOptions = body.querySelectorAll(selectors.regions.chooserOption.container);
 
     Array.from(chooserOptions).forEach((element) => {
diff --git a/course/amd/src/local/activitychooser/selectors.js b/course/amd/src/local/activitychooser/selectors.js
index adeb07f2961..f00b6206eba 100644
--- a/course/amd/src/local/activitychooser/selectors.js
+++ b/course/amd/src/local/activitychooser/selectors.js
@@ -51,6 +51,12 @@ export default {
         carousel: getDataSelector('region', 'carousel'),
         help: getDataSelector('region', 'help'),
         modules: getDataSelector('region', 'modules'),
+        favouriteTabNav: getDataSelector('region', 'favourite-tab-nav'),
+        recommendedTabNav: getDataSelector('region', 'recommended-tab-nav'),
+        defaultTabNav: getDataSelector('region', 'default-tab-nav'),
+        favouriteTab: getDataSelector('region', 'favourites'),
+        recommendedTab: getDataSelector('region', 'recommended'),
+        defaultTab: getDataSelector('region', 'default'),
         getModuleSelector: modname => `[role="menuitem"][data-modname="${modname}"]`
     },
     actions: {
diff --git a/course/templates/chooser.mustache b/course/templates/chooser.mustache
index c503c9bb06e..46c07625546 100644
--- a/course/templates/chooser.mustache
+++ b/course/templates/chooser.mustache
@@ -34,12 +34,80 @@
 }}
 <div data-region="carousel" class="carousel slide">
     <div class="carousel-inner" aria-live="polite">
-        <div class="carousel-item active" data-region="modules">
-            <div class="modchoosercontainer" data-region="chooser-container" aria-label="{{#str}} activitymodules {{/str}}">
-                <div class="optionscontainer d-flex flex-wrap mw-100 p-3 position-relative" role="menubar" data-region="chooser-options-container">
-                    {{#default}}
-                        {{>core_course/chooser_item}}
-                    {{/default}}
+        <div class="carousel-item p-4 active" data-region="modules">
+            <ul class="nav nav-tabs mb-2" id="activities-{{uniqid}}" role="tablist">
+                <li class="nav-item">
+                    <a class="nav-link {{#favouritesFirst}}active{{/favouritesFirst}} {{^favourites}}d-none{{/favourites}}"
+                       id="starred-tab-{{uniqid}}"
+                       data-toggle="tab"
+                       data-region="favourite-tab-nav"
+                       href="#starred-{{uniqid}}"
+                       role="tab"
+                       aria-label="{{#str}} aria:favouritestab, core_course {{/str}}"
+                       aria-controls="starred-{{uniqid}}"
+                       aria-selected="{{#favouritesFirst}}true{{/favouritesFirst}}{{^favouritesFirst}}false{{/favouritesFirst}}"
+                       tabindex="{{#favouritesFirst}}0{{/favouritesFirst}}{{^favouritesFirst}}-1{{/favouritesFirst}}"
+                    >
+                        {{#str}}favourites{{/str}}
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link {{#recommendedFirst}}active{{/recommendedFirst}} {{^recommended}}d-none{{/recommended}}"
+                       id="recommended-tab-{{uniqid}}"
+                       data-region="recommended-tab-nav"
+                       data-toggle="tab"
+                       href="#recommended-{{uniqid}}"
+                       role="tab"
+                       aria-label="{{#str}} aria:recommendedtab, core_course {{/str}}"
+                       aria-controls="recommended-{{uniqid}}"
+                       aria-selected="{{#recommendedFirst}}true{{/recommendedFirst}}{{^recommendedFirst}}false{{/recommendedFirst}}"
+                       tabindex="{{#recommendedFirst}}0{{/recommendedFirst}}{{^recommendedFirst}}-1{{/recommendedFirst}}">
+                        {{#str}}recommended{{/str}}
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link {{#fallback}}active{{/fallback}}"
+                       id="all-tab-{{uniqid}}"
+                       data-toggle="tab"
+                       data-region="default-tab-nav"
+                       href="#all-{{uniqid}}"
+                       role="tab"
+                       aria-label="{{#str}} aria:defaulttab, core_course {{/str}}"
+                       aria-controls="all-{{uniqid}}"
+                       aria-selected="{{#fallback}}true{{/fallback}}{{^fallback}}false{{/fallback}}"
+                       tabindex="{{#fallback}}0{{/fallback}}{{^fallback}}-1{{/fallback}}"
+                    >
+                        {{#str}}activities{{/str}}
+                    </a>
+                </li>
+            </ul>
+            <div class="tab-content" id="tabbed-activities-{{uniqid}}">
+                <div class="tab-pane {{#favouritesFirst}}active{{/favouritesFirst}}" id="starred-{{uniqid}}" data-region="favourites" role="tabpanel" aria-labelledby="starred-tab-{{uniqid}}">
+                    <div class="modchoosercontainer" data-region="chooser-container" aria-label="{{#str}} activitymodules {{/str}}">
+                        <div class="optionscontainer d-flex flex-wrap mw-100 p-3 position-relative" role="menubar" data-region="chooser-options-container" data-render="favourites-area">
+                            {{#favourites}}
+                                {{>core_course/chooser_item}}
+                            {{/favourites}}
+                        </div>
+                    </div>
+                </div>
+                <div class="tab-pane {{#recommendedFirst}}active{{/recommendedFirst}}" id="recommended-{{uniqid}}" data-region="recommended" role="tabpanel" aria-labelledby="recommended-tab-{{uniqid}}">
+                    <div class="modchoosercontainer" data-region="chooser-container" aria-label="{{#str}} activitymodules {{/str}}">
+                        <div class="optionscontainer d-flex flex-wrap mw-100 p-3 position-relative" role="menubar" data-region="chooser-options-container">
+                            {{#recommended}}
+                                {{>core_course/chooser_item}}
+                            {{/recommended}}
+                        </div>
+                    </div>
+                </div>
+                <div class="tab-pane {{#fallback}}active{{/fallback}}" id="all-{{uniqid}}" data-region="default" role="tabpanel" aria-labelledby="all-tab-{{uniqid}}">
+                    <div class="modchoosercontainer" data-region="chooser-container" aria-label="{{#str}} activitymodules {{/str}}">
+                        <div class="optionscontainer d-flex flex-wrap mw-100 p-3 position-relative" role="menubar" data-region="chooser-options-container">
+                            {{#default}}
+                                {{>core_course/chooser_item}}
+                            {{/default}}
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/course/tests/behat/activity_chooser.feature b/course/tests/behat/activity_chooser.feature
index 9d3f2b90053..b8be7a9b7f2 100644
--- a/course/tests/behat/activity_chooser.feature
+++ b/course/tests/behat/activity_chooser.feature
@@ -53,3 +53,9 @@ Feature: Display and choose from the available activities in course
     And "help" "core_course > Activity chooser screen" should not exist
     And "Back" "button" should not exist in the "modules" "core_course > Activity chooser screen"
     And I should not see "The assignment activity module enables a teacher to communicate tasks, collect work and provide grades and feedback." in the "Add an activity or resource" "dialogue"
+
+  # Currently stubbed out in MDL-67321 as further issues will add more tabs.
+  Scenario: Navigate between module tabs
+    Given I open the activity chooser
+    And I should see "Activities" in the "Add an activity or resource" "dialogue"
+    Then I should see "Forum" in the "default" "core_course > Activity chooser tab"
diff --git a/course/tests/behat/behat_course.php b/course/tests/behat/behat_course.php
index 8453529c71f..ed41a46fad9 100644
--- a/course/tests/behat/behat_course.php
+++ b/course/tests/behat/behat_course.php
@@ -54,6 +54,11 @@ class behat_course extends behat_base {
                     "%core_course/activityChooser%//*[@data-region=%locator%][contains(concat(' ', @class, ' '), ' carousel-item ')]"
                 ]
             ),
+            new behat_component_named_selector(
+                'Activity chooser tab', [
+                    "%core_course/activityChooser%//*[@data-region=%locator%][contains(concat(' ', @class, ' '), ' tab-pane ')]"
+                ]
+            ),
         ];
     }
 
diff --git a/lang/en/course.php b/lang/en/course.php
index 2573793f933..ae9eefb5622 100644
--- a/lang/en/course.php
+++ b/lang/en/course.php
@@ -26,7 +26,10 @@ $string['aria:coursecategory'] = 'Course category';
 $string['aria:courseimage'] = 'Course image';
 $string['aria:courseshortname'] = 'Course short name';
 $string['aria:coursename'] = 'Course name';
+$string['aria:defaulttab'] = 'The default modules';
 $string['aria:favourite'] = 'Course is starred';
+$string['aria:favouritestab'] = 'Your starred modules';
+$string['aria:recommendedtab'] = 'The recommended modules';
 $string['coursealreadyfinished'] = 'Course already finished';
 $string['coursenotyetstarted'] = 'The course has not yet started';
 $string['coursenotyetfinished'] = 'The course has not yet finished';
diff --git a/lang/en/moodle.php b/lang/en/moodle.php
index 5010450bcb5..4995dc78a97 100644
--- a/lang/en/moodle.php
+++ b/lang/en/moodle.php
@@ -1637,6 +1637,7 @@ $string['readme'] = 'README';
 $string['recentactivity'] = 'Recent activity';
 $string['recentactivityreport'] = 'Full report of recent activity...';
 $string['recipientslist'] = 'Recipients list';
+$string['recommended'] = 'Recommended';
 $string['recreatedcategory'] = 'Recreated category {$a}';
 $string['redirect'] = 'Redirect';
 $string['reducesections'] = 'Reduce the number of sections';