CINXE.COM

<!DOCTYPE html> <html lang="en" id="ng-app" class="no-js b-header--white--black b-footer--transparent--dark-grey b-reith-sans-font"> <head prefix="og: http://ogp.me/ns#"><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.bbc.co.uk/cbeebies/grownups/7-tips-for-gardening-with-children","20190413020417","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1555121057"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <link rel="schema.DCTERMS" href="https://purl.org/dc/terms/"> <script type="text/javascript"> window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({'type': 'holdEvents'}); </script> <script src="https://web.archive.org/web/20190413020417js_/https://cdn.optimizely.com/public/4621041136/s/childrens_prod.js"></script> <title>Seven tips for gardening with kids - CBeebies - BBC</title> <meta name="DCTERMS.title" content="Seven tips for gardening with kids - CBeebies - BBC"/> <meta name="description" content="Children love getting their hands mucky, so gardening can be the perfect activity to do together that will help them learn more about nature whilst having fun. "/> <meta name="DCTERMS.description" content="Children love getting their hands mucky, so gardening can be the perfect activity to do together that will help them learn more about nature whilst having fun. "/> <meta property="og:title" content="Mr Bloom's Nursery - Seven tips for gardening with kids"/> <meta property="og:description" content="Children love getting their hands mucky, so gardening can be the perfect activity to do together that will help them learn more about nature whilst having fun. "/> <meta property="og:image" content="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/7_top_tips_gardening_with_kids_1024_576.jpg"/> <meta property="og:url" content="https://web.archive.org/web/20190413020417/http://www.bbc.co.uk/cbeebies/grownups/7-tips-for-gardening-with-children"/> <meta property="fb:pages" content="194575130577797"/> <meta property="fb:pages" content="7397061762"/> <meta property="fb:pages" content="7833211321"/> <meta property="fb:pages" content="129044383774217"/> <meta property="fb:pages" content="401538510458"/> <meta property="fb:pages" content="8251776107"/> <meta property="fb:pages" content="273726292719943"/> <meta property="fb:pages" content="107909022566650"/> <meta property="fb:pages" content="21750735380"/> <meta property="fb:pages" content="1477945425811579"/> <meta property="fb:pages" content="944295152308991"/> <meta property="fb:pages" content="154344434967"/> <meta property="fb:pages" content="8244244903"/> <meta property="fb:pages" content="512423982152360"/> <meta property="fb:pages" content="156060587793370"/> <meta property="fb:pages" content="215504865453262"/> <meta property="fb:pages" content="260967092113"/> <meta property="fb:pages" content="1392506827668140"/> <meta property="fb:pages" content="128645453843827"/> <meta property="fb:pages" content="7519460786"/> <meta property="fb:pages" content="1143803202301544"/> <meta property="fb:pages" content="1470145583204829"/> <meta property="fb:pages" content="470911516262605"/> <meta property="fb:pages" content="413132078795966"/> <meta property="fb:pages" content="118883634811868"/> <meta property="fb:pages" content="130593816777"/> <meta property="fb:pages" content="228735667216"/> <meta property="fb:pages" content="80758950658"/> <meta property="fb:pages" content="260212261199"/> <meta property="fb:pages" content="294662213128"/> <meta property="fb:pages" content="1086451581439054"/> <meta property="fb:pages" content="283348121682053"/> <meta property="fb:pages" content="295830058648"/> <meta property="fb:pages" content="239931389545417"/> <meta property="fb:pages" content="304314573046"/> <meta property="fb:pages" content="310719525611571"/> <meta property="fb:pages" content="647687225371774"/> <meta property="fb:pages" content="1159932557403143"/> <meta property="fb:pages" content="286567251709437"/> <meta property="fb:pages" content="1731770190373618"/> <meta property="fb:pages" content="125309456546"/> <meta property="fb:pages" content="742734325867560"/> <meta property="fb:pages" content="168895963122035"/> <meta property="fb:pages" content="292291897588734"/> <meta property="fb:pages" content="658551547588605"/> <meta property="fb:pages" content="156400551056385"/> <meta property="fb:pages" content="185246968166196"/> <meta property="fb:pages" content="1411916919051820"/> <meta property="fb:pages" content="958681370814419"/> <meta property="fb:pages" content="317278538359186"/> <meta property="fb:pages" content="8585725981"/> <meta property="fb:pages" content="1436581493296609"/> <meta property="fb:pages" content="163571453661989"/> <meta property="fb:pages" content="751471531641341"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="DCTERMS.created" content="2017-01-26T16:00:00.000Z"/> <meta name="DCTERMS.modified" content="2017-10-13T14:08:23.559Z"/> <link rel="canonical" href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups/7-tips-for-gardening-with-children"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20190413020417/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20190413020417im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20190413020417im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="icon" type="image/x-icon"/> <link href="/web/20190413020417im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20190413020417cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20190413020417cs_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/stylesheets/cbeebies.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20190413020417cs_/https://www.bbc.co.uk/cbeebies/stylesheets/immersive/section/1469803749/d288a1c/grownups.css"/> <script type="text/javascript"> var allForwardSlashes = /\//g; var anythingNotAWordOrFullStop = /[^\w^\.]/g; var allMultipleUnderscores = /_+/g; var fullStopAtEnd = /\.$/; var pageDescriptor = window.location.pathname.substring(1) .replace(allForwardSlashes, '.') .replace(anythingNotAWordOrFullStop, '_') .replace(allMultipleUnderscores, '_') .replace(fullStopAtEnd, ''); window.istats_countername = pageDescriptor.toLowerCase() + '.page'; </script>      <meta name="viewport" content="width=device-width, initial-scale=1.0"><meta property="fb:admins" content="100004154058350"><link rel="stylesheet" href="https://web.archive.org/web/20190413020417cs_/https://nav.files.bbci.co.uk/orbit/2.0.0-534.e89ea3ce/css/orb-ltr.min.css"><script type="text/javascript">/*<![CDATA[*/ window.orb = { lang: 'en', bbcBaseUrl: 'https://web.archive.org/web/20190413020417/https://www.bbc.co.uk', bbcUrlPrefix: 'https://web.archive.org/web/20190413020417/https://www.', staticHost: 'https://web.archive.org/web/20190413020417/https://nav.files.bbci.co.uk/orbit/2.0.0-534.e89ea3ce', figUrl: 'https://web.archive.org/web/20190413020417/https://fig.bbc.co.uk/frameworks/fig/2/fig.js', partialCookieOvenUrl: 'https://web.archive.org/web/20190413020417/https://cookie-oven.api.bbc' }; document.documentElement.className += (document.documentElement.className? ' ' : '') + 'orb-js'; window.orb.worldwideNavlinks = ''; /*]]>*/</script><script>// Promise polyfill from https://github.com/bramstein/promis (function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}} function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})}; function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}()); //Element.prototype.matches polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; } //NodeList.forEach Polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Polyfill if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } // Object.assign polyfill from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Polyfill if (typeof Object.assign != 'function') { // Must be writable: true, enumerable: false, configurable: true Object.defineProperty(Object, "assign", { value: function assign(target, varArgs) { // .length of function is 2 'use strict'; if (target == null) { // TypeError if undefined or null throw new TypeError('Cannot convert undefined or null to object'); } var to = Object(target); for (var index = 1; index < arguments.length; index++) { var nextSource = arguments[index]; if (nextSource != null) { // Skip over if undefined or null for (var nextKey in nextSource) { // Avoid bugs when hasOwnProperty is shadowed if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { to[nextKey] = nextSource[nextKey]; } } } } return to; }, writable: true, configurable: true }); } if (typeof window.CustomEvent !== 'function') { function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: null }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.CustomEvent = CustomEvent; } (function() { var language = 'en'; language = 'en'; var modal = false; var istatsLabels = {name: 'cbeebies.grownups.7_tips_for_gardening_with_children.page' || undefined}; istatsLabels['app_name'] = 'cbeebies'; istatsLabels['app_type'] = 'responsive'; function getMetaValue(propertyName) { var metaTag = document.querySelector( "meta[property='" + propertyName + "'], " + "meta[name='" + propertyName + "']"); if (metaTag) { return metaTag.getAttribute("content"); } else { throw new Error('No meta tag called: ' + propertyName) } } function generateCountername() { var pathName = window.location.pathname .replace(/\/$/, "") .replace(/^\//, "") .replace(/\//g, '.'); return pathName + '.page'; } var additionalPageProperties = {}; additionalPageProperties['custom_var_1'] = 'mr-blooms-nursery'; additionalPageProperties['custom_var_2'] = 'false'; additionalPageProperties['custom_var_3'] = 'false'; additionalPageProperties['custom_var_4'] = 'school-holidays-survival-kit'; additionalPageProperties['custom_var_5'] = 'bid-Gardening_With_Kids_Bloom_1024_576.jpg'; additionalPageProperties['custom_var_6'] = '2017-02-06T12:20:09.949Z'; additionalPageProperties['custom_var_7'] = '2017-10-13T14:08:23.559Z'; additionalPageProperties['custom_var_10'] = 'none'; additionalPageProperties['app_name'] = 'cbeebies'; var page = { name: '' || istatsLabels.name || generateCountername(), destination: 'cbeebies' || null, producer: 'cbeebies' || null, section: 'grownups' || null, site: '' || istatsLabels.bbc_site || istatsLabels.app_name || istatsLabels.prod_name || null, contentId: 'urn:bbc:isite2:fa2d8a61-f188-4fce-a2c9-67086bb53d6d' || null, contentType: 'article' || null, edition: '' || null, additionalProperties: additionalPageProperties }; function updatePageData(newData) { page = Object.assign(page, newData); } document.addEventListener('bbc-page-reset', function(event) { if (event.detail && event.detail.page) { updatePageData(event.detail.page); } document.dispatchEvent(new Event('bbc-page-updated')); }); window.bbcpage = { loadModule: function(deps) { return new Promise(function (resolve, reject) { window.require(deps, function () { resolve.apply(this, arguments); }, function (error) { reject(error); }); }) }, loadCSS: function (url, timeout) { return window.bbcpage.loadModule(['orb/lib/_$']) .then(function($) { return new Promise(function(resolve, reject) { var stylesheet = loadCSS(url); $.onloadCSS(stylesheet, function() { resolve(); }); if (timeout) { setTimeout(function () { reject(); }, timeout); } }); }); }, isModal: function () { return modal; }, getLanguage: function () { return new Promise(function(resolve, reject) { resolve(language); }); }, trackRegion: function (region, labels) { return window.bbcpage.loadModule(['istats-1']) .then(function(istats) { var trackLabels = { region: region }; for (var label in labels) { trackLabels[label] = labels[label]; } var linkType = labels.linkType || 'internal'; istats.track(linkType, trackLabels); }); }, getName: function() { return Promise.resolve(page.name); }, getDestination: function() { return Promise.resolve(page.destination); }, getProducer: function() { return Promise.resolve(page.producer); }, getSite: function() { return Promise.resolve(page.site); }, getSection: function() { return Promise.resolve(page.section); }, getContentType: function() { return Promise.resolve(page.contentType); }, getContentId: function() { return Promise.resolve(page.contentId); }, getEdition: function() { return new Promise(function (resolve, reject) { if (page.edition) { resolve(page.edition); return; } try { resolve(getMetaValue('x-audience').toLowerCase()); } catch (err){ // This property is related to Chartbeat; see http://support.chartbeat.com/docs/ if (window._sf_async_config) { resolve(window._sf_async_config.region || null); } } resolve(null); }); }, getAdditionalProperties: function() { return Promise.resolve(page.additionalProperties); } }; var country; var sanitiseCountry = function(country) { return country ? country.replace(/ /g, '') : undefined; } window.bbcuser = { getHashedId: function() { if (modal) { return undefined; } return window.bbcpage.loadModule(['idcta-v2/idcta-1']) .then(function(idcta) { return idcta.getCookieInstance().getHidFromCookie(); }); }, getCountry: function() { if (country) { return new Promise(function(resolve, reject) { resolve(sanitiseCountry(country)); }) } else { return window.bbcpage.loadModule(['orb/fig']) .then(function(orbFig) { return new Promise(function(resolve, reject) { orbFig.load(function (fig) { if (fig.geo.isUK()) { resolve('GB'); } else if (fig.geo.isEU()) { resolve('EU'); } else { resolve(undefined); } }, function () { reject('Error determining country. Timeout?'); }); }); }); } }, isUKCombined: function(inputCountry) { return window.bbcpage.loadModule(['orb/bbcuser']) .then(function(service) { return new Promise(function(resolve, reject) { if (inputCountry) { resolve(service.isUKCombined(sanitiseCountry(inputCountry))); } else { window.bbcuser.getCountry().then(function(fetchedCountry){ resolve(service.isUKCombined(fetchedCountry)); }) } }); }); }, isEU: function(inputCountry) { return window.bbcpage.loadModule(['orb/bbcuser']) .then(function(service) { return new Promise(function(resolve, reject) { if (inputCountry) { resolve(service.isEU(sanitiseCountry(inputCountry))); } else { window.bbcuser.getCountry().then(function(fetchedCountry){ resolve(service.isEU(fetchedCountry)); }) } }); }); }, isSignedIn: function() { return window.bbcpage.loadModule(['idcta-v2/idcta-1']) .then(function(idcta) { return (idcta && idcta.getCookieInstance().hasCookie()); }); }, allowsPerformanceCookies: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled() && !!bbccookies.readPolicy('performance'); }); }, allowsFunctionalCookies: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled() && !!bbccookies.readPolicy('personalisation'); }); }, getCookieValue: function(cookieName) { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return bbccookies.get(cookieName); }); }, resetCookiesPreferences: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { bbccookies.setDefaultCookiesSingleDomain(); }); }, hasCookiesEnabled: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled(); }); }, hasSeenCookieBanner: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function (bbccookies) { return !!bbccookies.isCookiePolicySet(); }); }, logEvent: function (verb, noun, extraLabels) { return window.bbcuser.hasCookiesEnabled() .then(function(allowsCookies) { if (allowsCookies) { return window.bbcpage.loadModule(['istats-1']) .then(function(istats) { istats.log(verb, noun, extraLabels); }); } else { throw new Error('User cannot be tracked due to cookies preferences.'); } }); }, }; }());</script><script src="https://web.archive.org/web/20190413020417js_/https://nav.files.bbci.co.uk/orbit/2.0.0-534.e89ea3ce/js/require.min.js"></script> <script src="https://web.archive.org/web/20190413020417js_/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-267.b8aa209/cookie-banner/cookie-library.min.js"></script><script type="text/javascript">define('orb/cookies', function() { return window.bbccookies; });</script> <script src="https://web.archive.org/web/20190413020417js_/https://nav.files.bbci.co.uk/orbit/2.0.0-534.e89ea3ce/js/api.min.js"></script><script type="text/javascript">window.bbcFlagpoles_istats="ON",require.config({paths:{"istats-1":"https://web.archive.org/web/20190413020417/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-267.b8aa209/istats/istats-1"}}),require(["istats-1","orb/cookies"],function(a,t){if(t.isAllowed("s1")){var e=(o=document.location.href.match(/^(?:https|http):\/\/\w*\.(?:(int|test|stage|live|)\.)?bbc\.(?:co\.uk|com)/))?void 0===o[1]||""===o[1]||"live"===o[1]?"//web.archive.org/web/20190413020417/https://sa.bbc.co.uk/bbc/bbc/s":"//web.archive.org/web/20190413020417/https://sa.bbc.co.uk/bbc/"+o[1]+"/s":"//web.archive.org/web/20190413020417/https://sa.bbc.co.uk/bbc/test/s";a.addCollector({name:"default",url:e,separator:"&"});var s="cbeebies.grownups.7_tips_for_gardening_with_children.page";a.setCountername(s),window.istats_countername&&a.setCountername(window.istats_countername),a.addLabels("ml_name=webmodule&ml_version=0.0.1-267.b8aa209&blq_e=orbit&blq_r=orbit&blq_s=orbit&blq_v=cbeebies&language=en&app_name=cbeebies&app_type=responsive")}var o});</script><link rel="stylesheet" href="https://web.archive.org/web/20190413020417cs_/https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.10.0/style/id-cta.css"><script type="text/javascript">(function() {if (!window.require) {throw new Error('idcta: could not find require module');}if (typeof(map) == 'undefined') {var map = {};}if (!!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect) {document.documentElement.className += ' id-svg';}var ptrt = new RegExp("[\\?&]ptrt=([^&]*)").exec(document.location.href);var ENDPOINT_URL = 'https://web.archive.org/web/20190413020417/https://idcta.api.bbc.co.uk';var ENDPOINT_CONFIG = ('/idcta/config?callback=&ptrt=' + encodeURIComponent((ptrt ? ptrt[1] : document.location.href))).replace(/\&/g, '&');var ENDPOINT_TRANSLATIONS = '/idcta/translations?callback=';function hasPromise() {var P = window.Promise;var promiseToString = null;if (P) {try {promiseToString = Object.prototype.toString.call(P.resolve());} catch(e) {/*silently ignored*/}}return (promiseToString === '[object Promise]' && !P.cast);}if (hasPromise()) {define('idcta/es6-promise', function() {return window.Promise;});define('idcta-v2/es6-promise', function() {return window.Promise;});}map['idcta-v2'] = 'https://web.archive.org/web/20190413020417/https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.10.0/modules/idcta-v2';map['idcta-v2/config'] = ENDPOINT_URL + ENDPOINT_CONFIG;map['idcta-v2/translations'] = ENDPOINT_URL + ENDPOINT_TRANSLATIONS;map['idcta'] = 'https://web.archive.org/web/20190413020417/https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.8.2/modules/idcta';map['idcta-v2/idcta-1'] = 'https://web.archive.org/web/20190413020417/https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.10.0/modules/idcta-v2/dist/idcta-1.min';const idctaShim = {deps: ['idcta-v2/idcta-1'],};require({shim: {'idcta-v2/statusbar': idctaShim,'idcta-v2/id-config': idctaShim},map: {'*': {'idcta/idcta-1': 'idcta-v2/idcta-1','idcta': 'idcta-v2',}},paths: map});window.idctaBaseUrl = ENDPOINT_URL;define('idcta/config', ['idcta-v2/config'], function(data) {return data;});define('idcta/translations', ['idcta-v2/translations'], function(data) {return data;});})();</script> <script type="text/javascript">/*<![CDATA[*/ var _sf_startpt = (new Date()).getTime(); /*]]>*/</script><style type="text/css">.bbccom_display_none{display:none;}</style><script type="text/javascript">/*<![CDATA[*/ var bbcdotcomConfig, googletag = googletag || {}; googletag.cmd = googletag.cmd || [], bbcdotcomScripts = [], tp = window.tp || []; var bbcdotcom = false; (function(){ if(typeof require !== 'undefined') { require({ paths:{ "bbcdotcom":"https://web.archive.org/web/20190413020417/https://static.bbc.co.uk/bbcdotcom/2.1.0/script" } }); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ var bbcdotcom = { adverts: { keyValues: { set: function() {} } }, advert: { write: function () {}, show: function () {}, isActive: function () { return false; }, layout: function() { return { reset: function() {} } } }, config: { init: function() {}, isActive: function() {}, setSections: function() {}, isAdsEnabled: function() {}, setAdsEnabled: function() {}, isAnalyticsEnabled: function() {}, setAnalyticsEnabled: function() {}, setAssetPrefix: function() {}, setVersion: function () {}, setJsPrefix: function() {}, setSwfPrefix: function() {}, setCssPrefix: function() {}, setConfig: function() {}, getAssetPrefix: function() {}, getJsPrefix: function () {}, getSwfPrefix: function () {}, getCssPrefix: function () {}, isOptimizelyEnabled: function() {} }, survey: { init: function(){ return false; } }, data: {}, init: function() {}, objects: function(str) { return false; }, locale: { set: function() {}, get: function() {} }, setAdKeyValue: function() {}, utils: { addEvent: function() {}, addHtmlTagClass: function() {}, log: function () {} }, addLoadEvent: function() {} }; /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (typeof orb !== 'undefined' && typeof orb.fig === 'function') { if (orb.fig('ad') && orb.fig('uk') == 0) { bbcdotcom.data = { ads: (orb.fig('ad') ? 1 : 0), stats: (orb.fig('uk') == 0 ? 1 : 0), statsProvider: orb.fig('ap') }; } } else { document.write('<script type="text/javascript" src="https://web.archive.org/web/20190413020417/https://www.bbc.com/wwscripts/data">\x3C/script>'); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (typeof orb === 'undefined' || typeof orb.fig !== 'function') { bbcdotcom.data = { ads: bbcdotcom.data.a, stats: bbcdotcom.data.b, statsProvider: bbcdotcom.data.c }; } if (bbcdotcom.data.ads == 1) { document.write('<script type="text/javascript" src="https://web.archive.org/web/20190413020417/https://www.bbc.com/wwscripts/flag">\x3C/script>'); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (window.bbcdotcom && (typeof bbcdotcom.flag == 'undefined' || (typeof bbcdotcom.data.ads !== 'undefined' && bbcdotcom.flag.a != 1))) { bbcdotcom.data.ads = 0; } if (/[?|&]ads/.test(window.location.href) || /(^|; )ads=on; /.test(document.cookie) || /; ads=on(; |$)/.test(document.cookie)) { bbcdotcom.data.ads = 1; bbcdotcom.data.stats = 1; } if (window.bbcdotcom && (bbcdotcom.data.ads == 1 || bbcdotcom.data.stats == 1)) { bbcdotcom.assetPrefix = "https://web.archive.org/web/20190413020417/https://static.bbc.co.uk/bbcdotcom/2.1.0/"; if (/(sandbox|int)(.dev)*.bbc.co*/.test(window.location.href) || /[?|&]ads-debug/.test(window.location.href) || document.cookie.indexOf('ads-debug=') !== -1) { document.write('<script type="text/javascript" src="https://web.archive.org/web/20190413020417/https://static.bbc.co.uk/bbcdotcom/2.1.0/script/dist/bbcdotcom.dev.js">\x3C/script>'); } else { document.write('<script type="text/javascript" src="https://web.archive.org/web/20190413020417/https://static.bbc.co.uk/bbcdotcom/2.1.0/script/dist/bbcdotcom.js">\x3C/script>'); } } })(); /*]]>*/</script><script type="text/javascript">if (window.bbcdotcom && bbcdotcom.data.stats == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20190413020417/https://secure-us.imrworldwide.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20190413020417/https://me-cdn.effectivemeasure.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20190413020417/https://ssc.api.bbc.com/">'); } if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20190413020417/https://www.googletagservices.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20190413020417/https://bbc.gscontxt.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20190413020417/https://tags.crwdcntrl.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20190413020417/https://ad.crwdcntrl.net/">'); }</script><script type="text/javascript">if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<meta name="google-site-verification" content="auTeTTwSt_KBY_4iDoR00Lwb7-qzx1IgzJy6ztaWgEI" />'); }</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (window.bbcdotcom && (bbcdotcom.data.ads == 1 || bbcdotcom.data.stats == 1)) { bbcdotcomConfig = {"adFormat":"standard","adKeyword":"","adMode":"smart","adsEnabled":true,"appAnalyticsSections":"","asyncEnabled":true,"disableInitialLoad":false,"advertInfoPageUrl":"https:\/\/web.archive.org\/web\/20190413020417\/https:\/\/www.bbc.com\/privacy\/cookies\/international\/","advertisementText":"Advertisement","analyticsEnabled":true,"sherlockEnabled":false,"appName":"cbeebies","assetPrefix":"https:\/\/web.archive.org\/web\/20190413020417\/https:\/\/static.bbc.co.uk\/bbcdotcom\/2.1.0\/","customAdParams":[],"customStatsParams":[],"headline":"","id":"","inAssociationWithText":"in association with","keywords":"","language":"","orbTransitional":false,"lotameWSEnabled":false,"optimizelyEnabled":true,"palEnv":"live","productName":"cbeebies","sections":[],"comScoreEnabled":true,"comscoreSite":"bbc","comscoreID":"19293874","comscorePageName":"","slots":"","sponsoredByText":"is sponsored by","adsByGoogleText":"Ads by Google","summary":"","type":"","features":{"testfeature":{"name":"testfeature","envs":["sandbox","int","test"],"on":true,"options":{},"override":null},"lxadverts":{"name":"lxadverts","envs":[],"on":true,"options":{},"override":null}},"staticBase":"\/bbcdotcom","staticHost":"https:\/\/web.archive.org\/web\/20190413020417\/https:\/\/static.bbc.co.uk","staticVersion":"2.1.0","staticPrefix":"https:\/\/web.archive.org\/web\/20190413020417\/https:\/\/static.bbc.co.uk\/bbcdotcom\/2.1.0","dataHttp":"tps.bbc.com","dataHttps":"www.bbc.com","flagHttp":"www.bbc.co.uk","flagHttps":"www.bbc.co.uk","analyticsHttp":"sa.bbc.com","analyticsHttps":"ssa.bbc.com"}; bbcdotcom.config.init(bbcdotcomConfig, bbcdotcom.data, window.location, window.document); bbcdotcom.config.setFlagpoles(bbcdotcom.flag || {}); bbcdotcom.config.setAssetPrefix("https://web.archive.org/web/20190413020417/https://static.bbc.co.uk/bbcdotcom/2.1.0/"); bbcdotcom.config.setVersion("2.1.0"); document.write(''); document.write(''); document.write(''); if (/[?|&]ex-dp/.test(window.location.href) || document.cookie.indexOf('ex-dp=') !== -1) { bbcdotcom.utils.addHtmlTagClass('bbcdotcom-ex-dp'); } } })(); /*]]>*/</script><script type="text/javascript">var initOptimizely = (function(isEnabled){ if(!isEnabled) return; var logger = window.bbcdotcom.Logger('bbcdotcom:head:optimizely'); /* Allow Optimizely in these paths */ var allowPaths = ['/', '/wwhp']; /* Only run on optimizely on homepage */ if (bbcdotcom.utils && allowPaths.indexOf(window.location.pathname) !== -1 && window.bbccookies && bbccookies.readPolicy('performance') ){ /* set correct OptimizelyURL for prod or sandbox */ var optimizelyURL = "https://web.archive.org/web/20190413020417/https://cdn.optimizely.com/public/4621041136/s/bbccom_sandbox.js"; if(window.location.hostname === 'www.bbc.com') { optimizelyURL = "https://web.archive.org/web/20190413020417/https://cdn.optimizely.com/public/4621041136/s/bbccom_prod.js"; } /* Set cookie to 1 year */ window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({ "type": "cookieExpiration", "cookieExpirationDays": 365 }); document.write('<script type="text/javascript" src="'+optimizelyURL+'">\x3C/script>'); } })( bbcdotcom.config.isOptimizelyEnabled() );</script><script type="text/javascript">/*<![CDATA[*/ if ( window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.ads && bbcdotcom.data.ads == 1 && bbcdotcom.config && bbcdotcom.config.isGrapeshotEnabled && bbcdotcom.config.isGrapeshotEnabled() && bbcdotcom.config.isWorldService && !bbcdotcom.config.isWorldService() ) { var gs_channels="DEFAULT"; (function () { var gsurl = window.location.href.split("?")[0]; bbcdotcomScripts.push({src:'https://web.archive.org/web/20190413020417/https://bbc.gscontxt.net/?url='+encodeURIComponent(gsurl)}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.stats && bbcdotcom.data.stats == 1 && bbcdotcom.config && bbcdotcom.config.isLotameEnabled && bbcdotcom.config.isLotameEnabled()){ (function () { var clientId, lotameUrl, lotameAudienceUrl; clientId = (bbcdotcom.config.isWorldService && bbcdotcom.config.isWorldService()) ? '10826' : '10816'; lotameUrl = 'https://web.archive.org/web/20190413020417/https://tags.crwdcntrl.net/c/'+clientId+'/cc.js?ns='+clientId; lotameAudienceUrl = 'https://web.archive.org/web/20190413020417/https://ad.crwdcntrl.net/5/c=10815/pe=y/var=ccauds'; bbcdotcomScripts.push({src:lotameUrl,id:"LOTCC"+clientId}); bbcdotcomScripts.push({src:lotameAudienceUrl}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ /** * ASYNC waits to make any gpt requests until the bottom of the page */ if ( window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.ads && bbcdotcom.data.ads == 1 && bbcdotcom.config && bbcdotcom.config.isAsync && bbcdotcom.config.isAsync() ) { (function () { bbcdotcomScripts.push({src:'https://web.archive.org/web/20190413020417/https://www.googletagservices.com/tag/js/gpt.js'}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ /* Load Lotame, Grapeshot and GPT without blocking rendering but executing in order */ if ( bbcdotcomScripts && bbcdotcomScripts.length > 0 ) { (function () { bbcdotcomScripts.forEach(function(item) { var script = document.createElement('script'); script.async = false; if(item.id) script.id = item.id; script.src = item.src; document.head.appendChild(script); }); })(); } /*]]>*/</script><script type="text/javascript" async="true">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.stats && bbcdotcom.data.stats == 1 && bbcdotcom.config && bbcdotcom.config.isLotameEnabled && bbcdotcom.config.isLotameEnabled() && bbcdotcom.lotame){ (function () { bbcdotcom.lotame.callback(); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.head = true; }()); /*]]>*/</script><script type="text/javascript">// Globally available search context window.SEARCHBOX={"variant":"cbeebies","locale":"en","navSearchboxStaticPrefix":"https://web.archive.org/web/20190413020417/https://nav.files.bbci.co.uk/searchbox/1.1.0-9.4f867d9","searchboxAppStaticPrefix":"https://web.archive.org/web/20190413020417/https://nav.files.bbci.co.uk/searchbox/1.1.0-9.4f867d9/drawer","searchFormHtml":"<div tabindex=\"-1\" data-reactroot=\"\" data-reactid=\"1\" data-react-checksum=\"729995048\"><div data-reactid=\"2\"><section class=\"se-searchbox-panel\" data-reactid=\"3\"><div class=\"se-g-wrap\" data-reactid=\"4\"><div class=\"se-g-layout\" data-reactid=\"5\"><div class=\"se-g-layout__item se-searchbox-title\" aria-hidden=\"true\" data-reactid=\"6\">search</div><div class=\"se-g-layout__item se-searchbox\" data-reactid=\"7\"><form accept-charset=\"utf-8\" id=\"searchboxDrawerForm\" method=\"get\" action=\"https://search.bbc.co.uk/search\" data-reactid=\"8\"><label class=\"se-searchbox__input\" for=\"se-searchbox-input-field\" data-reactid=\"9\"><span class=\"se-sr-only\" data-reactid=\"10\">Search Term</span><input type=\"text\" name=\"q\" value=\"\" id=\"se-searchbox-input-field\" class=\"se-searchbox__input__field\" maxlength=\"512\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" data-reactid=\"11\"/></label><input type=\"hidden\" name=\"scope\" value=\"\" data-reactid=\"12\"/><button type=\"submit\" class=\"se-searchbox__submit\" tabindex=\"0\" data-reactid=\"13\">Search</button><button type=\"button\" class=\"se-searchbox__clear se-searchbox__clear--visible\" tabindex=\"0\" data-reactid=\"14\">Close</button></form></div></div></div></section><div aria-live=\"polite\" aria-atomic=\"true\" class=\"se-suggestions-container\" data-reactid=\"15\"><section class=\"se-g-wrap\" data-reactid=\"16\"></section></div></div></div>","searchScopePlaceholder":"<input type=\"hidden\" name=\"scope\" id=\"orb-search-scope\" value=\"cbeebies\">","searchScopeParam":"?scope=cbeebies","searchScopeTemplate":"cbeebies","searchPlaceholderWrapperStart":"","searchPlaceholderWrapperEnd":""}; window.SEARCHBOX.suppress = false; window.SEARCHBOX.searchScope = SEARCHBOX.searchScopeTemplate.split('-')[0];</script><link rel="stylesheet" href="https://web.archive.org/web/20190413020417cs_/https://nav.files.bbci.co.uk/searchbox/1.1.0-9.4f867d9/css/main.css"><script type="text/javascript">require.config({ "paths": { "orb/async/_footerpromo": 'https://web.archive.org/web/20190413020417/https://nav.files.bbci.co.uk/navpromo/2.0.0-105.e37c4ea/js/async/_footerpromo' } });</script> <script type="text/javascript">"use strict";require.config({paths:{reverb:"https://web.archive.org/web/20190413020417/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/reverb-0.8.0"}}),function(){var e=function(a){require(["reverb"],function(e){if(a&&a.detail){var t=a.detail.label,i=a.detail.type,n=a.detail.elem,r=a.detail.originalEvent,c=a.detail.isClick;e.invoke().then(function(){e.userActionEvent(i,t,a.detail,n,r,c)})}})};document.addEventListener("bbc-user-event",e),document.addEventListener("bbc-user-click",e),document.addEventListener("bbc-page-updated",function(){require(["reverb"],function(e){e.invoke().then(function(){e.trackPage()})})})}();</script> <script> require.config({ paths: { 'optimizely-dax': ['https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/stats/optimizely-dax-2.0.2'] } }); require(['istats-1', 'optimizely-dax'], function (istats, optimizelyDax) { window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({'type': 'sendEvents'}); optimizelyDax.init(istats); }); </script> <script type="text/javascript"> require(['orb/fig'], function(orbFig) { orbFig.load(function(fig) { if (!fig.geo.isUK()) { window.location = "https://web.archive.org/web/20190413020417/http://www.cbeebies.com"; } }); }); </script> <script type="text/javascript" src="https://web.archive.org/web/20190413020417js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20190413020417js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/matchMedia.js"></script> <script>window.Morph = {}</script> <script type="text/javascript">Morph.markPerformance = function(label) { if(window.performance && window.performance.mark) { window.performance.mark(label); } }; Morph.versions = {}; Morph.modules = {}; Morph.config = { cdn: "m.files.bbci.co.uk", pushEnv: "live" }; Morph.styles = {}; Morph.styleSrc = []; Morph.toInit = {bundles: [], registers: [], payloads: []}; Morph.initStyles = function() { if (!Morph.enhanced) { var eles = Array.prototype.slice.call(document.getElementsByTagName('noscript')); for (var i = 0, len = eles.length; i<len; i++) { if (eles[i].className === 'morph-core-style') { document.write(eles[i].innerText); eles[i].parentNode.removeChild(eles[i]); } } return; } for (var j = 0, jLen = Morph.styleSrc.length; j<jLen; j++) { document.write(Morph.styleSrc[j]); } Morph.styleSrc = []; };</script> <script type="text/javascript">Morph.forceCore = window.location.search.indexOf('morph-disable-enhanced=1')>-1; Morph.modernBrowser = ( 'addEventListener' in window && 'querySelector' in document && 'localStorage' in window ); Morph.isOperaMini = ( window.navigator.userAgent.indexOf('Opera Mini/')>-1 && window.navigator.userAgent.indexOf('Presto/')>-1 ); Morph.enhanced = (!Morph.forceCore && Morph.modernBrowser && !Morph.isOperaMini);</script> <noscript class="morph-core-style"><style>.reactions-styleguide__section{background-color:#fff;margin-bottom:32px}@media (min-width: 37.5em){.reactions-styleguide__section{padding:16px}}.reactions-styleguide__heading{background-color:#FFD201;margin-left:-16px;margin-right:-16px;padding:16px}.reactions-styleguide__heading:first-of-type{margin-top:-16px}.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:18px;font-size:1.125rem;line-height:22px;line-height:1.375rem;font-weight:bold;margin-bottom:16px;margin-top:32px}#reactions-list li{list-style:none}.reactions__standalone .content-item-description{*zoom:1}.reactions__standalone .content-item-description:before,.reactions__standalone .content-item-description:after{content:" ";display:table}.reactions__standalone .content-item-description:after{clear:both}.reactions__standalone{max-width:864px}.reactions__standalone::before{position:relative;content:"";display:block;width:100%;background-color:black;padding-top:56.25%;z-index:999}.reactions__standalone .content-item-description{color:palette("text-dark");padding:16px 8px}@media (min-width: 37.5em){.reactions__standalone .content-item-description{padding:16px}}.reactions__standalone .reactions-container{width:calc(100% + 16px);margin-top:-16px;margin-right:-16px;margin-bottom:16px;margin-left:-8px}.content-item--riddle-content .reactions__standalone .reactions-container{margin-top:0}@media (min-width: 37.5em){.reactions__standalone .reactions-container{width:calc(100% + 32px);margin-left:-16px}}.reactions__standalone .content-item-description .reactions-cta{float:right;padding-left:16px;padding-right:4px}@media (min-width: 25em){.reactions__standalone .content-item-description .reactions-cta{padding-right:8px}}@media (min-width: 37.5em){.reactions__standalone .content-item-description .reactions-cta{padding-right:16px}}.reactions__standalone .content-item-description .reactions-cta--open{margin-top:0}.reactions__standalone .content-item-description .reactions-tray__reactions{z-index:999}.reactions-module{pointer-events:none;position:relative}.reactions .reactions-tray{margin-top:-36px;position:relative;z-index:999;pointer-events:none}.reactions .reactions-tray::before{display:block;height:20px;content:''}.reactions .reactions-tray__reactions-container{display:block;position:relative;padding:0 3px;max-height:0;height:auto;transition:max-height 300ms 120ms;background-color:#FDF6FF}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (prefers-reduced-motion: reduce){.reactions .reactions-tray__reactions-container{transition:none;max-height:0}}.reactions .reactions-tray__reactions-container:after{content:"";position:absolute;width:100%;height:5px;left:0;background:linear-gradient(rgba(43,31,90,0), rgba(43,31,90,0.2));bottom:0;visibility:hidden;transition:visibility 1ms 300ms}.reactions .reactions-tray__reactions-container li{padding-bottom:0;visibility:hidden;transition:visibility 0ms linear 300ms}.reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;color:#333;opacity:0;padding-bottom:16px;text-align:center;text-transform:uppercase;transition:opacity 300ms,visibility 0s linear 200ms;visibility:hidden}.reactions .reactions-tray__reactions-container--open{display:block;max-height:124px;pointer-events:all;transition:max-height 300ms}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container--open{max-height:154px}}.reactions .reactions-tray__reactions-container--open:after{visibility:visible;transition:visibility 1ms}.reactions .reactions-tray__reactions-container--open li{visibility:visible;transition:visibility 0ms linear 0ms}.reactions .reactions-tray__reactions-container--open .reactions-tray__reactive-prompt{visibility:visible;opacity:1}.reactions .reactions-cta{border:0;position:relative;overflow:visible;cursor:pointer;background-color:transparent;margin:8px 0;pointer-events:auto;z-index:999}.reactions .reactions-cta:hover .cta-cbbc-icon,.reactions .reactions-cta:hover .cta-cbeebies-icon{animation-play-state:paused}@media (min-width: 37.5em){.reactions .reactions-cta:hover .cta-cbbc-icon svg,.reactions .reactions-cta:hover .cta-cbeebies-icon svg{transition:all 500ms ease;transform:scale(1.1)}}.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbbc-icon,.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbeebies-icon{display:block;animation-name:wiggle;animation-duration:7s;animation-delay:5s;animation-iteration-count:3}.reactions .cta-icon svg{width:54px}@keyframes wiggle{0%{transform:scale(1) rotate(0deg)}10%{transform:scale(1.05) rotate(0deg)}11%{transform:scale(1.05) rotate(-5deg)}13%{transform:scale(1.05) rotate(5deg)}15%{transform:scale(1.05) rotate(-5deg)}17%{transform:scale(1.05) rotate(5deg)}19%{transform:scale(1.05) rotate(-5deg)}20%{transform:scale(1.05) rotate(0deg)}30%{transform:scale(1) rotate(0deg)}}.reactions .reactions-cta-image{display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;font-size:15px;font-size:.9375rem;line-height:18px;line-height:1.125rem;font-weight:bold;color:#2B1F5A;position:relative}.reactions .reactions-count-container{position:absolute;top:58%;left:-90%;height:25px;line-height:25px;width:80px;text-align:right;vertical-align:middle}.reactions .reactions-cta--open .cta-arrow-icon{transform:rotate(180deg)}.reactions .reaction-button{transition:opacity 200ms ease-in-out;opacity:0;outline:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover: hover), (-ms-high-contrast: none){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}}@media (hover: hover) and (min-width: 37.5em), (-ms-high-contrast: none) and (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}@-moz-document url-prefix(){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}@media (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}}.reactions .reaction-button:focus .reaction-focus-line{background-color:#2B1F5A}.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-12px}}.reactions .reaction-button.reaction-button--selected .reaction-icon svg{transform:rotate(20deg);transform-origin:center center;height:56px;width:56px;top:-8px;left:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon svg{height:84px;width:84px;top:-12px;left:-12px}}.reactions .animation-playing .reaction-button--selected{position:relative;z-index:1020}.reactions .animation-playing .reaction-button--selected .reaction-icon svg{z-index:1030;height:104px;width:104px;top:-32px;left:-32px}@media (min-width: 37.5em){.reactions .animation-playing .reaction-button--selected .reaction-icon svg{height:156px;width:156px;top:-48px;left:-48px}}.reactions .reaction-button--show{transition:opacity 43ms cubic-bezier(0, 0.94, 0.46, 0.85) 80ms;opacity:1}@media (prefers-reduced-motion: reduce){.reactions .reaction-button{transition:none}}.reactions .reaction-icon{display:block;position:relative;height:40px;width:40px;margin:4px auto;top:0}@media (min-width: 37.5em){.reactions .reaction-icon{height:60px;width:60px;margin-bottom:8px;margin-top:0}}.reactions .reaction-icon svg{position:absolute;top:0;left:0;height:40px;width:40px;transition:width 43ms ease-out,height 43ms ease-out,transform 43ms ease-out,top 43ms ease-out,left 43ms ease-out}@media (min-width: 37.5em){.reactions .reaction-icon svg{height:60px;width:60px}}.reactions .reaction-label,.reactions .reaction-count{display:block;position:relative;color:#2B1F5A}.reactions .reaction-label{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-weight:bold}@media (min-width: 37.5em){.reactions .reaction-label{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;font-weight:bold}}.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-size:11px;padding-bottom:3px}@media (min-width: 25em){.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase}}.reactions .reaction-focus-line{width:12px;height:3px;margin:0 auto;position:relative}.reactions .gel-icon{position:relative}.reactions .reactions-cookie-warning{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FFD201;text-align:center}.reactions .reactions-cookie-warning__inner{display:inline-block}.reactions .reactions-cookie-warning__icon{width:60px;height:50px;float:right;position:relative;overflow:hidden}.reactions .reactions-cookie-warning__icon svg{transform:rotate(15deg);position:absolute;top:-7.5px;left:0}.reactions .reactions-cookie-warning__text{text-align:left;padding:16px;-webkit-text-size-adjust:100%}@media (min-width: 37.5em){.reactions .reactions-cookie-warning__text{padding-right:60px;padding-left:60px}}.reactions .reactions-cookie-warning__link{color:#000;text-decoration:none;font-weight:bold;white-space:nowrap}.reactions .reactions-cookie-warning__link:hover{text-decoration:underline}.reactions .reactions-sprite-animation-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1000}.reactions .reactions-sprite-animation{position:absolute;overflow:hidden;pointer-events:none;width:150vw;height:150vh;margin-left:-75vw;margin-top:-67.5vh}.reactions .reactions-sprite-animation svg{width:100%;height:100%;max-height:100%;position:relative}.reactions .reactions-sprite__layer{visibility:hidden}.reactions .reactions-sprite-animation__slide--1 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--10{visibility:visible}.reactions .reactions-list{display:flex;display:-webkit-flex;display:-ms-flexbox;margin-bottom:10px;width:100%;justify-content:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between}@media (min-width: 25em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (min-width: 37.5em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center;margin:0 auto 10px;padding:8px 0 0}}.reactions .reactions-list li{flex-direction:row;padding:0 2px}@media (min-width: 25em){.reactions .reactions-list li{padding:0 4px}}@media (min-width: 37.5em){.reactions .reactions-list li{padding:0 5px}}.reactions .reactions-error-message{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FD3726;text-align:center;color:#fff}.reactions .reactions-error-message__inner{display:inline-block}.reactions .reactions-error-message__text{text-align:left;padding:16px}@media (min-width: 37.5em){.reactions .reactions-error-message__text{padding-right:60px;padding-left:60px}} </style></noscript><script>if (Morph.enhanced) { Morph.styles["bbc-morph-childrens-reactions/1.4.3"]=true; Morph.styleSrc.push("<style>.reactions-styleguide__section{background-color:#fff;margin-bottom:32px}@media (min-width: 37.5em){.reactions-styleguide__section{padding:16px}}.reactions-styleguide__heading{background-color:#FFD201;margin-left:-16px;margin-right:-16px;padding:16px}.reactions-styleguide__heading:first-of-type{margin-top:-16px}.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:18px;font-size:1.125rem;line-height:22px;line-height:1.375rem;font-weight:bold;margin-bottom:16px;margin-top:32px}@media (min-width: 37.5em){.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:21px;font-size:1.3125rem;line-height:24px;line-height:1.5rem}.no-touch .reactions-styleguide__heading,.no-touch .reactions-styleguide__subheading{font-size:20px;font-size:1.25rem}}#reactions-list li{list-style:none}.reactions__standalone .content-item-description{*zoom:1}.reactions__standalone .content-item-description:before,.reactions__standalone .content-item-description:after{content:\" \";display:table}.reactions__standalone .content-item-description:after{clear:both}.reactions__standalone{max-width:864px}.reactions__standalone::before{position:relative;content:\"\";display:block;width:100%;background-color:black;padding-top:56.25%;z-index:999}.reactions__standalone .content-item-description{color:palette(\"text-dark\");padding:16px 8px}@media (min-width: 37.5em){.reactions__standalone .content-item-description{padding:16px}}.reactions__standalone .reactions-container{width:calc(100% + 16px);margin-top:-16px;margin-right:-16px;margin-bottom:16px;margin-left:-8px}.content-item--riddle-content .reactions__standalone .reactions-container{margin-top:0}@media (min-width: 37.5em){.reactions__standalone .reactions-container{width:calc(100% + 32px);margin-left:-16px}}.reactions__standalone .content-item-description .reactions-cta{float:right;padding-left:16px;padding-right:4px}@media (min-width: 25em){.reactions__standalone .content-item-description .reactions-cta{padding-right:8px}}@media (min-width: 37.5em){.reactions__standalone .content-item-description .reactions-cta{padding-right:16px}}.reactions__standalone .content-item-description .reactions-cta--open{margin-top:0}.reactions__standalone .content-item-description .reactions-tray__reactions{z-index:999}.reactions-module{pointer-events:none;position:relative}.reactions .reactions-tray{margin-top:-36px;position:relative;z-index:999;pointer-events:none}.reactions .reactions-tray::before{display:block;height:20px;content:''}.reactions .reactions-tray__reactions-container{display:block;position:relative;padding:0 3px;max-height:0;height:auto;transition:max-height 300ms 120ms;background-color:#FDF6FF}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (prefers-reduced-motion: reduce){.reactions .reactions-tray__reactions-container{transition:none;max-height:0}}.reactions .reactions-tray__reactions-container:after{content:\"\";position:absolute;width:100%;height:5px;left:0;background:linear-gradient(rgba(43,31,90,0), rgba(43,31,90,0.2));bottom:0;visibility:hidden;transition:visibility 1ms 300ms}.reactions .reactions-tray__reactions-container li{padding-bottom:0;visibility:hidden;transition:visibility 0ms linear 300ms}.reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;color:#333;opacity:0;padding-bottom:16px;text-align:center;text-transform:uppercase;transition:opacity 300ms,visibility 0s linear 200ms;visibility:hidden}@media (min-width: 37.5em){.reactions .reactions-tray__reactive-prompt{font-size:13px;font-size:.8125rem}.no-touch .reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem}}.reactions .reactions-tray__reactions-container--open{display:block;max-height:124px;pointer-events:all;transition:max-height 300ms}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container--open{max-height:154px}}.reactions .reactions-tray__reactions-container--open:after{visibility:visible;transition:visibility 1ms}.reactions .reactions-tray__reactions-container--open li{visibility:visible;transition:visibility 0ms linear 0ms}.reactions .reactions-tray__reactions-container--open .reactions-tray__reactive-prompt{visibility:visible;opacity:1}.reactions .reactions-cta{border:0;position:relative;overflow:visible;cursor:pointer;background-color:transparent;margin:8px 0;pointer-events:auto;z-index:999}.reactions .reactions-cta:hover .cta-cbbc-icon,.reactions .reactions-cta:hover .cta-cbeebies-icon{animation-play-state:paused}@media (min-width: 37.5em){.reactions .reactions-cta:hover .cta-cbbc-icon svg,.reactions .reactions-cta:hover .cta-cbeebies-icon svg{transition:all 500ms ease;transform:scale(1.1)}}.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbbc-icon,.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbeebies-icon{display:block;animation-name:wiggle;animation-duration:7s;animation-delay:5s;animation-iteration-count:3}.reactions .cta-icon svg{width:54px}@keyframes wiggle{0%{transform:scale(1) rotate(0deg)}10%{transform:scale(1.05) rotate(0deg)}11%{transform:scale(1.05) rotate(-5deg)}13%{transform:scale(1.05) rotate(5deg)}15%{transform:scale(1.05) rotate(-5deg)}17%{transform:scale(1.05) rotate(5deg)}19%{transform:scale(1.05) rotate(-5deg)}20%{transform:scale(1.05) rotate(0deg)}30%{transform:scale(1) rotate(0deg)}}.reactions .reactions-cta-image{display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;font-size:15px;font-size:.9375rem;line-height:18px;line-height:1.125rem;font-weight:bold;color:#2B1F5A;position:relative}@media (min-width: 37.5em){.reactions .reactions-cta-image{line-height:20px;line-height:1.25rem}.no-touch .reactions .reactions-cta-image{font-size:14px;font-size:.875rem;line-height:18px;line-height:1.125rem}}.reactions .reactions-count-container{position:absolute;top:58%;left:-90%;height:25px;line-height:25px;width:80px;text-align:right;vertical-align:middle}.reactions .reactions-cta--open .cta-arrow-icon{transform:rotate(180deg)}.reactions .reaction-button{transition:opacity 200ms ease-in-out;opacity:0;outline:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover: hover), (-ms-high-contrast: none){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}}@media (hover: hover) and (min-width: 37.5em), (-ms-high-contrast: none) and (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}@-moz-document url-prefix(){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}@media (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}}.reactions .reaction-button:focus .reaction-focus-line{background-color:#2B1F5A}.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-12px}}.reactions .reaction-button.reaction-button--selected .reaction-icon svg{transform:rotate(20deg);transform-origin:center center;height:56px;width:56px;top:-8px;left:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon svg{height:84px;width:84px;top:-12px;left:-12px}}.reactions .animation-playing .reaction-button--selected{position:relative;z-index:1020}.reactions .animation-playing .reaction-button--selected .reaction-icon svg{z-index:1030;height:104px;width:104px;top:-32px;left:-32px}@media (min-width: 37.5em){.reactions .animation-playing .reaction-button--selected .reaction-icon svg{height:156px;width:156px;top:-48px;left:-48px}}.reactions .reaction-button--show{transition:opacity 43ms cubic-bezier(0, 0.94, 0.46, 0.85) 80ms;opacity:1}@media (prefers-reduced-motion: reduce){.reactions .reaction-button{transition:none}}.reactions .reaction-icon{display:block;position:relative;height:40px;width:40px;margin:4px auto;top:0}@media (min-width: 37.5em){.reactions .reaction-icon{height:60px;width:60px;margin-bottom:8px;margin-top:0}}.reactions .reaction-icon svg{position:absolute;top:0;left:0;height:40px;width:40px;transition:width 43ms ease-out,height 43ms ease-out,transform 43ms ease-out,top 43ms ease-out,left 43ms ease-out}@media (min-width: 37.5em){.reactions .reaction-icon svg{height:60px;width:60px}}.reactions .reaction-label,.reactions .reaction-count{display:block;position:relative;color:#2B1F5A}.reactions .reaction-label{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-weight:bold}@media (min-width: 37.5em){.reactions .reaction-label{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-label{font-size:12px;font-size:.75rem}}@media (min-width: 37.5em){.reactions .reaction-label{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;font-weight:bold}}@media (min-width: 37.5em) and (min-width: 20em){.reactions .reaction-label{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em) and (min-width: 37.5em){.no-touch .reactions .reaction-label{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-size:11px;padding-bottom:3px}@media (min-width: 37.5em){.reactions .reaction-count{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-count{font-size:12px;font-size:.75rem}}@media (min-width: 25em){.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase}}@media (min-width: 25em) and (min-width: 37.5em){.reactions .reaction-count{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-count{font-size:12px;font-size:.75rem}}.reactions .reaction-focus-line{width:12px;height:3px;margin:0 auto;position:relative}.reactions .gel-icon{position:relative}.reactions .reactions-cookie-warning{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FFD201;text-align:center}@media (min-width: 20em){.reactions .reactions-cookie-warning{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em){.no-touch .reactions .reactions-cookie-warning{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reactions-cookie-warning__inner{display:inline-block}.reactions .reactions-cookie-warning__icon{width:60px;height:50px;float:right;position:relative;overflow:hidden}.reactions .reactions-cookie-warning__icon svg{transform:rotate(15deg);position:absolute;top:-7.5px;left:0}.reactions .reactions-cookie-warning__text{text-align:left;padding:16px;-webkit-text-size-adjust:100%}@media (min-width: 37.5em){.reactions .reactions-cookie-warning__text{padding-right:60px;padding-left:60px}}.reactions .reactions-cookie-warning__link{color:#000;text-decoration:none;font-weight:bold;white-space:nowrap}.reactions .reactions-cookie-warning__link:hover{text-decoration:underline}.reactions .reactions-sprite-animation-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1000}.reactions .reactions-sprite-animation{position:absolute;overflow:hidden;pointer-events:none;width:150vw;height:150vh;margin-left:-75vw;margin-top:-67.5vh}.reactions .reactions-sprite-animation svg{width:100%;height:100%;max-height:100%;position:relative}.reactions .reactions-sprite__layer{visibility:hidden}.reactions .reactions-sprite-animation__slide--1 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--10{visibility:visible}.reactions .reactions-list{display:flex;display:-webkit-flex;display:-ms-flexbox;margin-bottom:10px;width:100%;justify-content:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between}@media (min-width: 25em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (min-width: 37.5em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center;margin:0 auto 10px;padding:8px 0 0}}.reactions .reactions-list li{flex-direction:row;padding:0 2px}@media (min-width: 25em){.reactions .reactions-list li{padding:0 4px}}@media (min-width: 37.5em){.reactions .reactions-list li{padding:0 5px}}.reactions .reactions-error-message{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FD3726;text-align:center;color:#fff}@media (min-width: 20em){.reactions .reactions-error-message{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em){.no-touch .reactions .reactions-error-message{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reactions-error-message__inner{display:inline-block}.reactions .reactions-error-message__text{text-align:left;padding:16px}@media (min-width: 37.5em){.reactions .reactions-error-message__text{padding-right:60px;padding-left:60px}}\n</style>"); }</script> <noscript class="morph-core-style"><style>.gs-c-reactions{list-style:none;margin:0;padding:0}.gs-c-reaction{border:0;padding:0;margin:0;background:none;min-height:44px;cursor:pointer} </style></noscript><script>if (Morph.enhanced) { Morph.styles["bbc-morph-reactions/4.2.0"]=true; Morph.styleSrc.push("<style>.gs-c-reactions{list-style:none;margin:0;padding:0}.gs-c-reaction{border:0;padding:0;margin:0;background:none;min-height:44px;cursor:pointer}\n</style>"); }</script> <script>if (Morph.enhanced) { Morph.styles["bbc-morph-gel-icons/2.2.0"]=true; Morph.styleSrc.push("<style>.gel-icon{display:inline-block}.gel-icon svg{width:inherit;height:inherit;fill:currentColor}.gel-icon--loading{-webkit-animation-name:gel-spin;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:gel-spin;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:gel-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@-moz-keyframes gel-spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes gel-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes gel-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}\n</style>"); }</script> <script type="text/javascript">Morph.initStyles(); /* u20992897492939777 */</script> <script type="text/javascript" id="js-require-config"> define('local/utils/config', function () { "use strict"; var currentTLD = function () { var hostname = window.location.hostname; if (hostname.indexOf('bbc.com') > -1) { return 'com'; } return 'co.uk'; }(); return { 'appName': 'cbeebies', 'env': 'live', 'uasKey': 'ocivkho3fups2', 'uasEnv': 'live', 'uasUrl': '', 'uasDomainSuffix': currentTLD, 'currentTLD': currentTLD, 'comscoreSiteOverride': '', 'comscoreTestServiceUrl': '', 'oneTooltipPerPageEnabled': 'true', 'analyticsReclassificationEnabled': true, 'breakpointConfig': [ { minWidth: 0, name: 'extra-small' }, { minWidth: 400, name: 'small' }, { minWidth: 600, name: 'medium' }, { minWidth: 768, name: 'medium-wide' }, { minWidth: 1008, name: 'wide' }, { minWidth: 1280, name: 'extra-wide' } ] }; }); </script> <script> define('childrens-mandolin', function () { "use strict"; var ROLLING_PERIOD_DAYS = 30; var Mandolin = function (id, segments, opts) { var now = new Date().getTime(), storedItem, DEFAULT_START = now, DEFAULT_RATE = 1, COOKIE_NAME = 'ckpf_childrens_mandolin'; opts = opts || {}; this._id = id; this._segmentSet = segments; this._store = new Mandolin.Storage(COOKIE_NAME); this._opts = opts; this._rate = (opts.rate !== undefined) ? +opts.rate : DEFAULT_RATE; this._startTs = (opts.start !== undefined) ? new Date(opts.start).getTime() : new Date(DEFAULT_START).getTime(); this._endTs = (opts.end !== undefined) ? new Date(opts.end).getTime() : daysFromNow(ROLLING_PERIOD_DAYS); this._signupEndTs = (opts.signupEnd !== undefined) ? new Date(opts.signupEnd).getTime() : this._endTs; this._segment = null; // initially // Check for invalid options if (typeof id !== 'string') { throw new Error('Invalid Argument: id must be defined and be a string'); } if (Object.prototype.toString.call(segments) !== '[object Array]') { throw new Error('Invalid Argument: Segments are required.'); } if (opts.rate !== undefined && (opts.rate < 0 || opts.rate > 1)) { throw new Error('Invalid Argument: Rate must be between 0 and 1.'); } if (this._startTs > this._endTs) { throw new Error('Invalid Argument: end date must occur after start date.'); } if (!(this._startTs < this._signupEndTs && this._signupEndTs <= this._endTs)) { throw new Error('Invalid Argument: SignupEnd must be between start and end date'); } // Clear out expired items from Storage before looking for stashed segment data removeExpired.call(this, now); // Load segment override from cookie and validate segment if set. var overrides = window.bbccookies.get().match(/ckns_mandolin_setSegments=([^;]+)/); if (overrides !== null) { eval('overrides = ' + decodeURIComponent(RegExp.$1) + ';'); if(overrides[this._id] && this._segmentSet.indexOf(overrides[this._id]) == -1){ throw new Error('Invalid Override: overridden segment should exist in segments array'); } } if (overrides !== null && overrides[this._id]){ this._segment = overrides[this._id]; } else if ((storedItem = this._store.getItem(this._id))) { this._segment = storedItem.segment; } else if (this._startTs <= now && now < this._signupEndTs && now <= this._endTs && this._store.isEnabled() === true) { this._segment = pick(segments, this._rate); if (opts.end === undefined) { this._store.setItem(this._id, {segment: this._segment}); } else { this._store.setItem(this._id, {segment: this._segment, end: this._endTs}); } log.call(this, 'mandolin_segment'); } // order matters: do this after the segment has been populated log.call(this, 'mandolin_view'); }; Mandolin.prototype.getSegment = function () { return this._segment; }; function log(actionType, params) { var that = this; require(['istats-1'], function (istats) { istats.log(actionType, that._id + ':' + that._segment, params ? params : {}); }); } function removeExpired(expires) { var items = this._store.getItems(), expiresInt = +expires; for (var key in items) { if (items[key].end !== undefined && +items[key].end < expiresInt) { this._store.removeItem(key); } } } function getLastExpirationDate(data) { var winner = 0, rollingExpire = daysFromNow(ROLLING_PERIOD_DAYS); for (var key in data) { if (data[key].end === undefined && rollingExpire > winner) { winner = rollingExpire; } else if (+data[key].end > winner) { winner = +data[key].end; } } return (winner) ? new Date(winner) : new Date(rollingExpire) ; } Mandolin.prototype.log = function (params) { log.call(this, 'mandolin_log', params); }; Mandolin.prototype.convert = function (params) { log.call(this, 'mandolin_convert', params); this.convert = function () {}; }; function daysFromNow(n) { var endDate; endDate = new Date().getTime() + (n * 60 * 60 * 24) * 1000; return endDate; } function pick(segments, rate) { var picked, min = 0, max = segments.length - 1; if (typeof rate === 'number' && Math.random() > rate) { return null; } do { picked = Math.floor(Math.random() * (max - min + 1)) + min; } while (picked > max); return segments[picked]; } Mandolin.Storage = function (name) { validateCookieName(name); this._cookieName = name; this._isEnabled = (bbccookies.isAllowed(this._cookieName) === true && bbccookies.cookiesEnabled() === true); }; Mandolin.Storage.prototype.setItem = function (key, value) { var storeData = this.getItems(); storeData[key] = value; this.save(storeData); return value; }; Mandolin.Storage.prototype.isEnabled = function () { return this._isEnabled; }; Mandolin.Storage.prototype.getItem = function (key) { var storeData = this.getItems(); return storeData[key]; }; Mandolin.Storage.prototype.removeItem = function (key) { var storeData = this.getItems(); delete storeData[key]; this.save(storeData); }; Mandolin.Storage.prototype.getItems = function () { return deserialise(this.readCookie(this._cookieName) || ''); }; Mandolin.Storage.prototype.save = function (data) { //TODO: Is this mixing concerns to have Storage aware of item expiry? window.bbccookies.set( this._cookieName + '=' + encodeURIComponent(serialise(data)) + '; ' + 'path=/;' + 'expires=' + getLastExpirationDate(data).toUTCString() + ';' ); }; Mandolin.Storage.prototype.readCookie = function (name) { var nameEq = name + '=', ca = window.bbccookies.get().split('; '), i, c; validateCookieName(name); for (i = 0; i < ca.length; i++) { c = ca[i]; if (c.indexOf(nameEq) === 0) { return decodeURIComponent(c.substring(nameEq.length, c.length)); } } return null; }; function serialise(o) { var str = ''; for (var p in o) { if (o.hasOwnProperty(p)) { str += '"' + p + '"' + ':' + (typeof o[p] === 'object' ? (o[p] === null? 'null' : '{' + serialise(o[p])+ '}') : '"' + o[p].toString() + '"') + ','; } } return str.replace(/,\}/g, '}').replace(/,$/g, ''); } function deserialise(str) { var o; str = '{' + str + '}'; if ( !validateSerialisation(str) ) { throw 'Invalid input provided for deserialisation.'; } eval('o = ' + str); return o; } var validateSerialisation = (function () { var OBJECT_TOKEN = '<Object>', ESCAPED_CHAR = '"\\n\\r\\u2028\\u2029\\u000A\\u000D\\u005C', ALLOWED_CHAR = '([^' + ESCAPED_CHAR + ']|\\\\[' + ESCAPED_CHAR + '])', KEY = '"' + ALLOWED_CHAR + '+"', VALUE = '(null|"' + ALLOWED_CHAR + '*"|' + OBJECT_TOKEN + ')', KEY_VALUE = KEY + ':' + VALUE, KEY_VALUE_SEQUENCE = '(' + KEY_VALUE + ',)*' + KEY_VALUE, OBJECT_LITERAL = '({}|{' + KEY_VALUE_SEQUENCE + '})', objectPattern = new RegExp(OBJECT_LITERAL, 'g'); return function(str) { if (str.indexOf(OBJECT_TOKEN) !== -1) return false; while (str.match(objectPattern)) { str = str.replace(objectPattern, OBJECT_TOKEN); } return str === OBJECT_TOKEN; } })(); function validateCookieName(name) { if ( name.match(/ ,;/) ) { throw 'Illegal name provided, must be valid in browser cookie.'; } } return Mandolin; }); </script> <script type="text/javascript" id="js-require-setup"> require({ paths: { 'childrens': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts', 'cbeebies': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20190413020417/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20190413020417/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'bump-4': 'https://web.archive.org/web/20190413020417/https://emp.bbci.co.uk/emp/bump-4/bump-4', 'embed': 'https://web.archive.org/web/20190413020417/https://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/gsap/TweenMax.min', 'echo-11.2.2': 'https://web.archive.org/web/20190413020417/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-11.2.2.min', 'lib/riddle': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/riddle/embed-3.22.min', 'lib/minpubsub': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20190413020417/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/stats', 'stats/riddle-events': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/stats/riddle-events.min', 'stats/stats': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/confetti/confetti.min', 'follows-panel': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20190413020417/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20190413020417/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1', 'vote-wrapper': 'https://web.archive.org/web/20190413020417/https://account-wrapper.files.bbci.co.uk/vote-wrapper.min', 'event-stream': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/event-stream/event-stream.min', 'riddle/auto-scroll': 'https://web.archive.org/web/20190413020417/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/javascripts/riddle/auto-scroll.min' }, shim: { 'angular/angular': { exports: 'angular' }, 'TweenMax': { exports: 'TweenMax' }, 'TimelineMax': { exports: 'TimelineMax' } } }); require({ map: { '*': { 'idcta/idcta-1': 'idcta-v2/idcta-1' } } }); requirejs.onError = function (err) { // if a version of echojs fails to load (i.e. blocked for privacy reasons) // replace our echo_client with a dummy implementation so existing code // continues to work as expected function isEchoJsLibrary(moduleName) { return moduleName.indexOf('echo-') === 0; } if ( err.requireType === 'scripterror' && err.requireModules && err.requireModules.find(isEchoJsLibrary) ) { requirejs.undef('stats/echo_client'); define('stats/echo_client', [], function () { return { countername : function() {}, viewEvent : function() {}, userActionEvent : function() {} } }); // re-evaluate all dependencies on echo_client which will pick up the dummy version requirejs(['stats/echo_client'], function () {}); } }; require(['local/utils/config'], function (config) { }); require(["istats-1"], function (istats) { if (istats.setSite !== undefined) { istats.setSite('cbeebies'); } istats.addLabels({ "page_type" : "content", "children_curation" : "school-holidays-survival-kit", "children_show" : "mr-blooms-nursery", "children_index" : "grownups", "children_topic" : "none", "children_collection" : "school-holidays-survival-kit", "children_oj_campaign" : "cbeebies.grownups.article_mr_bloom_behind_the_scenes.page-cbeebies.grownups.five_ways_to_survive_the_clocks_change.page-cbeebies.grownups.how_does_your_garden_grow.page", "children_primary_content" : "bid-Gardening_With_Kids_Bloom_1024_576.jpg", "children_comments" : "false", "children_uploader" : "false" }); }); </script> <script> require(['childrens-mandolin'], function (Mandolin) { //cleanup collection-position test var storage = new Mandolin.Storage('ckpf_childrens_mandolin'); var experimentName = 'childrens_collection_position'; if (storage.getItem(experimentName)) { storage.removeItem(experimentName); } }); </script> <script type="text/javascript"> define('local/utils/experiments', ['childrens-mandolin'], function (Mandolin) { "use strict"; function setupMandolin(experiment, variants, config) { var mandolin = new Mandolin(experiment, variants, config); return mandolin.getSegment(); } function addClasses(wrapper, experiment, variant) { var experimentPrefix = " experiment-"; var experimentClass = experimentPrefix + experiment; wrapper.className += experimentClass + experimentClass + "--" + variant; } function addAttribute(wrapper, experiment, variant) { if (!wrapper.hasAttribute("data-active-experiment")) { var att = document.createAttribute("data-active-experiment"); att.value = experiment + ":" + variant; wrapper.setAttributeNode(att); } } return { setup: function(experiment, variants, config) { var variant = setupMandolin(experiment, variants, config); var wrapper = document.querySelector(".childrens-wrapper"); if (variant) { addClasses(wrapper, experiment, variant); } addAttribute(wrapper, experiment, variant); return variant; } } }); </script> </head> <body class="b-pw-1280"> <div id="bbccom_interstitial_ad" class="bbccom_display_none"></div><div id="bbccom_interstitial" class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ (function() { if (window.bbcdotcom && bbcdotcom.config.isActive('ads')) { googletag.cmd.push(function() { googletag.display('bbccom_interstitial'); }); } }()); /*]]>*/</script></div><div id="bbccom_wallpaper_ad" class="bbccom_display_none"></div><div id="bbccom_wallpaper" class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ (function() { var wallpaper; if (window.bbcdotcom && bbcdotcom.config.isActive('ads')) { if (bbcdotcom.config.isAsync()) { googletag.cmd.push(function() { googletag.display('bbccom_wallpaper'); }); } else if (typeof googletag !== "undefined" && typeof googletag.display === "function") { googletag.display("wallpaper"); } wallpaper = bbcdotcom.adverts.adRegister.getAd('wallpaper'); } }()); /*]]>*/</script></div><script type="text/javascript">/*<![CDATA[*/ (function() { if (window.bbcdotcom && bbcdotcom.config.isActive('ads')) { document.write(unescape('%3Cscript id="gnlAdsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } if (window.bbcdotcom && bbcdotcom.config.isActive('analytics')) { document.write(unescape('%3Cscript id="gnlAnalyticsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } }()); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.bodyFirst = true; }()); /*]]>*/</script> <div id="cookiePrompt"></div> <header id="orb-banner" role="banner" aria-label="BBC"><div id="orb-header" class="orb-nav-pri orb-nav-pri-white orb-nav-empty" dir="ltr"><div class="orb-nav-pri-container b-r b-g-p"><div class="orb-nav-section orb-nav-blocks"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/">Homepage</a></div><section><div class="orb-skip-links"><h2>Accessibility links</h2><ul><li><a href="#main-content">Skip to content</a></li><li><a id="orb-accessibility-help" href="/web/20190413020417/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li></ul></div></section><div id="mybbc-wrapper" class="orb-nav-section orb-nav-id orb-nav-focus orb-nav-id-default"><div id="idcta-statusbar" class="orb-nav-section orb-nav-focus"><a id="idcta-link" href="https://web.archive.org/web/20190413020417/https://account.bbc.com/account?ptrt=https://www.bbc.co.uk/cbeebies/grownups/7-tips-for-gardening-with-children"><span id="idcta-username">BBC Account</span></a></div><script type="text/javascript">require(['idcta/statusbar'], function (statusbar) {new statusbar.Statusbar({id: 'idcta-statusbar', publiclyCacheable: true});});</script></div><nav role="navigation" aria-label="BBC" class="orb-nav"><div class="orb-nav-section orb-nav-links orb-nav-focus" id="orb-nav-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/tv/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/iplayer/guide/cbeebies">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.com/bitesize">Bitesize</a></li><li id="orb-nav-more" style="width: 88px" aria-controls="orb-panel-more"><a href="#orb-footer" data-alt="More" class="istats-notrack">Menu<span class="orb-icon orb-icon-arrow"></span></a></li></ul></div></nav><div class="orb-nav-section orb-nav-search"><a class="orb-search__button" href="https://web.archive.org/web/20190413020417/https://search.bbc.co.uk/search?scope=cbeebies" title="Search the BBC">Search</a><form class="b-f" id="orb-search-form" role="search" method="get" action="https://web.archive.org/web/20190413020417/https://search.bbc.co.uk/search" accept-charset="utf-8"><div><input type="hidden" name="scope" id="orb-search-scope" value="cbeebies"><label for="orb-search-q">Search the BBC</label><input id="orb-search-q" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" name="q" placeholder="Search"><button id="orb-search-button" class="orb-search__button">Search the BBC</button><input type="hidden" name="suggid" id="orb-search-suggid"></div></form></div></div><div id="orb-panels"></div></div></header>  <div id="orb-modules"> <div id="unsupported-browser-banner-wrapper">  </div> <script> // Show unsupported browser banner for IE10 (function () { if (/*@cc_on!@*/false && document.documentMode === 10) { var bannerWrapper = document.getElementById('unsupported-browser-banner-wrapper'); var currentNode = bannerWrapper.firstChild; var startTagLength = ''.length; // Retrieve comment node inside the bannerWrapper; first child is whitespace while (currentNode) { if (currentNode.nodeType === bannerWrapper.COMMENT_NODE) { // Remove the IE tag comments and insert HTML into bannerWrapper bannerWrapper.innerHTML = currentNode.nodeValue.trim().slice(startTagLength, -endTagLength); } currentNode = currentNode.nextSibling; } } })(); </script> <div class="childrens-wrapper childrens-wrapper--cbeebies childrens-wrapper--content-item childrens-wrapper--grownups childrens-wrapper--background feature-flag feature-flag--search-bar feature-flag--puzzles-and-quizzes feature-flag--new-vote-styling feature-flag--episode-prominence-on-brand-pages feature-flag--reactions feature-flag--reith-font feature-flag--old-comments-theme" data-stats-page-type="content" data-stats-children-curation="school-holidays-survival-kit" data-stats-children-show="mr-blooms-nursery" data-stats-children-index="grownups" data-stats-children-topic="none" data-stats-children-collection="school-holidays-survival-kit" data-stats-children-oj-campaign="cbeebies.grownups.article_mr_bloom_behind_the_scenes.page-cbeebies.grownups.five_ways_to_survive_the_clocks_change.page-cbeebies.grownups.how_does_your_garden_grow.page" data-stats-children-page-intention="false" data-stats-children-primary-content="bid-Gardening_With_Kids_Bloom_1024_576.jpg" data-stats-children-comments="false" data-stats-children-uploader="false"> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.init($('.childrens-wrapper'), window.location.pathname); }); </script> <span class="childrens-wrapper__cover"></span> <div class="menu-container "> <div class="menu-placeholder"></div> <nav id="menu" role="navigation" class="menu menu--closed"> <div class="menu__window window window--extra-wide "> <div class="menu__bar"> <a class="menu__product" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies" data-stats-interaction="navigation" data-stats-interaction-variant="home_logo"> <svg version="1.1" id="small-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#small-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> Home </a> <button id="menu-toggle" class="menu__toggle" data-stats-interaction="navigation" data-stats-interaction-action="button" data-stats-interaction-variant="open"> <span id="menu-toggle-title" class="menu__toggle-title">Menu</span> <i aria-hidden="true" class="menu__toggle-icon"></i> </button> </div> <div class="menu__contents"> <div class="menu__list"> <ul class="menu__list-inner"> <li class="menu__item menu__item--home"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies" data-stats-interaction="navigation" data-stats-interaction-variant="home"> <span class="menu__link-icon"> <svg version="1.1" id="large-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#large-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> </span><span class="menu__link-label">Home</span> </a> </li><li class="menu__item menu__item--shows"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows" data-stats-interaction="navigation" data-stats-interaction-variant="shows"> <span class="menu__link-icon"></span><span class="menu__link-label">Shows</span> </a> </li><li class="menu__item menu__item--games"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/games" data-stats-interaction="navigation" data-stats-interaction-variant="games"> <span class="menu__link-icon"></span><span class="menu__link-label">Games</span> </a> </li><li class="menu__item menu__item--puzzles"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/puzzles" data-stats-interaction="navigation" data-stats-interaction-variant="puzzles"> <span class="menu__link-icon"></span><span class="menu__link-label">Puzzles & Quizzes</span> </a> </li><li class="menu__item menu__item--watch"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/watch" data-stats-interaction="navigation" data-stats-interaction-variant="watch"> <span class="menu__link-icon"></span><span class="menu__link-label">Watch & Sing</span> </a> </li><li class="menu__item menu__item--joinin"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/joinin" data-stats-interaction="navigation" data-stats-interaction-variant="joinin"> <span class="menu__link-icon"></span><span class="menu__link-label">Join In</span> </a> </li><li class="menu__item menu__item--makes"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/makes" data-stats-interaction="navigation" data-stats-interaction-variant="makes"> <span class="menu__link-icon"></span><span class="menu__link-label">Make & Colour</span> </a> </li><li class="menu__item menu__item--radio"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/radio" data-stats-interaction="navigation" data-stats-interaction-variant="radio"> <span class="menu__link-icon"></span><span class="menu__link-label">Radio</span> </a> </li><li class="menu__item menu__item--topics"> <a class="menu__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/topics" data-stats-interaction="navigation" data-stats-interaction-variant="topics"> <span class="menu__link-icon"></span><span class="menu__link-label">Topics</span> </a> </li> </ul> <div class="menu__search-bar menu__search-bar--open"> <form id="search-bar-in-menu" class="search-bar" role="search" action="//web.archive.org/web/20190413020417/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-in-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbeebies"> <div class="search-bar__input-area"> <input id="search-bar-input-in-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-in-menu'); var $searchInput = $('#search-bar-input-in-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-in-menu'); function canSetPerformanceCookies() { return config.analyticsReclassificationEnabled || (window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance')); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, "bbc." + config.currentTLD); } }); } clearSearchOnClick(); setNextPageIstatsLabelsOnFormSubmit(); }); </script> </div> <div class="menu__close-on-focus" tabindex="0"></div> </div> </div> </div> </nav> <div class="menu__search-bar menu__search-bar--below-menu"> <form id="search-bar-below-menu" class="search-bar" role="search" action="//web.archive.org/web/20190413020417/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-below-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbeebies"> <div class="search-bar__input-area"> <input id="search-bar-input-below-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-below-menu'); var $searchInput = $('#search-bar-input-below-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-below-menu'); function canSetPerformanceCookies() { return config.analyticsReclassificationEnabled || (window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance')); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, "bbc." + config.currentTLD); } }); } clearSearchOnClick(); setNextPageIstatsLabelsOnFormSubmit(); }); </script> </div> </div> <script> (function () { 'use strict'; var button = document.getElementById('menu-toggle'); var buttonTitle = document.getElementById('menu-toggle-title'); var menu = document.getElementById('menu'); var menuOverlay = document.querySelector('.menu__contents'); var menuOpen = false; function addEvent(name, el, fn) { if (el.addEventListener) el.addEventListener(name, fn, false); else if (el.attachEvent) el.attachEvent('on' + name, fn); } function removeClass(el, name) { el.className = el.className.replace(new RegExp('(?:^|\\s)' + name + '(?!\\S)'), ''); } function setText(el, text) { if (el.textContent) { el.textContent = text; } else { el.innerText = text; } } function toggleMenuOpenAndClose(e) { e.preventDefault(); menuOpen = !menuOpen; if (menuOpen) { removeClass(menu, 'menu--closed'); menu.className += ' menu--open'; setText(buttonTitle, 'Close'); setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'close'); }, 10); } else { removeClass(menu, 'menu--open'); menu.className += ' menu--closed'; setText(buttonTitle, 'Menu'); setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'open'); }, 10); } } function findElements(selector) { var elements = document.querySelectorAll(selector); return Array.prototype.slice.call(elements); } var searchBars = findElements('.search-bar__input'); function searchInputCopyText(e) { var text = e.target.value; searchBars.forEach(function(searchBar) { searchBar.value = text; if ("createEvent" in document) { var evt = document.createEvent("HTMLEvents"); evt.initEvent("change", false, true); searchBar.dispatchEvent(evt); } }) } addEvent('click', button, toggleMenuOpenAndClose); if (menuOverlay) { addEvent('click', menuOverlay, function (e) { var clickedOnEmptySpace = e.target === menuOverlay; if (clickedOnEmptySpace) { toggleMenuOpenAndClose(e); } }); } var hiddenElementAfterSearchInMenu = document.querySelector('.menu__close-on-focus'); addEvent('focus', hiddenElementAfterSearchInMenu, function (e) { var menuToggle = document.querySelector('.menu__toggle'); toggleMenuOpenAndClose(e); menuToggle.focus(); }); searchBars.forEach(function(searchBar) { addEvent('blur', searchBar, searchInputCopyText); }); })(); </script> <script> (function () { var menu = document.getElementById('menu'); var childrensWrapper = document.querySelector('.childrens-wrapper'); var anchorOffsetClass = 'childrens-wrapper--anchor-offset'; function currentVerticalScroll() { return document.documentElement.scrollTop || document.body.scrollTop; } function setupMenuStickyness() { var stuckClass = 'menu--stuck'; function stickingPoint() { return childrensWrapper.offsetTop; } function hasScrolledPastStickingPoint() { return currentVerticalScroll() >= stickingPoint(); } function calculateMainContentHeight() { var viewportWidth = document.documentElement.clientWidth; var mediumBreakpoint = 600; var maxContentHeight = 468; var contentHeight; if (viewportWidth < mediumBreakpoint) { contentHeight = Math.floor(viewportWidth / 16 * 9); } else { contentHeight = Math.floor((viewportWidth - 64) / 16 * 9); } return contentHeight > maxContentHeight ? maxContentHeight : contentHeight; } function hasEnoughSpaceForMainContent() { var viewportHeight = document.documentElement.clientHeight; var menuHeight = menu.offsetHeight; return viewportHeight > (menuHeight + calculateMainContentHeight()); } function stickElement(elem) { elem.classList.add(stuckClass); } function unstickElement(elem) { elem.classList.remove(stuckClass); } function applyAnchorOffsets() { childrensWrapper.classList.add(anchorOffsetClass); } function unapplyAnchorOffsets() { childrensWrapper.classList.remove(anchorOffsetClass); } function stickOrUnstickMenu() { var menuIsStuck = menu.classList.contains(stuckClass); var menuIsOpen = menu.classList.contains('menu--open'); var isSpaceForStickyNav = (hasEnoughSpaceForMainContent() || menuIsOpen); //If the menu is open then assume there is enough space for sticky nav if (hasScrolledPastStickingPoint() && isSpaceForStickyNav) { if (!menuIsStuck && !menuIsOpen) { stickElement(menu); } } else { if (menuIsStuck) { unstickElement(menu); } } } function applyOrUnapplyAnchorOffsets() { if (hasEnoughSpaceForMainContent()) { applyAnchorOffsets(); } else { unapplyAnchorOffsets(); } } function throttleAndDebounce(fn) { var blockFunctionCall = false; return function () { if (blockFunctionCall) return; var self = this; blockFunctionCall = true; function run() { fn.apply(self); } run(); setTimeout(function () { blockFunctionCall = false; run(); }, 16); }; } window.addEventListener('resize', throttleAndDebounce(applyOrUnapplyAnchorOffsets), false); window.addEventListener('resize', throttleAndDebounce(stickOrUnstickMenu), false); window.addEventListener('scroll', throttleAndDebounce(stickOrUnstickMenu), false); window.addEventListener('touchmove', throttleAndDebounce(stickOrUnstickMenu), false); document.addEventListener('DOMContentLoaded', stickOrUnstickMenu, false); applyOrUnapplyAnchorOffsets(); } setupMenuStickyness(); })(); </script> <div class="content-page content-page--has-sidebar" role="main"> <span class="vh" id="main-content">Seven tips for gardening with kids</span> <div class="content-page__columns-wrapper"> <div class="content-page__columns"><div class="content-page__column content-page__column--main"> <section class="content-page__section content-page__section--content-item content-item content-item--bid content-item--grownups"> <div class="content-item__frame"> <section class="content-item__section content-item__primary-content content-item__primary-content--bid" itemtype="http://www.schema.org/MediaObject" itemscope> <meta itemprop="name" content="Mr Bloom's Nursery - Seven tips for gardening with kids"/> <meta itemprop="description" content="Children love getting their hands mucky, so gardening can be the perfect activity to do together that will help them learn more about nature whilst having fun. "/> <meta itemprop="typicalAgeRange" content="0-12"/> <meta itemprop="datePublished" content="2017-01-26T16:00:00.000Z"/> <meta itemprop="url" content="https://web.archive.org/web/20190413020417/http://www.bbc.co.uk/cbeebies/grownups/7-tips-for-gardening-with-children"/> <meta itemprop="isFamilyFriendly" content="true"/> <meta itemprop="image" content="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/7_top_tips_gardening_with_kids_1024_576.jpg"/> <meta itemprop="thumbnailUrl" content="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/7_top_tips_gardening_with_kids_1024_576.jpg"/> <div class="content-item__section-content"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Gardening_With_Kids_Bloom_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Gardening_With_Kids_Bloom_1024_576.jpg" alt=""/> </noscript> </span> </div> </section> <div class="content-item__section content-item__section--information"> <div class="content-item__section-content"> <div class="content-item-description"> <div class="button-list-container button-list-container--above-description"> <ul class="button-list"><li class="button-list__item content-item__heart-button"> <div class="heart-button"> <div class="button button--heart-button"> <button class="heart-button__button heart-button__button--cbeebies button__link" aria-pressed="false" aria-live="polite" aria-labelledby="heart-button__labels" data-heart-button-state="unselected" data-resource-id="urn:bbc:isite2:file_id:cbeebies:content-7-tips-for-gardening-with-children"> <span class="button__inner"> <span class="heart-button__icons heart-button__s"> <i aria-hidden="true" class="gelicon gelicon--love-outline heart-button__gelicon heart-button__icon heart-button__icon--unselected heart-button__icon--remove"></i> <i aria-hidden="true" class="gelicon gelicon--load heart-button__gelicon heart-button__icon heart-button__icon--in-progress"></i> <i aria-hidden="true" class="gelicon gelicon--love heart-button__gelicon heart-button__icon heart-button__icon--selected"></i> </span> <span class="heart-button__labels"> <span class="heart-button__label heart-button__s heart-button__label--add" role="presentation">Love</span> <span class="heart-button__label heart-button__s heart-button__label--added" role="presentation">Loved</span> <span class="heart-button__label heart-button__s heart-button__label--remove" role="presentation">Unlove</span> </span> </span> </button> <span class="heart-button__count"> <span class="button__add-on-container"> <span class="button__add-on ">74</span> </span> </span> </div> <div class="heart-button__tooltip"></div> <script> require(['activity-button/heart-button'], function (HeartButton) { HeartButton('urn:bbc:isite2:file_id:cbeebies:content-7-tips-for-gardening-with-children', 'isite'); }); </script> </div> </li></ul> </div> <div class="content-item-description__text-container"> <a class="content-item-description__brand-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" title="Mr Bloom's Nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="text_link"> <span class="content-item-description__brand-name">All Mr Bloom's Nursery</span> <span class="gelicon gelicon--next"></span> </a> <h1 class="content-item-description__heading"><span class="vh">Mr Bloom's Nursery - </span>Seven tips for gardening with kids</h1> <p class="content-item-description__description">Children love getting their hands mucky, so gardening can be the perfect activity to do together that will help them learn more about nature whilst having fun. </p> </div> </div> <div class="button-list-container button-list-container--below-description"> <ul class="button-list"><li class="button-list__item content-item__heart-button"> <div class="heart-button"> <div class="button button--heart-button"> <button class="heart-button__button heart-button__button--cbeebies button__link" aria-pressed="false" aria-live="polite" aria-labelledby="heart-button__labels" data-heart-button-state="unselected" data-resource-id="urn:bbc:isite2:file_id:cbeebies:content-7-tips-for-gardening-with-children"> <span class="button__inner"> <span class="heart-button__icons heart-button__s"> <i aria-hidden="true" class="gelicon gelicon--love-outline heart-button__gelicon heart-button__icon heart-button__icon--unselected heart-button__icon--remove"></i> <i aria-hidden="true" class="gelicon gelicon--load heart-button__gelicon heart-button__icon heart-button__icon--in-progress"></i> <i aria-hidden="true" class="gelicon gelicon--love heart-button__gelicon heart-button__icon heart-button__icon--selected"></i> </span> <span class="heart-button__labels"> <span class="heart-button__label heart-button__s heart-button__label--add" role="presentation">Love</span> <span class="heart-button__label heart-button__s heart-button__label--added" role="presentation">Loved</span> <span class="heart-button__label heart-button__s heart-button__label--remove" role="presentation">Unlove</span> </span> </span> </button> <span class="heart-button__count"> <span class="button__add-on-container"> <span class="button__add-on ">74</span> </span> </span> </div> <div class="heart-button__tooltip"></div> <script> require(['activity-button/heart-button'], function (HeartButton) { HeartButton('urn:bbc:isite2:file_id:cbeebies:content-7-tips-for-gardening-with-children', 'isite'); }); </script> </div> </li></ul> </div> </div> </div> <article class="content-item__section content-item__section--article article "> <div class="article__section "> <div class="article__body-text"> <p>Try our 7 top tips for turning your little one into a mini Mr Bloom!</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">1. Quick start your gardening</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Step_1_new.jpg" data-alt="A little boy planting seeds in a plastic tray"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Step_1_new.jpg" alt="A little boy planting seeds in a plastic tray"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>A great way to get started is to plant quick-sprouting seeds, so that impatient little ones can see the results of their hard work without much waiting around!</p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p><strong>TOP TIP:</strong> Sunflower, cress and salad seeds provide really easy results and are a simple way to explain the process of planting seeds and seeing the rewards.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">2. Herbs and vegetables</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Step_2_new.jpg" data-alt="A childs hands holding some carrots covered in earth"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Step_2_new.jpg" alt="A childs hands holding some carrots covered in earth"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>Once you’ve mastered step one, herbs such as basil and mint or vegetables such as tomatoes and lettuce are a fantastic next step.</p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p><strong>TOP TIP:</strong> Why not try cooking with the herbs and vegetables you grow together. It helps children to learn where food comes from and it’s a fun way to encourage fussy eaters to try new foods!</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">3. Stimulate the senses</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Step_3_new.jpg" data-alt="A childs hands patting down the soil in a plant pot"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Step_3_new.jpg" alt="A childs hands patting down the soil in a plant pot"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>Planting in the garden is a great way to stimulate your child’s senses of touch, sight, sound, taste and smell – soft flowers, bushes and plants that rustle, strong smells and bright colours all help to enrich your child’s experience of gardening.</p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p><strong>TOP TIP:</strong> Sensory plants can be particularly beneficial for children with special needs and sensory impairments, as it encourages them to explore and enjoy the garden.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">4. Mini tools</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Step_4_new.jpg" data-alt="A little boy using colourful hgardening tools to do some gardening"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Step_4_new.jpg" alt="A little boy using colourful hgardening tools to do some gardening"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>If your little one really loves getting out and about in the garden it can be helpful to get a set of child-friendly mini-tools that they can hold and use by themselves.</p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p><strong>TOP TIP:</strong> Having a little watering can, rake, trowel and spade can really help build your child’s sense of independence as well as their physical movement and fine motor skills.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">5. Getting down to it</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Step_5_new.jpg" data-alt="A childs hands wearing gardening gloves that are covered in soil"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Step_5_new.jpg" alt="A childs hands wearing gardening gloves that are covered in soil"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>Set aside some old clothes as your little one’s ‘gardening clothes’. Working in the earth and soil has a high mess factor that children love so it’s a good idea to wear something that you don’t mind them getting messy.</p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p><strong>TOP TIP:</strong> Don't forget sun cream and sun hats. Even on days that aren't particularly sunny, long spells in the garden mean that little ones still need skin protection – especially in the middle of the day.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">6. Keeping them interested</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Step_6_new.jpg" data-alt="A child looking at a butterfly through a magnifying glass"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Step_6_new.jpg" alt="A child looking at a butterfly through a magnifying glass"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>Children may be completely engrossed in gardening, but this isn’t always the case, so be prepared for the fact that they may have a limited attention span and won't be absorbed for more than a few minutes at a time. Asking lots of questions throughout the process can make them feel like they’re actively involved.</p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p><strong>TOP TIP:</strong> It’s a good idea to keep things simple and have other gardening related activities up your sleeve to extend your child's interest, such as making plant labels, searching for minibeasts or even building a compost heap!</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">7. Where next?</h2> <div class="article__media-container media-container"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Step_7_new.jpg" data-alt="A close up of a childs hands as they colour in a drawing of a flower"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Step_7_new.jpg" alt="A close up of a childs hands as they colour in a drawing of a flower"/> </noscript> </span> </div> </div> <div class="article__section "> <div class="article__body-text"> <p>Try taking photos or drawing pictures of your plants with your little one at the different stages of bloom. Something like a sunflower works really well to show them how amazing the process of gardening can be.</p> </div> </div> <div class="article__section "> <div class="article__body-text"> <p><strong>TOP TIP:</strong> Why not stick the pictures in a scrapbook to help your child remember the process of planting and growing, and to remind them how far their plant has come.</p> </div> </div> <div class="article__section "> <h2 class="article__section-heading">Want a fun activity to get started?</h2> <div class="article__media-container media-container"> <div id="player-51582" class="smp-embed content-item__embed content-item__embed--smp-embed"> <div class="smp-embed__placeholder"></div> </div> <noscript> <div class="content-item__js-not-available js-not-available"> <h2 class="js-not-available__title">Oops you can't see this activity!</h2> <p class="js-not-available__text">To enjoy the CBeebies website at its best you will need to have JavaScript turned on.</p> <p class="js-not-available__text">For more help please visit the <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups/faqs" class="js-not-available__link">CBeebies Grown-ups FAQ <span class="gel-icon gelicon--next"></span></a></p> </div> </noscript> <script type="text/javascript"> require(['childrens/smp-embed'], function(smpEmbed) { var settings = { "superResponsive" : true, "appName" : "cbeebies", "appType" : "responsive", "ui" : { "cta" : { "mode" : "duration" }, "controls" : { "availableOnMediaEnded" : false }, "disableReithFonts" : false, "useFontSalt" : true, "colour" : "#923AB1" }, "playlistObject" : { "title" : "Cress Heads", "summary" : "Join Rebecca and learn how to make your own cress head.", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/images/ic/$recipe/p04qztq7.jpg", "items" : [ { "kind" : "programme", "live" : false, "versionID" : "p03tmg26", "vpid" : "p03tmg26", "duration" : 85 } ] }, "statsObject" : { "clipPID" : "p03tmg24", "deviceId" : "", "sessionLabels" : { "children_content" : "pid-p03tmg24" } } }; var intentionId = "pid-p03tmg24"; smpEmbed.embed('#player-51582', settings, intentionId); }); </script> <div class="media-container__caption"><p>Why not try this fun cress head make!</p></div> </div> </div> </article> <section class="content-item__section content-page__section--brand-onward-journey-footer brand-onward-journey--top"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Mr Bloom's Nursery</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" data-alt="Mr Bloom's Nursery"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" alt="Mr Bloom's Nursery"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> <div class="content-item__section content-item__section--collection-oj"> <div class="content-item__section-content"> <div data-carousel class="carousel carousel--with-title carousel--carousel-at-mobile " data-carousel-at-mobile="true" data-carousel-changes-in-place="false" data-carousel-disable-selected-item="true"> <div class="carousel__title-container"> <a class="carousel__title-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/curations/school-holidays-survival-kit" data-stats-interaction="collection" data-stats-interaction-variant="text_link"> <h3 class="carousel__title" aria-label="Parent's School Holidays Survival Kit collection">Parent's School Holidays Survival Kit</h3> </a> </div> <div class="carousel__controls"> <div class="carousel__button carousel__button--prev button button--prev button--immersive "><a class="button__link"><span class="button__inner"> <span class="vh">previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </span></a></div><div class="carousel__button carousel__button--next button button--next button--immersive "><a class="button__link"><span class="button__inner"> <span class="vh">next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> <div class="carousel__curtain carousel__curtain--right"></div> <div class="carousel__window"><div class="carousel__panel"> <ul class="carousel__list"><li class="carousel__item "> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups/outdoor-activities?collection=school-holidays-survival-kit" class="content-card content-card--grownups content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="grownups"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Hiking.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Hiking.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--grownups"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="8 Outdoor Activities To Do Together"> 8 Outdoor Activities To Do Together </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/watch/our-family-3-fun-ideas-for-a-rainy-day?collection=school-holidays-survival-kit" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Content_Cards_Tempcontent_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Content_Cards_Tempcontent_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Family Rainy Day Activities"> Family Rainy Day Activities </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/watch/5-tips-for-learning-to-ride-a-bike?collection=school-holidays-survival-kit" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Riding-a-bike_content_card_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Riding-a-bike_content_card_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Five tips to teach your child to cycle"> Five tips to teach your child to cycle </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-andys-gizmo-make?collection=school-holidays-survival-kit" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="makes"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-house-andys-gizmo-make.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-house-andys-gizmo-make.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make Andy's Gizmo "> Make Andy's Gizmo </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/makes/the-lets-go-club-baking-tips?collection=school-holidays-survival-kit" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="4" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="makes"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/TLGC_TX_NA_Baking_Top_Tips_Hero_V02.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/TLGC_TX_NA_Baking_Top_Tips_Hero_V02.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Top Tips for Baking Together "> Top Tips for Baking Together </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/joinin/top-things-in-uk-museums?collection=school-holidays-survival-kit" class="content-card content-card--joinin content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="5" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/teacup-travels-listicle-hero-Feb.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/teacup-travels-listicle-hero-Feb.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Top Things To See in UK Museums"> Top Things To See in UK Museums </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/watch/swimming-with-ben?collection=school-holidays-survival-kit" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="6" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Octonauts_Swimming_Tips_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Octonauts_Swimming_Tips_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Get More Out of Your Family Swimming Trip"> Get More Out of Your Family Swimming Trip </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item carousel__item--selected"> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups/7-tips-for-gardening-with-children?collection=school-holidays-survival-kit" class="content-card content-card--grownups content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card-disabled" data-stats-interaction-position="7" data-stats-interaction-action="button" data-site-section="grownups"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/7_top_tips_gardening_with_kids_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/7_top_tips_gardening_with_kids_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--grownups"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Seven tips for gardening with kids"> Seven tips for gardening with kids </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/joinin/garden-bird-spotting?collection=school-holidays-survival-kit" class="content-card content-card--joinin content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="8" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Get Bird Spotting With Your Little One"> Get Bird Spotting With Your Little One </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li></ul> </div></div> </div> </div> </div> <section class="content-item__section content-page__section--brand-onward-journey-footer brand-onward-journey--bottom"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Mr Bloom's Nursery</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" data-alt="Mr Bloom's Nursery"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" alt="Mr Bloom's Nursery"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> </div> </section> <script> require(['jquery-1'], function ($) { var cover = $('.childrens-wrapper__cover'); var secondContentItemSection = $('.content-item__section').eq(1); function updateCoverHeight() { var height = secondContentItemSection.offset().top - cover.offset().top; if (height > 250) { cover.height(height); } } if (cover.length && secondContentItemSection.length) { updateCoverHeight(); var timer = null; $(window).on('orientationchange', updateCoverHeight); $(window).resize(function () { if (timer) { clearTimeout(timer); } timer = setTimeout(updateCoverHeight, 150); }); } var menuToggleButton = $('.menu__toggle'); menuToggleButton.click(function () { window.setTimeout(updateCoverHeight, 100); }); }); </script> <section class="onward-journeys content-page__section content-page__section--content-cards"> <div class="onward-journey__cards"> <ul class="content-list"> <li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups/article-mr-bloom-behind-the-scenes" class="content-card content-card--grownups content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-site-section="grownups"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/grownups_bloom_behind_the_scenes_play_1024_576.jpg" data-alt="Mr Bloom's Nursery - Mr Bloom: interviews with Ben Faulks"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/grownups_bloom_behind_the_scenes_play_1024_576.jpg" alt="Mr Bloom's Nursery - Mr Bloom: interviews with Ben Faulks"/> </noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--grownups"> <span class="flag__icon"></span> <span class="flag__text">For Parents</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Mr Bloom: interviews with Ben Faulks"> Mr Bloom: interviews with Ben Faulks </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Mr Bloom's Nursery">Mr Bloom's Nursery</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">22</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups/five-ways-to-survive-the-clocks-change" class="content-card content-card--grownups content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-site-section="grownups"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/ITNG_Clocks_Change_1024_576_v6.jpg" data-alt="In the Night Garden - Five bedtime clock change tips for kids"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/ITNG_Clocks_Change_1024_576_v6.jpg" alt="In the Night Garden - Five bedtime clock change tips for kids"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--grownups"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Five bedtime clock change tips for kids"> Five bedtime clock change tips for kids </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from In the Night Garden">In the Night Garden</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">239</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups/how-does-your-garden-grow" class="content-card content-card--grownups content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-site-section="grownups"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/plant_pot_gardening_1024_576.jpg" data-alt="Mr Bloom's Nursery - Gardening for kids"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/plant_pot_gardening_1024_576.jpg" alt="Mr Bloom's Nursery - Gardening for kids"/> </noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--grownups"> <span class="flag__icon"></span> <span class="flag__text">For Parents</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Gardening for kids"> Gardening for kids </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Mr Bloom's Nursery">Mr Bloom's Nursery</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">14</span> </span> </li></ul> </div> </div> </a> </li> </ul> </div> </section> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.recordEvent({ action_name: 'web_oj', action_type: 'view' }, $('.childrens-wrapper'), window.location.pathname); }); </script> <section class="content-page__section content-page__section--brandcards"> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" class="brandcard" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><div class="brandcard__inner"><div class="brandcard__image-container"> <div class="brandcard__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" data-alt="Mr Bloom's Nursery"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" alt="Mr Bloom's Nursery"/> </noscript> </span> </div> </div><div class="brandcard__text"> <span class="brandcard__text-inner"> <span class="brandcard__brand-prefix">All</span> <span class="brandcard__brand-name-container"> <span class="brandcard__brand-name">Mr Bloom's Nursery <span class="brandcard__link-icon gelicon gelicon--next"></span></span> </span> </span> </div></div></a> </section> </div><div class="content-page__column content-page__column--side"> <section class="content-page__section--brand-onward-journey brand-onward-journey--top"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Mr Bloom's Nursery</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" data-alt="Mr Bloom's Nursery"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" alt="Mr Bloom's Nursery"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> <div class="collection-list"> <div class="collection-list__title-container"> <a class="collection-list__title-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/curations/school-holidays-survival-kit" data-stats-interaction="collection" data-stats-interaction-variant="text_link"> <h3 class="collection-list__title" aria-label="Parent's School Holidays Survival Kit collection">Parent's School Holidays Survival Kit</h3> </a> </div> <ul class="collection-list__items"> <li class="collection-list__item"> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/joinin/garden-bird-spotting?collection=school-holidays-survival-kit" class="content-card content-card--joinin content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Get Bird Spotting With Your Little One"> Get Bird Spotting With Your Little One </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups/outdoor-activities?collection=school-holidays-survival-kit" class="content-card content-card--grownups content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="grownups"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Hiking.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Hiking.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--grownups"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="8 Outdoor Activities To Do Together"> 8 Outdoor Activities To Do Together </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/watch/our-family-3-fun-ideas-for-a-rainy-day?collection=school-holidays-survival-kit" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Content_Cards_Tempcontent_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Content_Cards_Tempcontent_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Family Rainy Day Activities"> Family Rainy Day Activities </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/watch/5-tips-for-learning-to-ride-a-bike?collection=school-holidays-survival-kit" class="content-card content-card--watch content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-stats-internal-link-location="school-holidays-survival-kit" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Riding-a-bike_content_card_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Riding-a-bike_content_card_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Five tips to teach your child to cycle"> Five tips to teach your child to cycle </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-list__button button button--immersive "><a class="button__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/curations/school-holidays-survival-kit" data-stats-interaction="collection" data-stats-interaction-variant="button"><span class="button__inner"> <span class="button__text">View collection</span> <i class="collection-list__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> <section class="content-page__section--brand-onward-journey brand-onward-journey--bottom"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Mr Bloom's Nursery</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" data-alt="Mr Bloom's Nursery"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/mr-blooms-nursery_onward_journey_image_bid_1.png" alt="Mr Bloom's Nursery"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20190413020417/https://www.bbc.co.uk/cbeebies/shows/mr-blooms-nursery" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> </div> </div> </div> <section class="channel-banner-section" data-channel-banner data-channel-banner-enable-close-persist="true" data-ng-class="{'channel-banner-section--hide' : isChannelBannerHidden}"> <script> (function () { var cookieCheckingEnabled = true; var channelBannerSection = document.querySelector(".channel-banner-section"); function hideChannelBannerIfCookieIsSet() { var channelBannerCookieName = 'ckps_cbeebies_channel_banner_hidden'; var hideCookieIsSet = document.cookie.indexOf(" " + channelBannerCookieName + "=true") > 0; if (hideCookieIsSet) { channelBannerSection.className += ' channel-banner-section--hide'; } } function showCloseButtonIfCookiesAreAllowed() { var cookiePolicy = window.bbccookies.readPolicy(); var personalisationAllowed = cookiePolicy.personalisation; if (personalisationAllowed) { showCloseButton(); } } function showCloseButton() { channelBannerSection.className += ' channel-banner-section--show-close'; } if (cookieCheckingEnabled) { hideChannelBannerIfCookieIsSet(); showCloseButtonIfCookiesAreAllowed(); } else { showCloseButton(); } })() </script> <div class="channel-banner-section__inner window window--extra-wide"> <div class="channel-banner"> <div class="channel-banner__inner"> <div class="channel-banner__title-bar"> <a class="channel-banner__logo" href="/web/20190413020417/https://www.bbc.co.uk/cbbc" data-istats-click="cross_channel_logo" data-stats-interaction="channel_banner" data-stats-interaction-variant="logo"> <img class="channel-banner__logo-image" alt="CBBC logo" src="https://web.archive.org/web/20190413020417im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/images/channel-banner/logo.png"/> </a> <span class="channel-banner__title">Are you ready to try CBBC?</span> </div> <div class="channel-banner__main"> <ul class="channel-banner__list"> <li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20190413020417/https://www.bbc.co.uk/cbbc/shows/the-deep" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="0"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/the-deep-crossover-panel-v2.png"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/the-deep-crossover-panel-v2.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20190413020417/https://www.bbc.co.uk/cbbc/shows/danger-mouse" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="1"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Dm-crossover-panel2.png"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Dm-crossover-panel2.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20190413020417/https://www.bbc.co.uk/cbbc/shows/shaun-the-sheep" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Shaun-the-sheep.png"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Shaun-the-sheep.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20190413020417/https://www.bbc.co.uk/cbbc/shows/blue-peter" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="3"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20190413020417/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/BP-crossover-panel-2.png" data-alt="Blue Peter image"></span> <noscript> <img src="https://web.archive.org/web/20190413020417im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/BP-crossover-panel-2.png" alt="Blue Peter image"/> </noscript> </span> </span> </a> </li> </ul> <div class="channel-banner__footer"> <a class="channel-banner-close" data-stats-interaction="channel_banner" data-stats-interaction-variant="close" data-stats-interaction-action="button" data-channel-banner-close data-feedback-banner-open> <i aria-hidden="true" class="gelicon gelicon--no gelicon--leading"></i><span class="channel-banner-close__text">No thanks</span> </a> <span class="channel-banner__title">Are you ready to try CBBC?</span> </div> </div> </div> </div> </div> </section> <section class="feedback-banner-section" data-feedback-banner data-ng-class="{'feedback-banner-section--show' : !isFeedbackBannerHidden}"> <div class="feedback-banner-container window window--extra-wide"> <div class="feedback-banner"> <span class="feedback-banner__close" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="hide" data-stats-interaction-action="button" data-istats-click="cross_channel_hide"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> <p class="feedback-banner__message">We'll hide these CBBC shows for 30 days.</p> <p class="feedback-banner__undo"><a class="feedback-banner__undo-link" data-feedback-banner-close data-channel-banner-open data-stats-interaction="channel_banner" data-stats-interaction-variant="undo" data-stats-interaction-action="button" data-istats-click="cross_channel_undo">Bring them back!</a></p> <p class="feedback-banner__question">Why did you hide them?</p> <ul class="feedback-banner__options"> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="0" data-stats-interaction-action="button" data-istats-pos="0" data-istats-click="cross_channel_feedback"> <span>Not familiar with CBBC</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="1" data-stats-interaction-action="button" data-istats-pos="1" data-istats-click="cross_channel_feedback"> <span>Didn't like those shows</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="2" data-stats-interaction-action="button" data-istats-pos="2" data-istats-click="cross_channel_feedback"> <span>Too young for CBBC</span> </li> </ul> <div class="feedback-banner__image"> <img class="feedback-banner__image-inner" src="https://web.archive.org/web/20190413020417im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/d288a1c/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> </div> <div class="cf"></div> </div> <div id="heart-button-isite-tooltip"> <div class="tooltip heart-button__tooltip" data-active-tooltip=""> <span class="tooltip__pointer"></span> <div class="tooltip__inner"> <div class="tooltip__content tooltip__content--upsell"> <p class="tooltip__subtitle"> Love this? Sign in to let us know. </p> <div class="tooltip__idcta"> <p class="id4-cta"> <span class="id4-cta-size-medium id4-cta-color-blue id4-cta-medium-blue"> <a href="" class="id4-cta-signin id4-cta-button">Sign in</a> <span class="id4-cta-with"> with your BBC iD,</span> or <a href="" class="id4-cta-register">Register</a> </span> <script> require(['jquery-1', 'idcta-v2/id-config'], function ($, idConfig) { $('.id4-cta-signin').each(function () { if (idConfig && idConfig.signin_url) { this.href = idConfig.signin_url; } }); $('.id4-cta-register').each(function () { if (idConfig && idConfig.register_url) { this.href = idConfig.register_url; } }); }); </script> </p> </div> </div> <div class="tooltip__content tooltip__content--error"> <p class="tooltip__title"> <span class="add-to__icons add-to__s"> <i aria-hidden="true" class="gelicon gelicon--alert add-to__gelicon add-to__icon"></i> </span>Something's gone wrong </p> <p class="tooltip__body tooltip__try-again">Please try again later</p> </div> <button href="#" class="tooltip__close add-to__tab" title="Close" aria-label="Close Tooltip"> <span class="tooltip__close-icon"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> </button> </div> </div> </div> <script type="text/javascript"> require(['lib/Imager', 'lib/minpubsub'], function (Imager, pubsub) { Imager.transforms.pixelRatio = function (value) { return value; }; var availableWidths = [80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880, 960]; var imagerDefault = new Imager('.delayed-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], loadHidden: false }); var imagerPng = new Imager('.delayed-png-image-load', { availableWidths: availableWidths, availablePixelRatios: [1], loadHidden: false }); var imagerGif = new Imager('.delayed-gif-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], lazyload: true, loadHidden: false }); pubsub.subscribe('/showMore/updateImages', function () { imagerDefault.add('.delayed-image-load'); imagerPng.add('.delayed-png-image-load'); }); pubsub.subscribe('/imager/addPngImages', function (selector) { imagerPng.add(selector); }); pubsub.subscribe('/imager/addImages', function (selector) { imagerDefault.add(selector); }); }); require(['childrens/singlePlayingVideo'], function (singlePlayingVideo) { setTimeout(singlePlayingVideo.setup, 2000); }); require(['stats/riddle-events'], function (riddleEvents) { riddleEvents.init(); }); require(['angular/app'], function () {}); </script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-feature-detection-helper@1.0.1"]={},function(r){function e(t){if(o[t])return o[t].exports;var n=o[t]={exports:{},id:t,loaded:!1};return r[t].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};return e.m=r,e.c=o,e.p="",e(0)}([function(r,e,o){Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]=o(1)},function(r,e){"use strict";var o=function(){return"localStorage"in window},t=function(){var r="bbc-storage";try{return window.localStorage.setItem(r,r),window.localStorage.removeItem(r),!0}catch(r){return!1}};r.exports.browserSupportsLocalStorage=function(){return o()&&t()}}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-helper@1.0.0"]={"bbc-morph-local-storage-feature-detection-helper":"1.0.1"},function(e){function o(t){if(r[t])return r[t].exports;var l=r[t]={exports:{},id:t,loaded:!1};return e[t].call(l.exports,l,l.exports,o),l.loaded=!0,l.exports}var r={};return o.m=e,o.c=r,o.p="",o(0)}([function(e,o,r){Morph.modules["bbc-morph-local-storage-helper@1.0.0"]=r(1)},function(e,o,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}var l=r(2),a=t(l),n=function(e){return a.default.browserSupportsLocalStorage()?window.localStorage.getItem(e):null},c=function(e,o){a.default.browserSupportsLocalStorage()&&window.localStorage.setItem(e,o)},u=function(e){a.default.browserSupportsLocalStorage()&&window.localStorage.removeItem(e)};e.exports={setItem:c,getItem:n,removeItem:u}},function(e,o){e.exports=Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-classnames@1.0.1"]={classnames:"2.2.5"},function(r){function e(o){if(n[o])return n[o].exports;var s=n[o]={exports:{},id:o,loaded:!1};return r[o].call(s.exports,s,s.exports,e),s.loaded=!0,s.exports}var n={};return e.m=r,e.c=n,e.p="",e(0)}([function(r,e,n){Morph.modules["bbc-morph-classnames@1.0.1"]=n(1)},function(r,e,n){var o=n(2);r.exports=o},function(r,e,n){var o,s;!function(){"use strict";function n(){for(var r=[],e=0;e<arguments.length;e++){var o=arguments[e];if(o){var s=typeof o;if("string"===s||"number"===s)r.push(o);else if(Array.isArray(o))r.push(n.apply(null,o));else if("object"===s)for(var a in o)t.call(o,a)&&o[a]&&r.push(a)}}return r.join(" ")}var t={}.hasOwnProperty;"undefined"!=typeof r&&r.exports?r.exports=n:(o=[],s=function(){return n}.apply(e,o),!(void 0!==s&&(r.exports=s)))}()}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-gel-icons@2.2.0"]={"bbc-morph-classnames":"1.0.1","morph-require":"3.0.17",react:"0.14.7"},function(e){function r(t){if(n[t])return n[t].exports;var i=n[t]={exports:{},id:t,loaded:!1};return e[t].call(i.exports,i,i.exports,r),i.loaded=!0,i.exports}var n={};return r.m=e,r.c=n,r.p="",r(0)}([function(e,r,n){Morph.modules["bbc-morph-gel-icons@2.2.0"]=n(1)},function(e,r,n){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(2),o=t(i),s=n(3),a=t(s),l=n(4),u=t(l),c=o.default.createClass({displayName:"GEL__Icon",propTypes:{iconName:o.default.PropTypes.string,additionalClassNames:o.default.PropTypes.string},render:function(){var e=(0,u.default)("gel-icon","gel-icon--"+this.props.iconName,this.props.additionalClassNames),r=a.default.selfTransitiveThenUpdate("gel-icon-"+this.props.iconName,this);return o.default.createElement("div",{className:e},r?o.default.createElement(r,null):null)}});c.ensureIcon=function(e){"undefined"==typeof window&&a.default.selfTransitive("gel-icon-"+e,null)},r.default=c,e.exports=r.default},function(e,r){e.exports=React},function(e,r){e.exports={transitive:function(e,r){return Morph.requireTransitiveWithCaller("bbc-morph-gel-icons@2.2.0",e,r)},selfTransitive:function(e,r){return Morph.requireTransitiveWithCaller("bbc-morph-gel-icons@2.2.0",e,r,!0)},transitiveThenUpdate:function(e,r){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-gel-icons@2.2.0",e,r)},selfTransitiveThenUpdate:function(e,r){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-gel-icons@2.2.0",e,r,!0)}}},function(e,r){e.exports=Morph.modules["bbc-morph-classnames@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { !function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=7)}([function(e,t){e.exports=React},function(e,t){e.exports=Morph.modules["bbc-morph-classnames@1.0.1"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t,o,n){return e||"reaction-"+n+"-text--"+t+"-"+o};t.default=n,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":a(t))&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":a(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p=o(0),l=n(p),f=o(11),d=n(f),y=o(2),h=n(y),b=function(e){function t(o){s(this,t);var n=i(this,e.call(this,o));return n.state={count:o.count},n}return u(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this;if(e.count!==this.props.count){var o=function(){return t.setState({count:e.count})};if(this.props.randomUpdateOffset>0){var n=Math.random()*this.props.randomUpdateOffset;clearTimeout(this.timeoutId),this.timeoutId=setTimeout(o,n)}else o()}},t.prototype.render=function(){var e=this.props,t=e.formatter,o=e.className,n=e.id,s=r(e,["formatter","className","id"]);return l.default.createElement("span",c({id:(0,h.default)(n,this.context.type,this.context.uniqueId,"count"),className:o},s),(0,d.default)(this.state.count+this.props.countOffset,t))},t}(l.default.Component);b.displayName="ReactionCount",b.propTypes={count:p.PropTypes.number,countOffset:p.PropTypes.number,className:p.PropTypes.string,id:p.PropTypes.string,formatter:p.PropTypes.string,randomUpdateOffset:p.PropTypes.number},b.defaultProps={count:0,countOffset:0,className:"",id:"",formatter:null,randomUpdateOffset:0},b.contextTypes={uniqueId:p.PropTypes.string,type:p.PropTypes.string},t.default=b,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i=o(1),u=n(i),a=o(0),c=n(a),p=o(2),l=n(p),f=function(e,t){var o=e.children,n=e.className,i=e.id,a=e.hidden,p=r(e,["children","className","id","hidden"]);return c.default.createElement("span",s({id:(0,l.default)(i,t.type,t.uniqueId,"label"),className:(0,u.default)(n,{"gs-u-vh":a})},p),o)};f.displayName="ReactionLabel",f.propTypes={children:a.PropTypes.node,className:a.PropTypes.string,id:a.PropTypes.string,hidden:a.PropTypes.bool},f.defaultProps={children:null,className:"",id:"",hidden:!1},f.contextTypes={uniqueId:a.PropTypes.string,type:a.PropTypes.string},t.default=f,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i=o(1),u=n(i),a=o(0),c=n(a),p=function(e){var t=e.children,o=e.className,n=r(e,["children","className"]);return c.default.createElement("span",s({className:(0,u.default)("gel-icon",o)},n),t)};p.displayName="ReactionIcon",p.propTypes={children:a.PropTypes.node,className:a.PropTypes.string},p.defaultProps={children:null,className:""},t.default=p,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=o(15),i=n(s),u=o(0),a=n(u),c=o(5),p=n(c),l=function(e,t){var o=function(o){var n=o.children,s=o.active,u=o.gelIconClassName,c=r(o,["children","active","gelIconClassName"]);return i.default.ensureIcon(s?t:e),a.default.createElement(p.default,c,a.default.createElement(i.default,{additionalClassNames:u,iconName:s?e:t}),n)};return o.displayName="ThumbReactionIcon",o.propTypes={children:u.PropTypes.node,active:u.PropTypes.bool.isRequired,gelIconClassName:u.PropTypes.string},o.defaultProps={children:null,gelIconClassName:null},o};t.default=l,e.exports=t.default},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(8),r=o.n(n);Morph.modules["bbc-morph-reactions@4.2.0"]=r.a},function(e,t,o){"use strict";e.exports=o(9)},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DislikeReactionIcon=t.LikeReactionIcon=t.ReactionLabel=t.ReactionIcon=t.ReactionCount=t.Reactions=t.Reaction=void 0;var r=o(10),s=n(r),i=o(12),u=n(i),a=o(3),c=n(a),p=o(5),l=n(p),f=o(4),d=n(f),y=o(14),h=n(y),b=o(16),m=n(b);t.Reaction=s.default,t.Reactions=u.default,t.ReactionCount=c.default,t.ReactionIcon=l.default,t.ReactionLabel=d.default,t.LikeReactionIcon=h.default,t.DislikeReactionIcon=m.default,t.default={Reaction:s.default,Reactions:u.default,ReactionCount:c.default,ReactionIcon:l.default,ReactionLabel:d.default,LikeReactionIcon:h.default,DislikeReactionIcon:m.default}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":u(t))&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":u(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},c=o(1),p=n(c),l=o(0),f=n(l),d=o(3),y=n(d),h=o(4),b=n(h),m=o(2),v=n(m),P=function(e,t,o,n){return function(r){t&&t(o),e&&e(r,o,n)}},O=function e(t,o,n){var r=[];return f.default.Children.forEach(t,function(t){t.type===b.default&&r.push((0,v.default)(t.props.id,o,n,"label")),t.type===y.default&&r.push((0,v.default)(t.props.id,o,n,"count")),r=[].concat(r,e(t.props&&t.props.children,o,n))}),r},T=function(e){function t(){return r(this,t),s(this,e.apply(this,arguments))}return i(t,e),t.prototype.getChildContext=function(){return{type:this.props.type}},t.prototype.render=function(){return f.default.createElement("li",a({},this.props.liProps,{className:this.props.liProps.className}),f.default.createElement("button",a({},this.props.buttonProps,{"aria-pressed":this.props.type===this.context.active,"aria-labelledby":O(this.props.children,this.props.type,this.context.uniqueId).join(" "),className:(0,p.default)("gs-c-reaction",this.props.buttonProps.className),onClick:P(this.props.onClick,this.context.updateActive,this.props.type,this.context.active)}),this.props.children))},t}(f.default.Component);T.displayName="Reaction",T.propTypes={children:l.PropTypes.node,onClick:l.PropTypes.func,liProps:l.PropTypes.objectOf(l.PropTypes.any),buttonProps:l.PropTypes.objectOf(l.PropTypes.any),type:l.PropTypes.string},T.defaultProps={children:null,onClick:null,liProps:{},buttonProps:{},type:null},T.contextTypes={active:l.PropTypes.string,updateActive:l.PropTypes.func,uniqueId:l.PropTypes.string},T.childContextTypes={type:l.PropTypes.string},t.default=T,e.exports=t.default},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={default:function(e){var t=""+e;return e>=1e4?((e/1e3).toFixed(1)+"K").replace(".0",""):e>=1e3?t[0]+","+t[1]+t[2]+t[3]:t}},r=function(e,t){var o=n[t];return o?o(e):""+e};t.default=r,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":a(t))&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":a(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p=o(13),l=n(p),f=o(0),d=n(f),y=function(e){function t(o){s(this,t);var n=i(this,e.call(this,o)),r=o.active;return n.props.store&&n.props.uniqueId&&"undefined"!=typeof window&&(r=n.props.store.getItem("reactions-"+n.props.uniqueId)),n.state={active:r},n.updateActive=n.updateActive.bind(n),n}return u(t,e),t.prototype.getChildContext=function(){return{active:this.state.active,updateActive:this.updateActive,uniqueId:this.props.uniqueId}},t.prototype.updateActive=function(e){var t=this.state.active===e?null:e;if(this.setState({active:t}),this.props.store&&this.props.uniqueId){var o="reactions-"+this.props.uniqueId;t?this.props.store.setItem(o,t):this.props.store.removeItem(o)}},t.prototype.render=function(){var e=this.props,t=e.children,o=r(e,["children"]),n=t?t(this.state.active):[];return d.default.createElement("ul",c({className:"gs-c-reactions"},o),n)},t}(d.default.Component);y.displayName="Reactions",y.propTypes={active:f.PropTypes.string,children:f.PropTypes.func,uniqueId:f.PropTypes.string,store:f.PropTypes.shape({getItem:f.PropTypes.func,setItem:f.PropTypes.func,removeItem:f.PropTypes.func})},y.defaultProps={active:null,children:null,uniqueId:null,store:l.default},y.childContextTypes={active:f.PropTypes.string,updateActive:f.PropTypes.func,uniqueId:f.PropTypes.string},t.default=y,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-local-storage-helper@1.0.0"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(6),r=function(e){return e&&e.__esModule?e:{default:e}}(n),s=(0,r.default)("thumbs-up-selected-state","thumbs-up-deselected-state");t.default=s,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-gel-icons@2.2.0"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(6),r=function(e){return e&&e.__esModule?e:{default:e}}(n),s=(0,r.default)("thumbs-down-selected-state","thumbs-down-deselected-state");t.default=s,e.exports=t.default}]); //# sourceMappingURL=bundle.js.map; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-helper@1.0.1"]={"bbc-morph-local-storage-feature-detection-helper":"1.0.1"},function(e){function o(t){if(r[t])return r[t].exports;var l=r[t]={exports:{},id:t,loaded:!1};return e[t].call(l.exports,l,l.exports,o),l.loaded=!0,l.exports}var r={};return o.m=e,o.c=r,o.p="",o(0)}([function(e,o,r){Morph.modules["bbc-morph-local-storage-helper@1.0.1"]=r(1)},function(e,o,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}var l=r(2),a=t(l),n=function(e){return a.default.browserSupportsLocalStorage()?window.localStorage.getItem(e):null},c=function(e,o){a.default.browserSupportsLocalStorage()&&window.localStorage.setItem(e,o)},u=function(e){a.default.browserSupportsLocalStorage()&&window.localStorage.removeItem(e)};e.exports={setItem:c,getItem:n,removeItem:u}},function(e,o){e.exports=Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-classnames@1.0.2"]={classnames:"2.2.5"},function(r){function o(s){if(n[s])return n[s].exports;var e=n[s]={exports:{},id:s,loaded:!1};return r[s].call(e.exports,e,e.exports,o),e.loaded=!0,e.exports}var n={};o.m=r,o.c=n,o.p="",o(0)}([function(r,o,n){Morph.modules["bbc-morph-classnames@1.0.2"]=n(1)},function(r,o,n){var s=n(2);r.exports=s},function(r,o,n){var s,e;!function(){"use strict";function n(){for(var r=[],o=0;o<arguments.length;o++){var s=arguments[o];if(s){var e=typeof s;if("string"===e||"number"===e)r.push(s);else if(Array.isArray(s))r.push(n.apply(null,s));else if("object"===e)for(var a in s)t.call(s,a)&&s[a]&&r.push(a)}}return r.join(" ")}var t={}.hasOwnProperty;void 0!==r&&r.exports?r.exports=n:(s=[],void 0!==(e=function(){return n}.apply(o,s))&&(r.exports=e))}()}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-childrens-reactions@1.4.3"]={"babel-runtime":"6.26.0","bbc-morph-childrens-reactions-data":"0.7.0","bbc-morph-classnames":"1.0.2","bbc-morph-id-availability-data":"1.0.0","bbc-morph-local-storage-helper":"1.0.1","bbc-morph-reactions":"4.2.0","@bbc/counting-service-client-library":"2.2.1","gel-sass-tools":"1.2.1","gel-typography":"2.0.5","morph-container":"2.1.16","morph-require":"5.2.1",react:"0.14.7",requirejs:"2.3.6","sass-mq":"4.0.2","whatwg-fetch":"2.0.4"},function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){Morph.modules["bbc-morph-childrens-reactions@1.4.3"]=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){var t=e.urn,r=e.standalone,n=e.idAvailability,o=Boolean(r),i=(0,a.default)({urn:t,data:"bbc-morph-childrens-reactions-data"},o?{standalone:r}:{}),s=n?{availabilityOverride:n}:{};return{reactionsData:{uri:i,requireSuccess:!1,updates:!1},idAvailabilityData:{uri:(0,a.default)({data:"bbc-morph-id-availability-data"},s),requireSuccess:!0,updates:!1}}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(2),a=n(i),s=r(41),u=n(s),c=r(42),l=n(c);t.default=u.default.create(l.default,{data:function(e){return e.styleguide?{}:o(e)}}),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(3),i=n(o);t.default=i.default||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}},function(e,t,r){e.exports={default:r(4),__esModule:!0}},function(e,t,r){r(5),e.exports=r(8).Object.assign},function(e,t,r){var n=r(6);n(n.S+n.F,"Object",{assign:r(22)})},function(e,t,r){var n=r(7),o=r(8),i=r(9),a=r(11),s=r(21),u="prototype",c=function(e,t,r){var l,f,d,p=e&c.F,h=e&c.G,y=e&c.S,v=e&c.P,m=e&c.B,b=e&c.W,E=h?o:o[t]||(o[t]={}),_=E[u],g=h?n:y?n[t]:(n[t]||{})[u];h&&(r=t);for(l in r)f=!p&&g&&void 0!==g[l],f&&s(E,l)||(d=f?g[l]:r[l],E[l]=h&&"function"!=typeof g[l]?r[l]:m&&f?i(d,n):b&&g[l]==d?function(e){var t=function(t,r,n){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,r)}return new e(t,r,n)}return e.apply(this,arguments)};return t[u]=e[u],t}(d):v&&"function"==typeof d?i(Function.call,d):d,v&&((E.virtual||(E.virtual={}))[l]=d,e&c.R&&_&&!_[l]&&a(_,l,d)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,e.exports=c},function(e,t){var r=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=r)},function(e,t){var r=e.exports={version:"2.6.5"};"number"==typeof __e&&(__e=r)},function(e,t,r){var n=r(10);e.exports=function(e,t,r){if(n(e),void 0===t)return e;switch(r){case 1:return function(r){return e.call(t,r)};case 2:return function(r,n){return e.call(t,r,n)};case 3:return function(r,n,o){return e.call(t,r,n,o)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,r){var n=r(12),o=r(20);e.exports=r(16)?function(e,t,r){return n.f(e,t,o(1,r))}:function(e,t,r){return e[t]=r,e}},function(e,t,r){var n=r(13),o=r(15),i=r(19),a=Object.defineProperty;t.f=r(16)?Object.defineProperty:function(e,t,r){if(n(e),t=i(t,!0),n(r),o)try{return a(e,t,r)}catch(e){}if("get"in r||"set"in r)throw TypeError("Accessors not supported!");return"value"in r&&(e[t]=r.value),e}},function(e,t,r){var n=r(14);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,r){e.exports=!r(16)&&!r(17)(function(){return 7!=Object.defineProperty(r(18)("div"),"a",{get:function(){return 7}}).a})},function(e,t,r){e.exports=!r(17)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,r){var n=r(14),o=r(7).document,i=n(o)&&n(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t,r){var n=r(14);e.exports=function(e,t){if(!n(e))return e;var r,o;if(t&&"function"==typeof(r=e.toString)&&!n(o=r.call(e)))return o;if("function"==typeof(r=e.valueOf)&&!n(o=r.call(e)))return o;if(!t&&"function"==typeof(r=e.toString)&&!n(o=r.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){var r={}.hasOwnProperty;e.exports=function(e,t){return r.call(e,t)}},function(e,t,r){"use strict";var n=r(23),o=r(38),i=r(39),a=r(40),s=r(26),u=Object.assign;e.exports=!u||r(17)(function(){var e={},t={},r=Symbol(),n="abcdefghijklmnopqrst";return e[r]=7,n.split("").forEach(function(e){t[e]=e}),7!=u({},e)[r]||Object.keys(u({},t)).join("")!=n})?function(e,t){for(var r=a(e),u=arguments.length,c=1,l=o.f,f=i.f;u>c;)for(var d,p=s(arguments[c++]),h=l?n(p).concat(l(p)):n(p),y=h.length,v=0;y>v;)f.call(p,d=h[v++])&&(r[d]=p[d]);return r}:u},function(e,t,r){var n=r(24),o=r(37);e.exports=Object.keys||function(e){return n(e,o)}},function(e,t,r){var n=r(21),o=r(25),i=r(29)(!1),a=r(33)("IE_PROTO");e.exports=function(e,t){var r,s=o(e),u=0,c=[];for(r in s)r!=a&&n(s,r)&&c.push(r);for(;t.length>u;)n(s,r=t[u++])&&(~i(c,r)||c.push(r));return c}},function(e,t,r){var n=r(26),o=r(28);e.exports=function(e){return n(o(e))}},function(e,t,r){var n=r(27);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==n(e)?e.split(""):Object(e)}},function(e,t){var r={}.toString;e.exports=function(e){return r.call(e).slice(8,-1)}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on "+e);return e}},function(e,t,r){var n=r(25),o=r(30),i=r(32);e.exports=function(e){return function(t,r,a){var s,u=n(t),c=o(u.length),l=i(a,c);if(e&&r!=r){for(;c>l;)if(s=u[l++],s!=s)return!0}else for(;c>l;l++)if((e||l in u)&&u[l]===r)return e||l||0;return!e&&-1}}},function(e,t,r){var n=r(31),o=Math.min;e.exports=function(e){return e>0?o(n(e),9007199254740991):0}},function(e,t){var r=Math.ceil,n=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?n:r)(e)}},function(e,t,r){var n=r(31),o=Math.max,i=Math.min;e.exports=function(e,t){return e=n(e),e<0?o(e+t,0):i(e,t)}},function(e,t,r){var n=r(34)("keys"),o=r(36);e.exports=function(e){return n[e]||(n[e]=o(e))}},function(e,t,r){var n=r(8),o=r(7),i="__core-js_shared__",a=o[i]||(o[i]={});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:n.version,mode:r(35)?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports=!0},function(e,t){var r=0,n=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++r+n).toString(36))}},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,r){var n=r(28);e.exports=function(e){return Object(n(e))}},function(e,t){e.exports={create:function(e,t){return Morph.createContainerWithCaller("bbc-morph-childrens-reactions@1.4.3",e,t)}}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(43),i=n(o),a=r(48),s=n(a),u=r(80),c=n(u),l=r(81),f=n(l),d=r(82),p=n(d),h=r(86),y=n(h);r(94);var v=r(95),m=n(v),b=r(96),E=n(b),_=r(100),g=n(_),T=r(154),S=n(T),P=r(119),w=n(P),R=r(114),x=function(e){function t(e){(0,c.default)(this,t);var r=(0,f.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return r.props=e,r}return(0,y.default)(t,e),(0,p.default)(t,null,[{key:"countsForUrn",value:function(e,t){return t.body&&t.body.countsData[e]?t.body.countsData[e]:{}}},{key:"mapCounts",value:function(e,t){var r="cbeebies"===e?R.CBEEBIES_LABELS:R.CBBC_LABELS;return r.map(function(e){var r=R.LABEL_TO_KEY[e];return{label:e,count:"object"===("undefined"==typeof t?"undefined":(0,s.default)(t))&&r in t?t[r]:0}})}},{key:"totalCountsForUrn",value:function(e,t){return t.body&&t.body.countsTotals[e]?t.body.countsTotals[e]:0}}]),(0,p.default)(t,[{key:"render",value:function(){var e=this.props,r=e.standalone,n=e.urn,o=e.reactionsData,i=e.product,a=e.resourceType,s=e.styleguide,u=e.pageContext,c=Boolean(r),l=t.countsForUrn(n,o),f=t.mapCounts(i,l),d=t.totalCountsForUrn(n,o),p=t.getEnv(o),h=decodeURIComponent(this.props.resourceTitle),y=decodeURIComponent(this.props.url),v=n.toString().replace("urn:bbc:","").replace("urn:riddle:",""),b="urn:bbc:"+i+":"+a+":"+v,_=!!this.props.forcedError&&new Error(this.props.forcedError),T=Boolean(this.props.acceptanceTestMode);return m.default.createElement("div",{className:"reactions"},s?m.default.createElement(g.default,{product:i}):m.default.createElement(S.default,{enableStandaloneMode:c,countingServiceClientLibrary:E.default,ReactionsModule:w.default,product:i,reactionsCounts:f,reactionsCountTotal:d,urn:n,resourceTitle:h,resourceType:a,url:y,globalId:b,env:p,isIdAvailable:this.props.idAvailabilityData.body.isAvailable,error:_,enableAcceptanceTestMode:T,pageContext:u}))}}],[{key:"getEnv",value:function(e){if(e.body&&"string"==typeof e.body.env){var t=e.body.env;if("int"===t||"test"===t||"stage"===t||"live"===t)return t}return"live"}}]),t}(v.Component);x.displayName="ReactionsBootstrap",x.propTypes={styleguide:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),standalone:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),product:v.PropTypes.string.isRequired,resourceType:v.PropTypes.string.isRequired,urn:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),resourceTitle:v.PropTypes.string.isRequired,url:v.PropTypes.string.isRequired,reactionsData:v.PropTypes.oneOfType([v.PropTypes.shape({body:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.object]),meta:v.PropTypes.object}),v.PropTypes.string]),idAvailabilityData:v.PropTypes.shape({body:v.PropTypes.shape({isAvailable:v.PropTypes.bool})}).isRequired,forcedError:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),acceptanceTestMode:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),pageContext:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool])},x.defaultProps={styleguide:!1,standalone:!1,urn:!1,reactionsData:{},forcedError:!1,idAvailabilityData:{body:{isAvailable:!0}},acceptanceTestMode:!1,pageContext:!1},t.default=x,e.exports=t.default},function(e,t,r){e.exports={default:r(44),__esModule:!0}},function(e,t,r){r(45),e.exports=r(8).Object.getPrototypeOf},function(e,t,r){var n=r(40),o=r(46);r(47)("getPrototypeOf",function(){return function(e){return o(n(e))}})},function(e,t,r){var n=r(21),o=r(40),i=r(33)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=o(e),n(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,r){var n=r(6),o=r(8),i=r(17);e.exports=function(e,t){var r=(o.Object||{})[e]||Object[e],a={};a[e]=t(r),n(n.S+n.F*i(function(){r(1)}),"Object",a)}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(49),i=n(o),a=r(67),s=n(a),u="function"==typeof s.default&&"symbol"==typeof i.default?function(e){return typeof e}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":typeof e};t.default="function"==typeof s.default&&"symbol"===u(i.default)?function(e){return"undefined"==typeof e?"undefined":u(e)}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":"undefined"==typeof e?"undefined":u(e)}},function(e,t,r){e.exports={default:r(50),__esModule:!0}},function(e,t,r){r(51),r(62),e.exports=r(66).f("iterator")},function(e,t,r){"use strict";var n=r(52)(!0);r(53)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,r=this._i;return r>=t.length?{value:void 0,done:!0}:(e=n(t,r),this._i+=e.length,{value:e,done:!1})})},function(e,t,r){var n=r(31),o=r(28);e.exports=function(e){return function(t,r){var i,a,s=String(o(t)),u=n(r),c=s.length;return u<0||u>=c?e?"":void 0:(i=s.charCodeAt(u),i<55296||i>56319||u+1===c||(a=s.charCodeAt(u+1))<56320||a>57343?e?s.charAt(u):i:e?s.slice(u,u+2):(i-55296<<10)+(a-56320)+65536)}}},function(e,t,r){"use strict";var n=r(35),o=r(6),i=r(54),a=r(11),s=r(55),u=r(56),c=r(60),l=r(46),f=r(61)("iterator"),d=!([].keys&&"next"in[].keys()),p="@@iterator",h="keys",y="values",v=function(){return this};e.exports=function(e,t,r,m,b,E,_){u(r,t,m);var g,T,S,P=function(e){if(!d&&e in O)return O[e];switch(e){case h:return function(){return new r(this,e)};case y:return function(){return new r(this,e)}}return function(){return new r(this,e)}},w=t+" Iterator",R=b==y,x=!1,O=e.prototype,A=O[f]||O[p]||b&&O[b],M=A||P(b),C=b?R?P("entries"):M:void 0,L="Array"==t?O.entries||A:A;if(L&&(S=l(L.call(new e)),S!==Object.prototype&&S.next&&(c(S,w,!0),n||"function"==typeof S[f]||a(S,f,v))),R&&A&&A.name!==y&&(x=!0,M=function(){return A.call(this)}),n&&!_||!d&&!x&&O[f]||a(O,f,M),s[t]=M,s[w]=v,b)if(g={values:R?M:P(y),keys:E?M:P(h),entries:C},_)for(T in g)T in O||i(O,T,g[T]);else o(o.P+o.F*(d||x),t,g);return g}},function(e,t,r){e.exports=r(11)},function(e,t){e.exports={}},function(e,t,r){"use strict";var n=r(57),o=r(20),i=r(60),a={};r(11)(a,r(61)("iterator"),function(){return this}),e.exports=function(e,t,r){e.prototype=n(a,{next:o(1,r)}),i(e,t+" Iterator")}},function(e,t,r){var n=r(13),o=r(58),i=r(37),a=r(33)("IE_PROTO"),s=function(){},u="prototype",c=function(){var e,t=r(18)("iframe"),n=i.length,o="<",a=">";for(t.style.display="none",r(59).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write(o+"script"+a+"document.F=Object"+o+"/script"+a),e.close(),c=e.F;n--;)delete c[u][i[n]];return c()};e.exports=Object.create||function(e,t){var r;return null!==e?(s[u]=n(e),r=new s,s[u]=null,r[a]=e):r=c(),void 0===t?r:o(r,t)}},function(e,t,r){var n=r(12),o=r(13),i=r(23);e.exports=r(16)?Object.defineProperties:function(e,t){o(e);for(var r,a=i(t),s=a.length,u=0;s>u;)n.f(e,r=a[u++],t[r]);return e}},function(e,t,r){var n=r(7).document;e.exports=n&&n.documentElement},function(e,t,r){var n=r(12).f,o=r(21),i=r(61)("toStringTag");e.exports=function(e,t,r){e&&!o(e=r?e:e.prototype,i)&&n(e,i,{configurable:!0,value:t})}},function(e,t,r){var n=r(34)("wks"),o=r(36),i=r(7).Symbol,a="function"==typeof i,s=e.exports=function(e){return n[e]||(n[e]=a&&i[e]||(a?i:o)("Symbol."+e))};s.store=n},function(e,t,r){r(63);for(var n=r(7),o=r(11),i=r(55),a=r(61)("toStringTag"),s="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),u=0;u<s.length;u++){var c=s[u],l=n[c],f=l&&l.prototype;f&&!f[a]&&o(f,a,c),i[c]=i.Array}},function(e,t,r){"use strict";var n=r(64),o=r(65),i=r(55),a=r(25);e.exports=r(53)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,r=this._i++;return!e||r>=e.length?(this._t=void 0,o(1)):"keys"==t?o(0,r):"values"==t?o(0,e[r]):o(0,[r,e[r]])},"values"),i.Arguments=i.Array,n("keys"),n("values"),n("entries")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t,r){t.f=r(61)},function(e,t,r){e.exports={default:r(68),__esModule:!0}},function(e,t,r){r(69),r(77),r(78),r(79),e.exports=r(8).Symbol},function(e,t,r){"use strict";var n=r(7),o=r(21),i=r(16),a=r(6),s=r(54),u=r(70).KEY,c=r(17),l=r(34),f=r(60),d=r(36),p=r(61),h=r(66),y=r(71),v=r(72),m=r(73),b=r(13),E=r(14),_=r(25),g=r(19),T=r(20),S=r(57),P=r(74),w=r(76),R=r(12),x=r(23),O=w.f,A=R.f,M=P.f,C=n.Symbol,L=n.JSON,I=L&&L.stringify,k="prototype",N=p("_hidden"),j=p("toPrimitive"),B={}.propertyIsEnumerable,U=l("symbol-registry"),D=l("symbols"),F=l("op-symbols"),q=Object[k],z="function"==typeof C,H=n.QObject,K=!H||!H[k]||!H[k].findChild,W=i&&c(function(){return 7!=S(A({},"a",{get:function(){return A(this,"a",{value:7}).a}})).a})?function(e,t,r){var n=O(q,t);n&&delete q[t],A(e,t,r),n&&e!==q&&A(q,t,n)}:A,V=function(e){var t=D[e]=S(C[k]);return t._k=e,t},Y=z&&"symbol"==typeof C.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof C},G=function(e,t,r){return e===q&&G(F,t,r),b(e),t=g(t,!0),b(r),o(D,t)?(r.enumerable?(o(e,N)&&e[N][t]&&(e[N][t]=!1),r=S(r,{enumerable:T(0,!1)})):(o(e,N)||A(e,N,T(1,{})),e[N][t]=!0),W(e,t,r)):A(e,t,r)},J=function(e,t){b(e);for(var r,n=v(t=_(t)),o=0,i=n.length;i>o;)G(e,r=n[o++],t[r]);return e},X=function(e,t){return void 0===t?S(e):J(S(e),t)},$=function(e){var t=B.call(this,e=g(e,!0));return!(this===q&&o(D,e)&&!o(F,e))&&(!(t||!o(this,e)||!o(D,e)||o(this,N)&&this[N][e])||t)},Q=function(e,t){if(e=_(e),t=g(t,!0),e!==q||!o(D,t)||o(F,t)){var r=O(e,t);return!r||!o(D,t)||o(e,N)&&e[N][t]||(r.enumerable=!0),r}},Z=function(e){for(var t,r=M(_(e)),n=[],i=0;r.length>i;)o(D,t=r[i++])||t==N||t==u||n.push(t);return n},ee=function(e){for(var t,r=e===q,n=M(r?F:_(e)),i=[],a=0;n.length>a;)!o(D,t=n[a++])||r&&!o(q,t)||i.push(D[t]);return i};z||(C=function(){if(this instanceof C)throw TypeError("Symbol is not a constructor!");var e=d(arguments.length>0?arguments[0]:void 0),t=function(r){this===q&&t.call(F,r),o(this,N)&&o(this[N],e)&&(this[N][e]=!1),W(this,e,T(1,r))};return i&&K&&W(q,e,{configurable:!0,set:t}),V(e)},s(C[k],"toString",function(){return this._k}),w.f=Q,R.f=G,r(75).f=P.f=Z,r(39).f=$,r(38).f=ee,i&&!r(35)&&s(q,"propertyIsEnumerable",$,!0),h.f=function(e){return V(p(e))}),a(a.G+a.W+a.F*!z,{Symbol:C});for(var te="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),re=0;te.length>re;)p(te[re++]);for(var ne=x(p.store),oe=0;ne.length>oe;)y(ne[oe++]);a(a.S+a.F*!z,"Symbol",{for:function(e){return o(U,e+="")?U[e]:U[e]=C(e)},keyFor:function(e){if(!Y(e))throw TypeError(e+" is not a symbol!");for(var t in U)if(U[t]===e)return t},useSetter:function(){K=!0},useSimple:function(){K=!1}}),a(a.S+a.F*!z,"Object",{create:X,defineProperty:G,defineProperties:J,getOwnPropertyDescriptor:Q,getOwnPropertyNames:Z,getOwnPropertySymbols:ee}),L&&a(a.S+a.F*(!z||c(function(){var e=C();return"[null]"!=I([e])||"{}"!=I({a:e})||"{}"!=I(Object(e))})),"JSON",{stringify:function(e){for(var t,r,n=[e],o=1;arguments.length>o;)n.push(arguments[o++]);if(r=t=n[1],(E(t)||void 0!==e)&&!Y(e))return m(t)||(t=function(e,t){if("function"==typeof r&&(t=r.call(this,e,t)),!Y(t))return t}),n[1]=t,I.apply(L,n)}}),C[k][j]||r(11)(C[k],j,C[k].valueOf),f(C,"Symbol"),f(Math,"Math",!0),f(n.JSON,"JSON",!0)},function(e,t,r){var n=r(36)("meta"),o=r(14),i=r(21),a=r(12).f,s=0,u=Object.isExtensible||function(){return!0},c=!r(17)(function(){return u(Object.preventExtensions({}))}),l=function(e){a(e,n,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!o(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,n)){if(!u(e))return"F";if(!t)return"E";l(e)}return e[n].i},d=function(e,t){if(!i(e,n)){if(!u(e))return!0;if(!t)return!1;l(e)}return e[n].w},p=function(e){return c&&h.NEED&&u(e)&&!i(e,n)&&l(e),e},h=e.exports={KEY:n,NEED:!1,fastKey:f,getWeak:d,onFreeze:p}},function(e,t,r){var n=r(7),o=r(8),i=r(35),a=r(66),s=r(12).f;e.exports=function(e){var t=o.Symbol||(o.Symbol=i?{}:n.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t,r){var n=r(23),o=r(38),i=r(39);e.exports=function(e){var t=n(e),r=o.f;if(r)for(var a,s=r(e),u=i.f,c=0;s.length>c;)u.call(e,a=s[c++])&&t.push(a);return t}},function(e,t,r){var n=r(27);e.exports=Array.isArray||function(e){return"Array"==n(e)}},function(e,t,r){var n=r(25),o=r(75).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return o(e)}catch(e){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?s(e):o(n(e))}},function(e,t,r){var n=r(24),o=r(37).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return n(e,o)}},function(e,t,r){var n=r(39),o=r(20),i=r(25),a=r(19),s=r(21),u=r(15),c=Object.getOwnPropertyDescriptor;t.f=r(16)?c:function(e,t){if(e=i(e),t=a(t,!0),u)try{return c(e,t)}catch(e){}if(s(e,t))return o(!n.f.call(e,t),e[t])}},function(e,t){},function(e,t,r){r(71)("asyncIterator")},function(e,t,r){r(71)("observable")},function(e,t){"use strict";t.__esModule=!0,t.default=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(48),i=n(o);t.default=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":(0,i.default)(t))&&"function"!=typeof t?e:t}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(83),i=n(o);t.default=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),(0,i.default)(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}()},function(e,t,r){e.exports={default:r(84),__esModule:!0}},function(e,t,r){r(85);var n=r(8).Object;e.exports=function(e,t,r){return n.defineProperty(e,t,r)}},function(e,t,r){var n=r(6);n(n.S+n.F*!r(16),"Object",{defineProperty:r(12).f})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(87),i=n(o),a=r(91),s=n(a),u=r(48),c=n(u);t.default=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":(0,c.default)(t)));e.prototype=(0,s.default)(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(i.default?(0,i.default)(e,t):e.__proto__=t)}},function(e,t,r){e.exports={default:r(88),__esModule:!0}},function(e,t,r){r(89),e.exports=r(8).Object.setPrototypeOf},function(e,t,r){var n=r(6);n(n.S,"Object",{setPrototypeOf:r(90).set})},function(e,t,r){var n=r(14),o=r(13),i=function(e,t){if(o(e),!n(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,n){try{n=r(9)(Function.call,r(76).f(Object.prototype,"__proto__").set,2),n(e,[]),t=!(e instanceof Array)}catch(e){t=!0}return function(e,r){return i(e,r),t?e.__proto__=r:n(e,r),e}}({},!1):void 0),check:i}},function(e,t,r){e.exports={default:r(92),__esModule:!0}},function(e,t,r){r(93);var n=r(8).Object;e.exports=function(e,t){return n.create(e,t)}},function(e,t,r){var n=r(6);n(n.S,"Object",{create:r(57)})},function(e,t){!function(e){"use strict";function t(e){if("string"!=typeof e&&(e=String(e)),/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(e))throw new TypeError("Invalid character in header field name");return e.toLowerCase()}function r(e){return"string"!=typeof e&&(e=String(e)),e}function n(e){var t={next:function(){var t=e.shift();return{done:void 0===t,value:t}}};return m.iterable&&(t[Symbol.iterator]=function(){return t}),t}function o(e){this.map={},e instanceof o?e.forEach(function(e,t){this.append(t,e)},this):Array.isArray(e)?e.forEach(function(e){this.append(e[0],e[1])},this):e&&Object.getOwnPropertyNames(e).forEach(function(t){this.append(t,e[t])},this)}function i(e){return e.bodyUsed?Promise.reject(new TypeError("Already read")):void(e.bodyUsed=!0)}function a(e){return new Promise(function(t,r){e.onload=function(){t(e.result)},e.onerror=function(){r(e.error)}})}function s(e){var t=new FileReader,r=a(t);return t.readAsArrayBuffer(e),r}function u(e){var t=new FileReader,r=a(t);return t.readAsText(e),r}function c(e){for(var t=new Uint8Array(e),r=new Array(t.length),n=0;n<t.length;n++)r[n]=String.fromCharCode(t[n]);return r.join("")}function l(e){if(e.slice)return e.slice(0);var t=new Uint8Array(e.byteLength);return t.set(new Uint8Array(e)),t.buffer}function f(){return this.bodyUsed=!1,this._initBody=function(e){if(this._bodyInit=e,e)if("string"==typeof e)this._bodyText=e;else if(m.blob&&Blob.prototype.isPrototypeOf(e))this._bodyBlob=e;else if(m.formData&&FormData.prototype.isPrototypeOf(e))this._bodyFormData=e;else if(m.searchParams&&URLSearchParams.prototype.isPrototypeOf(e))this._bodyText=e.toString();else if(m.arrayBuffer&&m.blob&&E(e))this._bodyArrayBuffer=l(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer]);else{if(!m.arrayBuffer||!ArrayBuffer.prototype.isPrototypeOf(e)&&!_(e))throw new Error("unsupported BodyInit type");this._bodyArrayBuffer=l(e)}else this._bodyText="";this.headers.get("content-type")||("string"==typeof e?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):m.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},m.blob&&(this.blob=function(){var e=i(this);if(e)return e;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?i(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(s)}),this.text=function(){var e=i(this);if(e)return e;if(this._bodyBlob)return u(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(c(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},m.formData&&(this.formData=function(){return this.text().then(h)}),this.json=function(){return this.text().then(JSON.parse)},this}function d(e){var t=e.toUpperCase();return g.indexOf(t)>-1?t:e}function p(e,t){t=t||{};var r=t.body;if(e instanceof p){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new o(e.headers)),this.method=e.method,this.mode=e.mode,r||null==e._bodyInit||(r=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"omit",!t.headers&&this.headers||(this.headers=new o(t.headers)),this.method=d(t.method||this.method||"GET"),this.mode=t.mode||this.mode||null,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&r)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(r)}function h(e){var t=new FormData;return e.trim().split("&").forEach(function(e){if(e){var r=e.split("="),n=r.shift().replace(/\+/g," "),o=r.join("=").replace(/\+/g," ");t.append(decodeURIComponent(n),decodeURIComponent(o))}}),t}function y(e){var t=new o,r=e.replace(/\r?\n[\t ]+/g," ");return r.split(/\r?\n/).forEach(function(e){var r=e.split(":"),n=r.shift().trim();if(n){var o=r.join(":").trim();t.append(n,o)}}),t}function v(e,t){t||(t={}),this.type="default",this.status=void 0===t.status?200:t.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in t?t.statusText:"OK",this.headers=new o(t.headers),this.url=t.url||"",this._initBody(e)}if(!e.fetch){var m={searchParams:"URLSearchParams"in e,iterable:"Symbol"in e&&"iterator"in Symbol,blob:"FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),formData:"FormData"in e,arrayBuffer:"ArrayBuffer"in e};if(m.arrayBuffer)var b=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],E=function(e){return e&&DataView.prototype.isPrototypeOf(e)},_=ArrayBuffer.isView||function(e){return e&&b.indexOf(Object.prototype.toString.call(e))>-1};o.prototype.append=function(e,n){e=t(e),n=r(n);var o=this.map[e];this.map[e]=o?o+","+n:n},o.prototype.delete=function(e){delete this.map[t(e)]},o.prototype.get=function(e){return e=t(e),this.has(e)?this.map[e]:null},o.prototype.has=function(e){return this.map.hasOwnProperty(t(e))},o.prototype.set=function(e,n){this.map[t(e)]=r(n)},o.prototype.forEach=function(e,t){for(var r in this.map)this.map.hasOwnProperty(r)&&e.call(t,this.map[r],r,this)},o.prototype.keys=function(){var e=[];return this.forEach(function(t,r){e.push(r)}),n(e)},o.prototype.values=function(){var e=[];return this.forEach(function(t){e.push(t)}),n(e)},o.prototype.entries=function(){var e=[];return this.forEach(function(t,r){e.push([r,t])}),n(e)},m.iterable&&(o.prototype[Symbol.iterator]=o.prototype.entries);var g=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];p.prototype.clone=function(){return new p(this,{body:this._bodyInit})},f.call(p.prototype),f.call(v.prototype),v.prototype.clone=function(){return new v(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new o(this.headers),url:this.url})},v.error=function(){var e=new v(null,{status:0,statusText:""});return e.type="error",e};var T=[301,302,303,307,308];v.redirect=function(e,t){if(T.indexOf(t)===-1)throw new RangeError("Invalid status code");return new v(null,{status:t,headers:{location:e}})},e.Headers=o,e.Request=p,e.Response=v,e.fetch=function(e,t){return new Promise(function(r,n){var o=new p(e,t),i=new XMLHttpRequest;i.onload=function(){var e={status:i.status,statusText:i.statusText,headers:y(i.getAllResponseHeaders()||"")};e.url="responseURL"in i?i.responseURL:e.headers.get("X-Request-URL");var t="response"in i?i.response:i.responseText;r(new v(t,e))},i.onerror=function(){n(new TypeError("Network request failed"))},i.ontimeout=function(){n(new TypeError("Network request failed"))},i.open(o.method,o.url,!0),"include"===o.credentials?i.withCredentials=!0:"omit"===o.credentials&&(i.withCredentials=!1),"responseType"in i&&m.blob&&(i.responseType="blob"),o.headers.forEach(function(e,t){i.setRequestHeader(t,e)}),i.send("undefined"==typeof o._bodyInit?null:o._bodyInit)})},e.fetch.polyfill=!0}}("undefined"!=typeof self?self:this)},function(e,t){e.exports=React},function(e,t,r){e.exports={postToUAS:r(97),deleteFromUAS:r(99)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(98),o=function(e,t,r,o,i){var a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null;if((0,n.activityTypeIsValid)(e)&&(0,n.dataContainsAllRequiredKeys)(t)&&(0,n.apiKeyIsValid)(r)&&(0,n.envIsValid)(o)&&(0,n.domainExtIsValid)(i)){var u=(0,n.selectUASEndpoint)(o,i,e,a),c=s?(0,n.getUrlWithPreviousAction)(u,s):u,l=(0,n.buildHeaders)(u,r),f=JSON.stringify(t),d=(0,n.buildRequest)(c,l,f,"POST"),p=a?"include":"omit",h={credentials:p};return fetch(d,h)}};t.default=o,e.exports=t.default},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){return"plays"===e||"reactions"===e},n=function(e){return Boolean(e.resourceDomain&&e.resourceType&&e.resourceId&&e.action&&e.actionContext)},o=function(e){return"string"==typeof e&&/^[a-z0-9]{13,}$/i.test(e)},i=function(e){return"string"==typeof e&&("int"===e||"test"===e||"stage"===e||"live"===e)},a=function(e){return".co.uk"===e||".com"===e},s={int:"int.",test:"test.",stage:"stage.",live:""},u=function(e,t,r,n){var o=s[e],i=n?"":"nsi.";return"https://"+i+"activity."+o+"api.bbc"+t+"/my/"+r; },c=function(e,t){return e+"?previousAction="+t},l=function(e,t){var r=new Headers({Host:e,"Content-Type":"application/json","X-API-Key":t});return r},f=function(e,t,r,n){return new Request(e,{method:n,headers:t,body:r})};t.default={buildRequest:f,buildHeaders:l,selectUASEndpoint:u,domainExtIsValid:a,envIsValid:i,apiKeyIsValid:o,dataContainsAllRequiredKeys:n,activityTypeIsValid:r,getUrlWithPreviousAction:c},e.exports=t.default},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(98),o=function(e,t,r){var n=e+"/"+t;return r?n+"?previousAction="+r:n},i=function(e,t,r,i,a,s,u){var c=(0,n.selectUASEndpoint)(r,i,e,s),l=o(c,a,u),f=(0,n.buildHeaders)(c,t),d=(0,n.buildRequest)(l,f,null,"DELETE"),p=s?"include":"omit",h={credentials:p};return fetch(d,h)},a=function(e,t,r,o,a){var s=arguments.length>5&&void 0!==arguments[5]&&arguments[5],u=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null,c=void 0;return c=(0,n.activityTypeIsValid)(e)&&(0,n.apiKeyIsValid)(t)&&(0,n.envIsValid)(r)&&(0,n.domainExtIsValid)(o)?i(e,t,r,o,a,s,u):Promise.reject("Invalid parameters")};t.default=a,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(101),s=n(a),u=r(102),c=r(103),l=n(c),f=r(109),d=n(f),p=r(118),h=n(p),y=r(111),v=n(y),m=r(114),b=r(119),E=n(b),_=r(154),g=n(_),T=r(147),S=n(T),P=r(148),w=r(156),R=n(w),x=function(){},O={postToUas:x,deleteFromUas:x},A="styleguide:urn",M="styleguide:resourceTitle",C="styleguide:url",L="styleguide:globalId",I="game",k=function(e){var t=e.children;return i.default.createElement("h3",{className:"reactions-styleguide__heading"},t)};k.displayName="SectionHeading",k.propTypes={children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]).isRequired};var N=function(e){var t=e.children;return i.default.createElement("h4",{className:"reactions-styleguide__subheading"},t)};N.displayName="SubHeading",N.propTypes={children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]).isRequired};var j=function(e){var t=e.id,r=e.heading,n=e.children,o=e.className;return i.default.createElement("section",{id:t,className:(0,s.default)("reactions-styleguide__section",o)},i.default.createElement(k,null,r),n)};j.displayName="Section",j.propTypes={id:o.PropTypes.string.isRequired,heading:o.PropTypes.string.isRequired,children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]),className:o.PropTypes.string},j.defaultProps={children:i.default.createElement("noscript",null),className:""};var B={cbbc:[{count:1e4,label:m.LOVE},{count:123,label:m.LOL},{count:5347890,label:m.APPLAUSE},{count:0,label:m.GOTIT},{count:39,label:m.OMD},{count:834,label:m.SAD}],cbeebies:[{count:1e4,label:m.LOVE},{count:5347890,label:m.FUNNY},{count:0,label:m.CLAP},{count:123,label:m.GOTIT},{count:39,label:m.WOW},{count:834,label:m.SAD}],get"stay-safe"(){return this.cbbc}},U=5358886,D=function(e){return i.default.createElement("div",{className:"reactions-styleguide"},i.default.createElement(j,{heading:"Overview Cluster (CTA)",id:"overview-cluster"},i.default.createElement(N,null,"Open Without Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!0,count:0,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Closed Without Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!1,count:0,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Open With Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!0,count:555,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Closed With Count - not clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!1,count:U,product:e.product,hasBeenClicked:!1})),i.default.createElement(j,{heading:"Reaction Tray",id:"reaction-tray"},i.default.createElement(d.default,{showReactions:!0,product:e.product,reactionsCounts:B[e.product],reactionButtonPressStart:x,reactionButtonPressEnd:x,reactionButtonClick:x,selectedReaction:"Love",updateSelectedReaction:x})),i.default.createElement(j,{heading:"Cookie Disabled Banner",id:"cookie-warning-banner"},i.default.createElement(h.default,null)),i.default.createElement(j,{heading:"Error Message Banner",id:"error-message-banner"},i.default.createElement(S.default,null)),i.default.createElement(j,{heading:"Individual Reactions",id:"reactions-list"},B[e.product].map(function(t,r){return i.default.createElement("div",{key:r},i.default.createElement(N,null,t.label),i.default.createElement(u.Reactions,{uniqueId:"1"},function(){return i.default.createElement(v.default,{product:e.product,label:t.label,count:t.count,clickHandler:x,showReactions:!0,reactionButtonPressStart:x,reactionButtonPressEnd:x,reactionButtonClick:x})}))})),i.default.createElement(j,{heading:"Reactions Module",id:"reactions-module"},i.default.createElement(N,null,"With Cookies banner"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],showCookieBanner:!0,env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I}),i.default.createElement(N,null,"With error message after reaction is clicked"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,error:new Error(P.ErrorTypes.UAS_FAILURE),countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I}),i.default.createElement(N,null,"Without Cookies banner"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I})))};D.propTypes={product:o.PropTypes.string.isRequired},t.default=D,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-classnames@1.0.2"]},function(e,t){e.exports=Morph.modules["bbc-morph-reactions@4.2.0"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(101),s=n(a),u=r(104),c=n(u),l=function(e){var t=e.count>0?". Total number of reactions: "+e.count:"",r=e.isOpen?"Reactions. Hide Reactions":"Reactions. Show Reactions"+t;return i.default.createElement("button",{className:(0,s.default)("reactions-cta",{"reactions-cta--open":e.isOpen,"reactions-cta--clicked":e.hasBeenClicked}),"aria-pressed":e.isOpen,"aria-label":r,onClick:function(){e.onClick()}},i.default.createElement(c.default,e))};l.displayName="Cta",l.propTypes={onClick:o.PropTypes.func.isRequired,isOpen:o.PropTypes.bool.isRequired,count:o.PropTypes.number.isRequired,product:o.PropTypes.string.isRequired,hasBeenClicked:o.PropTypes.bool.isRequired},t.default=l,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(105),s=n(a),u=r(106),c=n(u),l=r(107),f=n(l),d=r(108),p=n(d),h=function(e){var t={cbeebies:c.default,cbbc:s.default,get"stay-safe"(){return this.cbbc}},r=t[e.product];return i.default.createElement("div",{className:"reactions-cta-image"},i.default.createElement("span",null,i.default.createElement(r,null),e.count>0&&i.default.createElement(p.default,{count:e.count})),i.default.createElement(f.default,null))};h.displayName="CtaImage",h.propTypes={count:o.PropTypes.number.isRequired,product:o.PropTypes.string.isRequired},t.default=h,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaCbbcWithoutCount",s=function(){return i.default.createElement("span",{className:"cta-icon cta-cbbc-icon"},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 76 68"},i.default.createElement("path",{d:"M50.54 34.94A20.35 20.35 0 0 1 40 26.27c-.66-1.16-3.36-5.85-1.47-11.16a9.34 9.34 0 0 1 4-4.83 9.8 9.8 0 0 1 10.63 0 9.8 9.8 0 0 1 5.47-9.12 9.34 9.34 0 0 1 6.21-1c5.53 1.1 8.16 5.83 8.82 7a20.35 20.35 0 0 1 2 13.47c-1.25 7.19-8.81 13.81-8.81 13.81s-9.5 3.12-16.31.5z",fill:"#e63f23",fillRule:"evenodd"}),i.default.createElement("path",{d:"M42 15.34c-.79 1.44-.56 3.07.5 3.63s2.56-.15 3.34-1.6.56-3.07-.5-3.63-2.51.15-3.34 1.6z",fill:"#ee7966"}),i.default.createElement("circle",{cx:"20",cy:"25",r:"19.94",transform:"rotate(-85 20.002 25.004)",fill:"#efc203"}),i.default.createElement("path",{d:"M6.3 17.19v-.07c.06-.24.12-.47.2-.71s.19-.45.3-.68.25-.43.39-.64a7 7 0 0 1 .47-.59 6.28 6.28 0 0 1 .54-.5 6.16 6.16 0 0 1 .59-.47 6.55 6.55 0 0 1 .64-.41 7.57 7.57 0 0 1 1.39-.61 6.4 6.4 0 0 1 .73-.2 6 6 0 0 1 .74-.13 6 6 0 0 1 .71-.08 6 6 0 0 1 .74 0c.25 0 .49 0 .73.09s.48.09.72.16.47.15.69.24c-.24 0-.48.08-.72.11l-.7.11c-.23 0-.46.08-.68.12s-.45.1-.67.14-.44.11-.65.16-.43.12-.64.19-.42.14-.63.22a6.37 6.37 0 0 0-.61.25 6.39 6.39 0 0 0-.59.28c-.2.09-.38.21-.58.31s-.37.24-.56.35-.36.26-.54.38-.34.28-.53.42-.34.3-.51.46-.32.33-.5.49-.31.35-.49.53zM35.55 22.4v-.07c-.1-.23-.19-.45-.28-.66s-.19-.43-.3-.63-.2-.41-.32-.6-.22-.39-.35-.57-.24-.37-.38-.55-.25-.36-.41-.52-.27-.34-.43-.49a6.39 6.39 0 0 0-.46-.47 6.37 6.37 0 0 0-.49-.44c-.17-.14-.33-.29-.51-.42s-.35-.28-.53-.4-.36-.27-.56-.38-.38-.25-.58-.37-.39-.25-.6-.35l-.62-.35c-.21-.11-.42-.22-.64-.35h.73c.24 0 .48.06.73.1s.48.11.72.17a7.6 7.6 0 0 1 1.38.55 6 6 0 0 1 .65.37 6.4 6.4 0 0 1 .62.44A7.57 7.57 0 0 1 34 17.46a6.55 6.55 0 0 1 .46.6 6.16 6.16 0 0 1 .39.65 6.28 6.28 0 0 1 .32.69 7 7 0 0 1 .24.72c.06.24.1.49.15.73s0 .5.05.74 0 .49-.06.74z",fill:"#9f8214"}),i.default.createElement("circle",{cx:"13.71",cy:"20.6",r:"5.25",transform:"rotate(-79.9 13.71 20.605)",fill:"#fff"}),i.default.createElement("ellipse",{cx:"13.71",cy:"20.74",rx:"3.04",ry:"2.56",transform:"rotate(-79.9 13.711 20.738)",fill:"#2b2b2b"}),i.default.createElement("circle",{cx:"27.2",cy:"23.01",r:"5.25",transform:"rotate(-79.9 27.2 23.006)",fill:"#fff"}),i.default.createElement("ellipse",{cx:"27.15",cy:"23.13",rx:"3.04",ry:"2.56",transform:"rotate(-79.9 27.15 23.127)",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M22.52 34.49c-.51 2.89-2.91 4.88-5.34 4.45s-4-3.13-3.48-6q0-.22.09-.42c.66-2.66 2.94-4.44 5.25-4s3.96 3.08 3.48 5.97z",fill:"#2b2b2b"}),i.default.createElement("circle",{cx:"42.08",cy:"45.87",r:"22.16",transform:"rotate(-81.9 42.082 45.87)",fill:"#ffd201"}),i.default.createElement("path",{"data-name":"<Path>",d:"M66.62 48.07a3.8 3.8 0 0 1-4.5 6.13c-1.7-1.24-5.22-8.51-5.22-8.51s8.02 1.14 9.72 2.38zM18.06 41.1a3.79 3.79 0 1 0 2.54 7.15c2-.71 7.44-6.67 7.44-6.67s-8.04-1.19-9.98-.48z",fill:"#269dc8"}),i.default.createElement("path",{d:"M27.82 44.39a14.18 14.18 0 0 0 28.07 4.11z",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M32.53 57.11a8.31 8.31 0 0 1 15.21 2.22",fill:"#a75916"}),i.default.createElement("path",{d:"M40.86 53.15a8.32 8.32 0 0 0-8.36 4 14.25 14.25 0 0 0 7.27 3.36 13.92 13.92 0 0 0 7.94-1.14 8.22 8.22 0 0 0-6.85-6.22z",fill:"#e63f23"}),i.default.createElement("path",{d:"M53.76 43.64a.87.87 0 0 1-.7-.58 3.41 3.41 0 0 0-6-.86.87.87 0 0 1-1.43-1 5.14 5.14 0 0 1 9.1 1.3.87.87 0 0 1-.94 1.13zM39.76 41.65a.87.87 0 0 1-.7-.58 3.41 3.41 0 0 0-6-.86.87.87 0 0 1-1.43-1 5.14 5.14 0 0 1 9.1 1.3.87.87 0 0 1-.94 1.13z",fill:"#2b2b2b"})))};s.displayName=a,t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaCbeebiesWithoutCount",s=function(){return i.default.createElement("span",{className:"cta-icon cta-cbeebies-icon"},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 76 68"},i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"a"},i.default.createElement("path",{d:"M16.26 38.31a9.6 9.6 0 0 1-6.72-11.8 19.21 19.21 0 0 1 10-.22l.42.11a19.21 19.21 0 0 1 8.57 5.24 9.6 9.6 0 0 1-11.74 6.82z",fill:"#2b2b2b"}))),i.default.createElement("circle",{cx:"20.16",cy:"25.01",r:"19.9",transform:"rotate(-80 20.16 25.01)",fill:"#efc203"}),i.default.createElement("ellipse",{cx:"14.75",cy:"18.89",rx:"3.3",ry:"2.55",transform:"rotate(-74.9 14.757 18.895)",fill:"#2b2b2b"}),i.default.createElement("ellipse",{cx:"27.9",cy:"22.44",rx:"3.3",ry:"2.55",transform:"rotate(-74.9 27.908 22.442)",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M7.46 14.93v-.07c.08-.23.16-.46.26-.69s.23-.43.36-.65.29-.41.45-.6a7 7 0 0 1 .52-.55 6.27 6.27 0 0 1 .58-.48 6.15 6.15 0 0 1 .63-.42 6.54 6.54 0 0 1 .67-.35 7.55 7.55 0 0 1 1.43-.48 6.38 6.38 0 0 1 .74-.13 6 6 0 0 1 .75-.06 6 6 0 0 1 .75 0 6 6 0 0 1 .74.08c.24.05.49.08.72.15s.47.13.7.22.45.19.67.3h-.72l-.7.05c-.23 0-.46 0-.69.06s-.45.06-.68.08-.44.07-.66.11-.44.09-.65.13-.43.1-.64.16a6.35 6.35 0 0 0-.63.19 6.38 6.38 0 0 0-.62.23c-.21.07-.4.17-.6.26s-.39.2-.59.3-.38.23-.57.33-.37.25-.56.37-.36.27-.54.41L8 14.4c-.17.16-.34.32-.53.48zM36.09 22.66v-.07c-.08-.23-.15-.46-.22-.68s-.15-.44-.24-.65-.17-.42-.27-.63-.19-.41-.3-.6-.2-.39-.33-.58-.22-.38-.36-.55-.24-.36-.39-.53a6.38 6.38 0 0 0-.42-.51 6.35 6.35 0 0 0-.45-.48c-.15-.16-.3-.32-.47-.46s-.32-.3-.5-.44-.34-.3-.52-.43-.35-.29-.54-.41-.37-.28-.56-.4l-.58-.4c-.2-.13-.4-.26-.6-.4.24 0 .49 0 .73.07s.48.11.72.16.46.16.7.23a7.58 7.58 0 0 1 1.33.67 6 6 0 0 1 .62.43 6.38 6.38 0 0 1 .57.49 7.55 7.55 0 0 1 1 1.14 6.54 6.54 0 0 1 .41.64 6.15 6.15 0 0 1 .33.68 6.27 6.27 0 0 1 .26.71 7 7 0 0 1 .17.73c0 .25.06.5.08.74s0 .5 0 .74-.07.49-.12.73z",fill:"#9f8214"}),i.default.createElement("path",{d:"M16.26 38.31a9.6 9.6 0 0 1-6.72-11.8 19.21 19.21 0 0 1 10-.22l.42.11a19.21 19.21 0 0 1 8.57 5.24 9.6 9.6 0 0 1-11.74 6.82z",fill:"#2b2b2b"}),i.default.createElement("g",{clipPath:"url(#a)"},i.default.createElement("ellipse",{cx:"16.36",cy:"39.1",rx:"4.41",ry:"5.64",transform:"rotate(-74.9 16.361 39.1)",fill:"#e63f23"})),i.default.createElement("path",{d:"M50.54 34.94A20.35 20.35 0 0 1 40 26.27c-.66-1.16-3.36-5.85-1.47-11.16a9.34 9.34 0 0 1 4-4.83 9.8 9.8 0 0 1 10.63 0 9.8 9.8 0 0 1 5.47-9.12 9.34 9.34 0 0 1 6.21-1c5.53 1.1 8.16 5.83 8.82 7a20.35 20.35 0 0 1 2 13.47c-1.25 7.19-8.81 13.81-8.81 13.81s-9.5 3.12-16.31.5z",fill:"#e63f23",fillRule:"evenodd"}),i.default.createElement("path",{d:"M42 15.34c-.79 1.44-.56 3.07.5 3.63s2.56-.15 3.34-1.6.56-3.07-.5-3.63-2.51.15-3.34 1.6z",fill:"#ee7966"}),i.default.createElement("circle",{cx:"42.08",cy:"45.81",r:"22.09",transform:"matrix(.17 -.98 .98 .17 -10.35 79.3)",fill:"#ffd201"}),i.default.createElement("path",{d:"M55.66 49a14.07 14.07 0 0 1-27.69-5",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M32.21 56.72a8.24 8.24 0 0 1 15 2.7",fill:"#a75916"}),i.default.createElement("path",{d:"M40.6 53.07a8.26 8.26 0 0 0-8.42 3.68 14.13 14.13 0 0 0 7.1 3.57 13.8 13.8 0 0 0 7.91-.87 8.15 8.15 0 0 0-6.59-6.38z",fill:"#e63f23"}),i.default.createElement("path",{d:"M53.22 43.65l-7.29-4.21a.94.94 0 0 1 .31-1.73l8.26-1.39a.7.7 0 0 1 .27 1.38l-6 1.37 5.13 3.43a.67.67 0 0 1-.71 1.15zM33.35 32.47l7.29 4.21a.94.94 0 0 1-.31 1.73l-8.27 1.39a.7.7 0 0 1-.27-1.38l6-1.37-5.13-3.43a.67.67 0 0 1 .71-1.15z",fill:"#2b2b2b"})))};s.displayName=a,t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaArrow",s=function(e){return i.default.createElement("div",{className:"cta-arrow-icon"},i.default.createElement("svg",{height:e.height,width:e.width,viewBox:"0 0 20 15"},i.default.createElement("path",{fill:"#db63d9",d:"M18.5 4.7l-2.8-2.9L10 7.5 4.3 1.8 1.5 4.7l8.5 8.5z"})))};s.displayName=a,s.propTypes={height:o.PropTypes.number,width:o.PropTypes.number},s.defaultProps={height:15,width:20},t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=function(e){return i.default.createElement("span",{className:"reactions-count-container"},i.default.createElement("span",{className:"reactions-count-container__count-text"},e.count))};a.displayName="CtaCount",a.propTypes={count:o.PropTypes.number.isRequired},t.default=a,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(2),i=n(o),a=r(43),s=n(a),u=r(80),c=n(u),l=r(82),f=n(l),d=r(81),p=n(d),h=r(86),y=n(h),v=r(95),m=n(v),b=r(101),E=n(b),_=r(102),g=r(110),T=n(g),S=r(116),P=function(e){function t(e){(0,c.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,s.default)(t)).call(this,e));return r.props=e,r.state={shouldDisableAnimation:!0},r}return(0,y.default)(t,e),(0,f.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.showReactions!==e.showReactions&&this.setState({shouldDisableAnimation:!1})}},{key:"render",value:function(){var e=this,t=(0,S.getUniqueId)(this.props.urn);return m.default.createElement("div",{className:(0,E.default)("reactions-tray",{"animation-playing":this.props.isAnimationPlaying,"reactions-tray--open":this.props.isOpen})},m.default.createElement("div",{className:(0,E.default)("reactions-tray__reactions-container",{"reactions-tray__reactions-container--open":this.props.showReactions,"reactions-tray__reactions-container--no-animation":this.state.shouldDisableAnimation})},m.default.createElement(_.Reactions,{uniqueId:t,store:S.readOnlyLocalStorageHelper},function(t){var r=(0,i.default)({active:t},e.props);return m.default.createElement(T.default,r)}),m.default.createElement("div",{className:"reactions-tray__reactive-prompt"},"Press and hold for more...")))}}]),t}(v.Component);P.displayName="Tray",P.defaultProps={showReactions:!1,urn:!1,isAnimationPlaying:!1,isOpen:!1},P.propTypes={showReactions:v.PropTypes.bool,product:v.PropTypes.string.isRequired,reactionsCounts:v.PropTypes.arrayOf(v.PropTypes.shape({label:v.PropTypes.string,count:v.PropTypes.number})).isRequired,urn:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),isAnimationPlaying:v.PropTypes.bool,isOpen:v.PropTypes.bool},t.default=P,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(2),i=n(o),a=r(43),s=n(a),u=r(80),c=n(u),l=r(82),f=n(l),d=r(81),p=n(d),h=r(86),y=n(h),v=r(95),m=n(v),b=r(111),E=n(b),_=r(114),g=function(e){function t(e){(0,c.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,s.default)(t)).call(this,e));return r.props=e,r.firstButtonRef=null,r}return(0,y.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){var e=(0,_.keyToLabel)(this.props.active,this.props.product),t=e!==this.props.selectedReaction;t&&this.props.updateSelectedReaction(e)}},{key:"componentDidUpdate",value:function(e){var t=e.showReactions===!1&&this.props.showReactions===!0;t&&this.firstButtonRef&&this.firstButtonRef.focus()}},{key:"render",value:function(){var e=this;return m.default.createElement("div",{className:"reactions-list"},this.props.reactionsCounts.map(function(t,r){var n=(0,i.default)({},e.props,t),o={ref:function(t){0===r&&(e.firstButtonRef=t)}};return m.default.createElement(E.default,(0,i.default)({},n,{key:r,buttonProps:o}))}))}}]),t}(v.Component);g.displayName="ReactionsList",g.defaultProps={active:null,selectedReaction:null},g.propTypes={selectedReaction:v.PropTypes.string,active:v.PropTypes.string,updateSelectedReaction:v.PropTypes.func.isRequired,reactionsCounts:v.PropTypes.arrayOf(v.PropTypes.shape({label:v.PropTypes.string,count:v.PropTypes.number})).isRequired,showReactions:v.PropTypes.bool.isRequired,product:v.PropTypes.string.isRequired},t.default=g,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(112),i=n(o),a=r(2),s=n(a),u=r(95),c=n(u),l=r(102),f=r(101),d=n(f),p=r(113),h=n(p),y=r(115),v=n(y),m=r(114),b=function(e){var t,r=e.product,n=e.label,o=e.count,a=e.showReactions,u=e.buttonProps,f=void 0===u?{}:u,p=e.reactionButtonPressStart,y=e.reactionButtonPressEnd,b=e.selectedReaction,E="cbeebies"===r?v.default:h.default,_=E[""+n],g=n.replace("!",""),T="reaction-button--show",S=(0,s.default)({},f,{onMouseDown:function(){return p(n)},onTouchStart:function(){return p(n)},onKeyDown:function(e){e.keyCode!==m.ENTER_KEY&&e.keyCode!==m.SPACE_KEY||e.repeat||p(n)},onKeyUp:function(e){e.keyCode!==m.ENTER_KEY&&e.keyCode!==m.SPACE_KEY||y(n)},onMouseUp:function(){return y(n)},onMouseLeave:function(){return y(n)},onTouchEnd:function(){return y(n)},className:(0,d.default)("reaction-button",(t={},(0,i.default)(t,T,a),(0,i.default)(t,"reaction-button--selected",b===n),t))}),P="reaction-icon reaction-icon-"+m.LABEL_TO_KEY[n];return c.default.createElement(l.Reaction,{key:n,type:m.LABEL_TO_KEY[n],buttonProps:S},c.default.createElement(l.ReactionIcon,{className:P},c.default.createElement(_,null)),c.default.createElement(l.ReactionLabel,{className:"reaction-label","aria-label":"Reaction type "+n+","},n),c.default.createElement(l.ReactionCount,{className:"reaction-count",count:o,"aria-label":"Total number of "+g+"s "+o}),c.default.createElement("div",{className:"reaction-focus-line"}))};b.propTypes={product:u.PropTypes.string.isRequired,label:u.PropTypes.string.isRequired,count:u.PropTypes.number.isRequired,showReactions:u.PropTypes.bool.isRequired,buttonProps:u.PropTypes.shape({class:u.PropTypes.string,arialabel:u.PropTypes.string}),reactionButtonPressStart:u.PropTypes.func.isRequired,reactionButtonPressEnd:u.PropTypes.func.isRequired,selectedReaction:u.PropTypes.string},b.defaultProps={buttonProps:{class:null,arialabel:null},selectedReaction:null},t.default=b,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(83),i=n(o);t.default=function(e,t,r){return t in e?(0,i.default)(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o,i=r(112),a=n(i),s=r(95),u=n(s),c=r(114),l=function(){return u.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 72 72"},u.default.createElement("path",{d:"M13.54 49.73A31.54 31.54 0 0 1 6 30c0-2.08-.06-10.46 6.55-16.17a14.48 14.48 0 0 1 9.1-3.46c7.39 0 11.7 3.42 14.34 8.12 2.64-4.69 7-8.13 14.34-8.12a14.48 14.48 0 0 1 9.1 3.46C66.06 19.54 66 27.93 66 30a31.54 31.54 0 0 1-7.54 19.73C51.28 58.48 36 61.63 36 61.63s-15.28-3.15-22.46-11.9z",fill:"#e63f23",fillRule:"evenodd"}),u.default.createElement("path",{d:"M17.06 16.8C14.9 18.15 14 20.51 15 22.08s3.56 1.75 5.73.4 3.11-3.71 2.11-5.28-3.61-1.75-5.78-.4z",fill:"#ee7966"}))},f=function(){return u.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"35.91",cy:"35.72",r:"30",fill:"#ffd201"}),u.default.createElement("path",{d:"M69.12 34c-2.48-1.34-13.33-1.34-13.33-1.34s6 9.07 8.52 10.41A5.07 5.07 0 0 0 71.18 41a5.15 5.15 0 0 0-2.06-7zM2.86 34a5.15 5.15 0 0 0-2.07 7 5.07 5.07 0 0 0 6.87 2.12c2.48-1.34 8.52-10.41 8.52-10.41S5.34 32.67 2.86 34z",fill:"#269dc8"}),u.default.createElement("path",{d:"M16.37 36.45a19.34 19.34 0 0 0 38.69.16z",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M25.17 52.73a11.33 11.33 0 0 1 21 .08",fill:"#a75916"}),u.default.createElement("path",{d:"M35.66 45.78a11.35 11.35 0 0 0-10.52 7 19.44 19.44 0 0 0 10.47 3.12 19 19 0 0 0 10.5-3.06 11.21 11.21 0 0 0-10.45-7.06z",fill:"#e63f23"}),u.default.createElement("path",{d:"M51.25 30.46a1.18 1.18 0 0 1-1.06-.65 4.65 4.65 0 0 0-8.31 0 1.18 1.18 0 0 1-2.12-1.06 7 7 0 0 1 12.54 0 1.18 1.18 0 0 1-1.06 1.71zM32 30.46a1.18 1.18 0 0 1-1.06-.65 4.65 4.65 0 0 0-8.31 0 1.18 1.18 0 0 1-2.12-1.06 7 7 0 0 1 12.54 0A1.18 1.18 0 0 1 32 30.46z",fill:"#2b2b2b"}))},d=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("path",{d:"M52.43 11.33l4.12-7.71a1.09 1.09 0 0 1 1.87 1.09l-4.12 7.71a1.09 1.09 0 0 1-1.87-1.09M43.75 3a1 1 0 0 1 1.79.25l1.23 5.28a1 1 0 0 1-1.89.47l-1.23-5.27a1 1 0 0 1 .1-.74M15.59 11.1l-.7-8.71a1.09 1.09 0 0 1 2.17-.09l.7 8.71a1.09 1.09 0 0 1-2.17.09M3.78 8.77A1 1 0 0 1 5.41 8l3.89 3.79A1 1 0 1 1 8 13.23L4.09 9.45a1 1 0 0 1-.31-.68",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M57.24 56.4c5-7.08 4.75-10.71 2.84-16.46-.37-1.12-.91-2.56-1.4-3.67a96 96 0 0 0-5.2-10.15l-3.54-7.32a4 4 0 0 0-4-2.23 3.72 3.72 0 0 0-2.6 1.36 4.29 4.29 0 0 0-.49 4.61l4 8.31L24 15.42a4 4 0 0 0-5.52 1l-.05.06c-1.55 2.09-.06 4.44.18 4.74l-4.06-2.74-.42-.28a4 4 0 0 0-5.56 1 3.86 3.86 0 0 0-.1 4.12 4.1 4.1 0 0 0 1.25 1.35L13 27.54c-1.84-1.24-4.92-1.62-6.38.54A3.86 3.86 0 0 0 7.8 33.5l5.65 4.66c-1.9-1.29-4.4-1.34-5.6.7a3.79 3.79 0 0 0 1.28 5s18.1 13.05 23.78 16.56c6.15 3.8 8.78 4.25 13.83 3.69 4.27-.47 7-2.71 10.5-7.72",fill:"#9f8214"}),u.default.createElement("path",{d:"M64.75 41.35c-.34-1.13-.83-2.57-1.29-3.68-1.46-3.59-8.23-17.6-8.23-17.6a4 4 0 0 0-3.92-2.32 3.72 3.72 0 0 0-2.79 1.49 4.29 4.29 0 0 0-.44 4.39l3.27 7.23a.33.33 0 0 1-.49.4L29.57 16a4 4 0 0 0-5.51.86l-.06.06a2.53 2.53 0 0 0-.65 2 2.13 2.13 0 0 0 1 1.67l.48.37L39.64 32a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11L22.64 20.63l-2.55-1.81-.34-.25a4.06 4.06 0 0 0-5.68.88 3.45 3.45 0 0 0-.16 3.79 17.84 17.84 0 0 0 2.3 2.17l2.1 1.59 18.37 13.18a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.3-.1L17.21 27.41a4 4 0 0 0-2.55-.72 3.49 3.49 0 0 0-2.72 1.45 3.83 3.83 0 0 0 1 5.42l5 3.7 14.18 10.12a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11l-14-10-.25-.19-.54-.37c-1.93-.94-3.73-.74-4.73 1s.38 4 1.1 4.51c0 0 18.53 14.21 24.09 17.86 6 3.95 8.62 4.45 13.64 4 4.25-.36 7-2.51 10.65-7.39 5.13-6.88 5.01-10.5 3.26-16.26z",fill:"#ffd201"}))},p=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",fill:"#ffd201"}),u.default.createElement("path",{d:"M35.9 14.3a.82.82 0 0 1-.82-.82V9.7a.82.82 0 0 1 1.65 0v3.78a.82.82 0 0 1-.83.82zM61.42 36.51h-3.78a.82.82 0 0 1 0-1.65h3.78a.82.82 0 1 1 0 1.65zM14.16 36.51h-3.78a.82.82 0 1 1 0-1.65h3.78a.82.82 0 0 1 0 1.65zM51.28 20.67a.82.82 0 0 1-.58-1.4l2.67-2.67a.82.82 0 0 1 1.16 1.16l-2.67 2.67a.82.82 0 0 1-.58.24zM20.53 20.67a.82.82 0 0 1-.58-.24l-2.67-2.67a.82.82 0 1 1 1.16-1.16l2.67 2.67a.82.82 0 0 1-.58 1.4zM44 15.87a.82.82 0 0 1-.76-1.13l1.41-3.5a.82.82 0 0 1 1.53.61l-1.41 3.5a.82.82 0 0 1-.77.52zM59.57 46a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 1 1 .62-1.53l3.5 1.41a.82.82 0 0 1-.31 1.59zM15.74 28.39a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 0 1 .61-1.53L16 26.8a.82.82 0 0 1-.31 1.59zM55.91 28a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 0 1 .64 1.51l-3.48 1.48a.82.82 0 0 1-.32.07zM12.43 46.51a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 1 1 .63 1.55l-3.48 1.48a.82.82 0 0 1-.31.03zM27.39 16a.82.82 0 0 1-.76-.5l-1.48-3.48a.82.82 0 0 1 1.51-.64l1.48 3.48a.82.82 0 0 1-.75 1.14zM29.39 48.81c0-2.53-1.63-4.9-3.47-6.63a13.68 13.68 0 0 1 3.68-22.52c9.92-4.66 20.67 2.71 20.67 12.41a13.83 13.83 0 0 1-5.79 11.26 5 5 0 0 0-2.1 4.1v1.39a17 17 0 0 1-5.83 1.34 23.78 23.78 0 0 1-7.16-1.35z",fill:"#fff"}),u.default.createElement("path",{d:"M29.42 48.71v4.8a8.05 8.05 0 0 0 2.33 1.09l.07.18a4.09 4.09 0 1 0 8.17 0v-.06a2.42 2.42 0 0 0 .11-.29 21.91 21.91 0 0 0 2.3-.79v-5.13s-4.92 3.49-12.98.2z",fill:"#d3145b"}))},h=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",transform:"rotate(-5.1 35.96834013 36.0247667)",fill:"#ffd201"}),u.default.createElement("circle",{cx:"25.69",cy:"31.15",r:"7.9",fill:"#fff"}),u.default.createElement("ellipse",{cx:"25.73",cy:"31.35",rx:"3.85",ry:"4.57",fill:"#2b2b2b"}),u.default.createElement("circle",{cx:"46.31",cy:"31.15",r:"7.9",fill:"#fff"}),u.default.createElement("ellipse",{cx:"46.26",cy:"31.35",rx:"3.85",ry:"4.57",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M42.41 49.4c0 4.42-3 8-6.74 8s-6.74-3.58-6.74-8v-.65c.28-4.11 3.18-7.35 6.72-7.35 3.75-.01 6.76 3.6 6.76 8z",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M13.65 28c.4-6.28 7-10.64 13-9.33-5.31 2.14-10.01 4.14-13 9.33zM58.35 28c-.4-6.28-7-10.64-13-9.33 5.31 2.14 10.01 4.14 13 9.33z",fill:"#9f8214"}))},y=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",transform:"rotate(-5.1 35.96834013 36.0247667)",fill:"#ffd201"}),u.default.createElement("path",{d:"M15 40.42c1.16-2.66 8.18-5.59 8.18-5.59s2.59 7.17 1.42 9.79a5.26 5.26 0 0 1-9.6-4.2z",fill:"#269dc8"}),u.default.createElement("path",{d:"M25.81 53.82a1 1 0 0 1-.81-1.55A14.14 14.14 0 0 1 36.35 46a14.1 14.1 0 0 1 11.16 6A1 1 0 1 1 46 53.2a12 12 0 0 0-9.65-5.2 12.22 12.22 0 0 0-9.76 5.44 1 1 0 0 1-.78.38zM26.26 36A6.91 6.91 0 0 1 20 32.2a1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 26.26 36zM45.36 36a6.91 6.91 0 0 1-6.21-3.84 1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 45.36 36z",fill:"#2b2b2b"}))};t.default=(o={},(0,a.default)(o,c.LOVE,l),(0,a.default)(o,c.LOL,f),(0,a.default)(o,c.APPLAUSE,d),(0,a.default)(o,c.GOTIT,p),(0,a.default)(o,c.OMD,h),(0,a.default)(o,c.SAD,y),o),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var r="cbeebies"===t?_:g,n=r.reduce(function(e,t){return(0,s.default)({},e,(0,c.default)({},T[t],t))},{});return n[e]}Object.defineProperty(t,"__esModule",{value:!0}),t.KEY_TO_UAS_CONTEXT=t.LABEL_TO_KEY=t.CBBC_LABELS=t.CBEEBIES_LABELS=t.SPACE_KEY=t.ENTER_KEY=t.SPRITE_REVERSE_EFFECT_DELAY=t.SPRITE_EFFECT_DELAY=t.SPRITE_SLIDE_NUMBER_DEFAULT=t.SPRITE_SLIDE_DECREMENT_INTERVAL=t.SPRITE_SLIDE_INCREMENT_INTERVAL=t.SPRITE_TOTAL_SLIDES=t.NO_REACTION=t.CLAP=t.WOW=t.FUNNY=t.SAD=t.OMD=t.GOTIT=t.APPLAUSE=t.LOL=t.LOVE=void 0;var i,a=r(2),s=n(a),u=r(112),c=n(u);t.keyToLabel=o;var l=t.LOVE="Love",f=t.LOL="LOL",d=t.APPLAUSE="Applause",p=t.GOTIT="Got It!",h=t.OMD="OMD",y=t.SAD="Sad",v=t.FUNNY="Funny",m=t.WOW="Wow",b=t.CLAP="Clap",E=(t.NO_REACTION="No Content",t.SPRITE_TOTAL_SLIDES=10,t.SPRITE_SLIDE_INCREMENT_INTERVAL=100),_=(t.SPRITE_SLIDE_DECREMENT_INTERVAL=E/2,t.SPRITE_SLIDE_NUMBER_DEFAULT=0,t.SPRITE_EFFECT_DELAY=300,t.SPRITE_REVERSE_EFFECT_DELAY=1e3,t.ENTER_KEY=13,t.SPACE_KEY=32,t.CBEEBIES_LABELS=[l,v,b,p,m,y]),g=t.CBBC_LABELS=[l,f,d,p,h,y],T=t.LABEL_TO_KEY=(i={},(0,c.default)(i,d,"applause"),(0,c.default)(i,b,"applause"),(0,c.default)(i,v,"lol"),(0,c.default)(i,p,"inspired"),(0,c.default)(i,l,"loved"),(0,c.default)(i,f,"lol"),(0,c.default)(i,h,"omd"),(0,c.default)(i,y,"sad"),(0,c.default)(i,m,"omd"),i);t.KEY_TO_UAS_CONTEXT={applause:"emotion-inspired",lol:"emotion-funny",inspired:"emotion-inspired",loved:"emotion-positive",omd:"emotion-shocked",sad:"emotion-sad"}},function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i,a=r(112),s=o(a),u=r(95),c=o(u),l=r(114),f=r(113),d=n(f),p=function(){return c.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},c.default.createElement("path",{d:"M33.34 6.12A30 30 0 1 1 6.12 38.66 30 30 0 0 1 33.34 6.12", fill:"#ffd201"}),c.default.createElement("path",{d:"M55.14 37.21a19.14 19.14 0 1 1-38.29-.16",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M25.56 53.17a11.22 11.22 0 0 1 20.75.07",fill:"#a75916"}),c.default.createElement("path",{d:"M35.95 46.29a11.24 11.24 0 0 0-10.41 6.91 19.23 19.23 0 0 0 10.36 3.11 18.78 18.78 0 0 0 10.39-3 11.1 11.1 0 0 0-10.34-7",fill:"#e63f23"}),c.default.createElement("path",{d:"M21.36 20.41l10.76 3.91a1.27 1.27 0 0 1 0 2.4l-10.75 3.81a1 1 0 0 1-.69-1.78l7.7-3.25-7.69-3.39a.92.92 0 0 1 .68-1.7M51.32 22.11l-7.7 3.38 7.71 3.25a1 1 0 0 1-.69 1.78l-10.74-3.8a1.27 1.27 0 0 1 0-2.4l10.76-3.91a.92.92 0 0 1 .68 1.7",fill:"#2b2b2b"}))},h=function(){return c.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},c.default.createElement("circle",{cx:"35.91",cy:"35.72",r:"30",fill:"#ffd201"}),c.default.createElement("ellipse",{cx:"25.73",cy:"29.22",rx:"3.85",ry:"4.98",fill:"#2b2b2b"}),c.default.createElement("ellipse",{cx:"46.27",cy:"29.22",rx:"3.85",ry:"4.98",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M13.57 26.32v-.1c0-.37.06-.73.11-1.1s.17-.72.27-1.08.26-.71.41-1a10.55 10.55 0 0 1 .54-1 9.46 9.46 0 0 1 .65-.93 9.27 9.27 0 0 1 .75-.86 9.86 9.86 0 0 1 .84-.77A11.39 11.39 0 0 1 19 18.14a9.62 9.62 0 0 1 1-.49 9 9 0 0 1 1.06-.38 11.43 11.43 0 0 1 2.19-.45c.37 0 .74-.07 1.11-.07s.74 0 1.11.05.73.1 1.09.18c-.35.14-.69.25-1 .35l-1 .35c-.33.1-.66.24-1 .36s-.64.26-1 .39-.62.28-.93.42-.6.3-.9.45-.58.32-.87.49a9.58 9.58 0 0 0-.84.53 9.62 9.62 0 0 0-.81.57c-.28.18-.51.41-.77.62s-.48.45-.74.66-.46.48-.7.71-.44.51-.67.76-.42.54-.63.81-.39.57-.6.86-.37.6-.59.91zM58.27 26.32v-.1c-.21-.31-.4-.61-.59-.91s-.4-.58-.6-.86-.41-.55-.63-.81-.43-.52-.67-.76-.45-.49-.7-.71-.47-.47-.74-.66-.5-.43-.77-.62a9.61 9.61 0 0 0-.81-.57 9.58 9.58 0 0 0-.84-.53c-.28-.17-.57-.34-.87-.49s-.59-.32-.9-.45-.61-.3-.93-.42-.63-.28-1-.39-.64-.26-1-.36l-1-.35c-.34-.11-.69-.22-1-.35.36-.08.72-.13 1.09-.18s.73 0 1.11-.05.74 0 1.11.07a11.43 11.43 0 0 1 2.19.45 9 9 0 0 1 1.06.38 9.62 9.62 0 0 1 1 .49 11.39 11.39 0 0 1 1.89 1.27 9.86 9.86 0 0 1 .84.77 9.28 9.28 0 0 1 .75.86A9.45 9.45 0 0 1 57 22a10.54 10.54 0 0 1 .54 1c.16.34.28.7.41 1s.19.73.27 1.08.09.74.11 1.1z",fill:"#9f8214"}),c.default.createElement("path",{d:"M35.55 56.89a14.47 14.47 0 0 1-14.42-14.53 29 29 0 0 1 14.54-4.26h.66a29 29 0 0 1 14.54 4.26 14.47 14.47 0 0 1-14.42 14.53z",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M28.43 55a14.31 14.31 0 0 0 7.11 2h.91a14.31 14.31 0 0 0 7.11-2A9 9 0 0 0 36 51.41 9 9 0 0 0 28.43 55z",fill:"#e63f23"}))};t.default=(i={},(0,s.default)(i,l.LOVE,d[l.LOVE]),(0,s.default)(i,l.FUNNY,p),(0,s.default)(i,l.CLAP,d[l.APPLAUSE]),(0,s.default)(i,l.GOTIT,d[l.GOTIT]),(0,s.default)(i,l.WOW,h),(0,s.default)(i,l.SAD,d[l.SAD]),i),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(117),i=n(o),a=function(){},s=function(e){return"childrens-reactions-"+e},u=function(e){return"reactions-"+s(e)};t.default={localStorageHelper:i.default,readOnlyLocalStorageHelper:{getItem:i.default.getItem,setItem:a,removeItem:a},getUniqueId:s,getLocalStorageKey:u},e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-local-storage-helper@1.0.1"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(114),s=r(113),u=n(s),c=function(){var e=u.default[a.SAD];return i.default.createElement("div",{className:"reactions-cookie-warning"},i.default.createElement("div",{className:"reactions-cookie-warning__inner"},i.default.createElement("div",{className:"reactions-cookie-warning__icon"},i.default.createElement(e,null)),i.default.createElement("div",{className:"reactions-cookie-warning__text"},i.default.createElement("span",null,"To make your reaction count, you’ll need to ask your parent/guardian to enable cookies. See our "),i.default.createElement("a",{className:"reactions-cookie-warning__link",href:"/usingthebbc/cookies/"},"cookies policy"),i.default.createElement("span",null," for more information"))))};c.displayName="CookieWarning",c.propTypes={},t.default=c,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(43),c=n(u),l=r(80),f=n(l),d=r(81),p=n(d),h=r(82),y=n(h),v=r(86),m=n(v),b=r(95),E=n(b),_=r(101),g=n(_),T=r(109),S=n(T),P=r(103),w=n(P),R=r(118),x=n(R),O=r(146),A=n(O),M=r(114),C=r(147),L=n(C),I=r(148),k=r(116),N=r(153),j=n(N),B=function(){return E.default.createElement("noscript",null)};B.displayName="NoopComponent";var U=function(e){function t(e){(0,f.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,c.default)(t)).call(this,e));return r.state={showReactions:!1,hasCtaBeenClicked:!1,SpriteTagName:B,startSpriteAnimation:!1,endSpriteAnimation:!1,selectedReaction:null,prevSelectedReaction:null,currentCounts:e.reactionsCounts,hasReactionButtonPressStarted:!1,errorMessage:!1,endSlideNumber:M.SPRITE_SLIDE_NUMBER_DEFAULT,windowDimensions:{width:0,height:0}},r.renderElement=null,r.moduleElement=null,r.ctaClickHandler=r.ctaClickHandler.bind(r),r.reactionButtonPressStartHandler=r.reactionButtonPressStartHandler.bind(r),r.reactionButtonPressEndHandler=r.reactionButtonPressEndHandler.bind(r),r.updateSelectedReaction=r.updateSelectedReaction.bind(r),r.updateWindowDimensions=r.updateWindowDimensions.bind(r),r.handleChange=r.handleChange.bind(r),r}return(0,m.default)(t,e),(0,y.default)(t,null,[{key:"calculateReactionCounts",value:function(e,r,n){return n.map(function(n){return t.calculateCountForReaction(n.label,n.count,r,e)})}},{key:"calculateCountForReaction",value:function(e,t,r,n){var o=Math.max(t+(r===e?1:0)+(n===e?-1:0),0);return{label:e,count:o}}},{key:"calculateCountsTotal",value:function(e,t,r){return Math.max(r+(e&&!t?1:0)+(!e&&t?-1:0),0)}}]),(0,y.default)(t,[{key:"componentDidMount",value:function(){this.moduleElement=this.renderElement,this.updateWindowDimensions(),window.addEventListener("resize",this.updateWindowDimensions),this.props.spriteService.fetchSprites()}},{key:"componentWillReceiveProps",value:function(e){if(e.uasSelectedReaction){var t=e.uasSelectedReaction===M.NO_REACTION?null:e.uasSelectedReaction;this.setState({selectedReaction:t,initialSelectedReaction:t})}}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateWindowDimensions)}},{key:"getAnimationPosition",value:function(){var e={x:0,y:0},t=this.state.selectedReaction?this.state.selectedReaction:this.state.prevSelectedReaction,r=M.LABEL_TO_KEY[t];if(r&&this.moduleElement){var n=this.moduleElement.querySelector(".reaction-icon-"+r);if(n){var o=n.getBoundingClientRect(),i=this.moduleElement.getBoundingClientRect();e.x=o.left+Math.floor(o.width/2),e.y=i.top}}return e}},{key:"handleError",value:function(e,r){var n=(0,I.getStandardisedErrorType)(e);this.props.istatsService.logError(n);var o=t.calculateReactionCounts(this.state.initialSelectedReaction,r,this.props.reactionsCounts);this.setState({errorMessage:n,selectedReaction:r,currentCounts:o})}},{key:"handleChange",value:function(e){this.setState({endSlideNumber:e})}},{key:"updateWindowDimensions",value:function(){this.setState({width:window.innerWidth,height:window.innerHeight})}},{key:"isWindowLandscape",value:function(){return this.state.width>this.state.height}},{key:"ctaClickHandler",value:function(){var e=this;this.setState(function(t){var r={showReactions:!t.showReactions,hasCtaBeenClicked:!0},n=t.showReactions?j.default.CtaClose:j.default.CtaOpen;return e.props.istatsService.logCtaEvent(n),r})}},{key:"reactionButtonPressStartHandler",value:function(e){var r=this.isWindowLandscape();this.setState(function(n,o){var i={};if(!n.hasReactionButtonPressStarted&&!n.shouldThrottleEventHandling){var a=t.calculateReactionCounts(n.initialSelectedReaction,e,o.reactionsCounts),s=n.selectedReaction,u=s!==e;i={currentCounts:a,prevSelectedReaction:s,hasReactionButtonPressStarted:!0,startSpriteAnimation:u,endSpriteAnimation:!1,SpriteTagName:o.spriteService.getSprite(e,r),selectedReaction:e,errorMessage:!1}}return i})}},{key:"reactionButtonPressEndHandler",value:function(e){var r=this,n=!this.state.shouldThrottleEventHandling,o=!1;e===this.state.selectedReaction&&this.setState(function(e,n){var i={};if(e.hasReactionButtonPressStarted){var a=e.errorMessage||e.selectedReaction!==e.prevSelectedReaction,s=a?e.selectedReaction:null,u=t.calculateReactionCounts(e.initialSelectedReaction,s,n.reactionsCounts);i={startSpriteAnimation:!1,endSpriteAnimation:!0,selectedReaction:s,currentCounts:u,hasReactionButtonPressStarted:!1,shouldThrottleEventHandling:!0},setTimeout(function(){return r.setState({shouldThrottleEventHandling:!1})},500),o=!0}return i},function(){if(o&&n){var e=r.state.selectedReaction,t=r.state.prevSelectedReaction;r.recordOrDeleteReaction(e,t)}})}},{key:"recordOrDeleteReaction",value:function(e,t){e?this.recordReaction(e,t):this.deleteReaction(t)}},{key:"recordReaction",value:function(){function e(e,r){return t.apply(this,arguments)}var t=(0,s.default)(i.default.mark(function e(t,r){var n,o,a,s,u,c,l,f,d,p,h=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=this.props.countingServiceClientLibrary.postToUAS,o=M.LABEL_TO_KEY[t],a=(0,k.getLocalStorageKey)(this.props.urn),e.prev=3,e.next=6,this.props.uasConfigService.configureUAS({clickedReaction:o,urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,product:this.props.product,env:this.props.env,signedInState:this.props.isSignedIn,isIdAvailable:this.props.isIdAvailable,idctaService:this.props.idctaService,error:this.props.error,endSlideNumber:this.state.endSlideNumber});case 6:s=e.sent,u=s.UASdata,c=s.apiKey,l=s.env,f=s.domain,d=s.isSignedIn,p=r?M.LABEL_TO_KEY[r]:null,n("reactions",u,c,l,f,d,p).then(function(e){if(!e.ok)throw new Error(I.ErrorTypes.UAS_FAILURE);k.localStorageHelper.setItem(a,o),h.props.istatsService.logSelection(o,h.state.endSlideNumber,p,h.props.pageContext)}).catch(function(e){h.handleError(e,h.state.prevSelectedReaction)}),e.next=19;break;case 16:e.prev=16,e.t0=e.catch(3),this.handleError(e.t0,this.state.prevSelectedReaction);case 19:case"end":return e.stop()}},e,this,[[3,16]])}));return e}()},{key:"deleteReaction",value:function(){function e(e){return t.apply(this,arguments)}var t=(0,s.default)(i.default.mark(function e(t){var r,n,o,a,s,u,c,l,f,d=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=this.props.countingServiceClientLibrary.deleteFromUAS,n=this.props.globalId,o=M.LABEL_TO_KEY[t],a=(0,k.getLocalStorageKey)(this.props.urn),e.prev=4,e.next=7,this.props.uasConfigService.configureUAS({clickedReaction:M.LABEL_TO_KEY[t],urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,product:this.props.product,env:this.props.env,signedInState:this.props.isSignedIn,isIdAvailable:this.props.isIdAvailable,idctaService:this.props.idctaService,error:this.props.error});case 7:s=e.sent,u=s.apiKey,c=s.env,l=s.domain,f=s.isSignedIn,r("reactions",u,c,l,n,f,o).then(function(e){if(!e.ok)throw new Error(I.ErrorTypes.UAS_FAILURE);k.localStorageHelper.removeItem(a),d.props.istatsService.logDeselection(o,d.props.pageContext)}).catch(function(e){d.handleError(e,d.state.prevSelectedReaction)}),e.next=18;break;case 15:e.prev=15,e.t0=e.catch(4),this.handleError(e.t0,this.state.prevSelectedReaction);case 18:case"end":return e.stop()}},e,this,[[4,15]])}));return e}()},{key:"updateSelectedReaction",value:function(e){this.props.uasSelectedReaction||this.state.errorMessage||this.props.error||this.setState({selectedReaction:e,initialSelectedReaction:e})}},{key:"render",value:function(){var e=this,r=(0,g.default)("reactions-module",{"landscape-animation":this.isWindowLandscape()}),n=t.calculateCountsTotal(this.state.selectedReaction,this.state.initialSelectedReaction,this.props.reactionsCountTotal);return E.default.createElement("div",{ref:function(t){e.renderElement=t},className:r},E.default.createElement(A.default,{showAnimation:this.state.startSpriteAnimation,endAnimation:this.state.endSpriteAnimation,onSlideNumberChange:this.handleChange,animationPosition:this.getAnimationPosition()},E.default.createElement(this.state.SpriteTagName,null)),E.default.createElement(S.default,{showReactions:this.state.showReactions,product:this.props.product,reactionButtonPressStart:this.reactionButtonPressStartHandler,reactionButtonPressEnd:this.reactionButtonPressEndHandler,reactionsCounts:this.state.currentCounts,selectedReaction:this.state.selectedReaction,urn:this.props.urn,updateSelectedReaction:this.updateSelectedReaction,isAnimationPlaying:this.state.startSpriteAnimation,isOpen:this.state.showReactions}),this.props.showCookieBanner&&this.state.showReactions&&E.default.createElement(x.default,null),this.state.errorMessage&&this.state.showReactions&&E.default.createElement(L.default,{errorType:this.state.errorMessage}),E.default.createElement(w.default,{onClick:this.ctaClickHandler,isOpen:this.state.showReactions,count:n,product:this.props.product,hasBeenClicked:this.state.hasCtaBeenClicked}))}}]),t}(b.Component);U.displayName="ReactionsModule",U.propTypes={product:b.PropTypes.string.isRequired,showCookieBanner:b.PropTypes.bool.isRequired,error:b.PropTypes.oneOfType([b.PropTypes.shape({Error:b.PropTypes.string}),b.PropTypes.bool]),reactionsCounts:b.PropTypes.arrayOf(b.PropTypes.object).isRequired,reactionsCountTotal:b.PropTypes.number.isRequired,countingServiceClientLibrary:b.PropTypes.shape({postToUAS:b.PropTypes.func.isRequired,deleteFromUAS:b.PropTypes.func.isRequired}).isRequired,urn:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool]),globalId:b.PropTypes.string.isRequired,env:b.PropTypes.string.isRequired,isSignedIn:b.PropTypes.bool.isRequired,isIdAvailable:b.PropTypes.bool.isRequired,uasSelectedReaction:b.PropTypes.string,resourceTitle:b.PropTypes.string.isRequired,resourceType:b.PropTypes.string.isRequired,url:b.PropTypes.string.isRequired,idctaService:b.PropTypes.shape({refreshToken:b.PropTypes.func,isCurrentUserSignedIn:b.PropTypes.func}).isRequired,uasConfigService:b.PropTypes.shape({configureUAS:b.PropTypes.func,getMyReaction:b.PropTypes.func}).isRequired,istatsService:b.PropTypes.shape({logSelection:b.PropTypes.func,logDeselection:b.PropTypes.func,logCtaEvent:b.PropTypes.func,logError:b.PropTypes.func}).isRequired,spriteService:b.PropTypes.shape({fetchSprites:b.PropTypes.func,getSprite:b.PropTypes.func}).isRequired,pageContext:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool])},U.defaultProps={showCookieBanner:!1,error:!1,reactionsData:{},urn:!1,isSignedIn:!1,isIdAvailable:!1,uasSelectedReaction:null,resourceTitle:"resourceTitle",url:"url",pageContext:!1},t.default=U,e.exports=t.default},function(e,t,r){e.exports=r(121)},function(e,t,r){var n=function(){return this}()||Function("return this")(),o=n.regeneratorRuntime&&Object.getOwnPropertyNames(n).indexOf("regeneratorRuntime")>=0,i=o&&n.regeneratorRuntime;if(n.regeneratorRuntime=void 0,e.exports=r(122),o)n.regeneratorRuntime=i;else try{delete n.regeneratorRuntime}catch(e){n.regeneratorRuntime=void 0}},function(e,t){!function(t){"use strict";function r(e,t,r,n){var i=t&&t.prototype instanceof o?t:o,a=Object.create(i.prototype),s=new p(n||[]);return a._invoke=c(e,r,s),a}function n(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}function o(){}function i(){}function a(){}function s(e){["next","throw","return"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function u(e){function t(r,o,i,a){var s=n(e[r],e,o);if("throw"!==s.type){var u=s.arg,c=u.value;return c&&"object"==typeof c&&b.call(c,"__await")?Promise.resolve(c.__await).then(function(e){t("next",e,i,a)},function(e){t("throw",e,i,a)}):Promise.resolve(c).then(function(e){u.value=e,i(u)},a)}a(s.arg)}function r(e,r){function n(){return new Promise(function(n,o){t(e,r,n,o)})}return o=o?o.then(n,n):n()}var o;this._invoke=r}function c(e,t,r){var o=w;return function(i,a){if(o===x)throw new Error("Generator is already running");if(o===O){if("throw"===i)throw a;return y()}for(r.method=i,r.arg=a;;){var s=r.delegate;if(s){var u=l(s,r);if(u){if(u===A)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(o===w)throw o=O,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=x;var c=n(e,t,r);if("normal"===c.type){if(o=r.done?O:R,c.arg===A)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(o=O,r.method="throw",r.arg=c.arg)}}}function l(e,t){var r=e.iterator[t.method];if(r===v){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=v,l(e,t),"throw"===t.method))return A;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return A}var o=n(r,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,A;var i=o.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=v),t.delegate=null,A):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,A)}function f(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function d(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function p(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(f,this),this.reset(!0)}function h(e){if(e){var t=e[_];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,n=function t(){for(;++r<e.length;)if(b.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=v,t.done=!0,t};return n.next=n}}return{next:y}}function y(){return{value:v,done:!0}}var v,m=Object.prototype,b=m.hasOwnProperty,E="function"==typeof Symbol?Symbol:{},_=E.iterator||"@@iterator",g=E.asyncIterator||"@@asyncIterator",T=E.toStringTag||"@@toStringTag",S="object"==typeof e,P=t.regeneratorRuntime;if(P)return void(S&&(e.exports=P));P=t.regeneratorRuntime=S?e.exports:{},P.wrap=r;var w="suspendedStart",R="suspendedYield",x="executing",O="completed",A={},M={};M[_]=function(){return this};var C=Object.getPrototypeOf,L=C&&C(C(h([])));L&&L!==m&&b.call(L,_)&&(M=L);var I=a.prototype=o.prototype=Object.create(M);i.prototype=I.constructor=a,a.constructor=i,a[T]=i.displayName="GeneratorFunction",P.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===i||"GeneratorFunction"===(t.displayName||t.name))},P.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,a):(e.__proto__=a,T in e||(e[T]="GeneratorFunction")),e.prototype=Object.create(I),e},P.awrap=function(e){return{__await:e}},s(u.prototype),u.prototype[g]=function(){return this},P.AsyncIterator=u,P.async=function(e,t,n,o){var i=new u(r(e,t,n,o));return P.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},s(I),I[T]="Generator",I[_]=function(){return this},I.toString=function(){return"[object Generator]"},P.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},P.values=h,p.prototype={constructor:p,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=v,this.done=!1,this.delegate=null,this.method="next",this.arg=v,this.tryEntries.forEach(d),!e)for(var t in this)"t"===t.charAt(0)&&b.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=v)},stop:function(){this.done=!0;var e=this.tryEntries[0],t=e.completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){function t(t,n){return i.type="throw",i.arg=e,r.next=t,n&&(r.method="next",r.arg=v),!!n}if(this.done)throw e;for(var r=this,n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var a=b.call(o,"catchLoc"),s=b.call(o,"finallyLoc");if(a&&s){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&b.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,A):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),A},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),d(r),A}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;d(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:h(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=v),A}}}(function(){return this}()||Function("return this")())},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(124),i=n(o);t.default=function(e){return function(){var t=e.apply(this,arguments);return new i.default(function(e,r){function n(o,a){try{var s=t[o](a),u=s.value}catch(e){return void r(e)}return s.done?void e(u):i.default.resolve(u).then(function(e){n("next",e)},function(e){n("throw",e)})}return n("next")})}}},function(e,t,r){e.exports={default:r(125),__esModule:!0}},function(e,t,r){r(77),r(51),r(62),r(126),r(144),r(145),e.exports=r(8).Promise},function(e,t,r){"use strict";var n,o,i,a,s=r(35),u=r(7),c=r(9),l=r(127),f=r(6),d=r(14),p=r(10),h=r(128),y=r(129),v=r(133),m=r(134).set,b=r(136)(),E=r(137),_=r(138),g=r(139),T=r(140),S="Promise",P=u.TypeError,w=u.process,R=w&&w.versions,x=R&&R.v8||"",O=u[S],A="process"==l(w),M=function(){},C=o=E.f,L=!!function(){try{var e=O.resolve(1),t=(e.constructor={})[r(61)("species")]=function(e){e(M,M)};return(A||"function"==typeof PromiseRejectionEvent)&&e.then(M)instanceof t&&0!==x.indexOf("6.6")&&g.indexOf("Chrome/66")===-1}catch(e){}}(),I=function(e){var t;return!(!d(e)||"function"!=typeof(t=e.then))&&t},k=function(e,t){if(!e._n){e._n=!0;var r=e._c;b(function(){for(var n=e._v,o=1==e._s,i=0,a=function(t){var r,i,a,s=o?t.ok:t.fail,u=t.resolve,c=t.reject,l=t.domain;try{s?(o||(2==e._h&&B(e),e._h=1),s===!0?r=n:(l&&l.enter(),r=s(n),l&&(l.exit(),a=!0)),r===t.promise?c(P("Promise-chain cycle")):(i=I(r))?i.call(r,u,c):u(r)):c(n)}catch(e){l&&!a&&l.exit(),c(e)}};r.length>i;)a(r[i++]);e._c=[],e._n=!1,t&&!e._h&&N(e)})}},N=function(e){m.call(u,function(){var t,r,n,o=e._v,i=j(e);if(i&&(t=_(function(){A?w.emit("unhandledRejection",o,e):(r=u.onunhandledrejection)?r({promise:e,reason:o}):(n=u.console)&&n.error&&n.error("Unhandled promise rejection",o)}),e._h=A||j(e)?2:1),e._a=void 0,i&&t.e)throw t.v})},j=function(e){return 1!==e._h&&0===(e._a||e._c).length},B=function(e){m.call(u,function(){var t;A?w.emit("rejectionHandled",e):(t=u.onrejectionhandled)&&t({promise:e,reason:e._v})})},U=function(e){var t=this;t._d||(t._d=!0,t=t._w||t,t._v=e,t._s=2,t._a||(t._a=t._c.slice()),k(t,!0))},D=function(e){var t,r=this;if(!r._d){r._d=!0,r=r._w||r;try{if(r===e)throw P("Promise can't be resolved itself");(t=I(e))?b(function(){var n={_w:r,_d:!1};try{t.call(e,c(D,n,1),c(U,n,1))}catch(e){U.call(n,e)}}):(r._v=e,r._s=1,k(r,!1))}catch(e){U.call({_w:r,_d:!1},e)}}};L||(O=function(e){h(this,O,S,"_h"),p(e),n.call(this);try{e(c(D,this,1),c(U,this,1))}catch(e){U.call(this,e)}},n=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},n.prototype=r(141)(O.prototype,{then:function(e,t){var r=C(v(this,O));return r.ok="function"!=typeof e||e,r.fail="function"==typeof t&&t,r.domain=A?w.domain:void 0,this._c.push(r),this._a&&this._a.push(r),this._s&&k(this,!1),r.promise},catch:function(e){return this.then(void 0,e)}}),i=function(){var e=new n;this.promise=e,this.resolve=c(D,e,1),this.reject=c(U,e,1)},E.f=C=function(e){return e===O||e===a?new i(e):o(e)}),f(f.G+f.W+f.F*!L,{Promise:O}),r(60)(O,S),r(142)(S),a=r(8)[S],f(f.S+f.F*!L,S,{reject:function(e){var t=C(this),r=t.reject;return r(e),t.promise}}),f(f.S+f.F*(s||!L),S,{resolve:function(e){return T(s&&this===a?O:this,e)}}),f(f.S+f.F*!(L&&r(143)(function(e){O.all(e).catch(M)})),S,{all:function(e){var t=this,r=C(t),n=r.resolve,o=r.reject,i=_(function(){var r=[],i=0,a=1;y(e,!1,function(e){var s=i++,u=!1;r.push(void 0),a++,t.resolve(e).then(function(e){u||(u=!0,r[s]=e,--a||n(r))},o)}),--a||n(r)});return i.e&&o(i.v),r.promise},race:function(e){var t=this,r=C(t),n=r.reject,o=_(function(){y(e,!1,function(e){t.resolve(e).then(r.resolve,n)})});return o.e&&n(o.v),r.promise}})},function(e,t,r){var n=r(27),o=r(61)("toStringTag"),i="Arguments"==n(function(){return arguments}()),a=function(e,t){try{return e[t]}catch(e){}};e.exports=function(e){var t,r,s;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(r=a(t=Object(e),o))?r:i?n(t):"Object"==(s=n(t))&&"function"==typeof t.callee?"Arguments":s}},function(e,t){e.exports=function(e,t,r,n){if(!(e instanceof t)||void 0!==n&&n in e)throw TypeError(r+": incorrect invocation!");return e}},function(e,t,r){var n=r(9),o=r(130),i=r(131),a=r(13),s=r(30),u=r(132),c={},l={},t=e.exports=function(e,t,r,f,d){var p,h,y,v,m=d?function(){return e}:u(e),b=n(r,f,t?2:1),E=0;if("function"!=typeof m)throw TypeError(e+" is not iterable!");if(i(m)){for(p=s(e.length);p>E;E++)if(v=t?b(a(h=e[E])[0],h[1]):b(e[E]),v===c||v===l)return v}else for(y=m.call(e);!(h=y.next()).done;)if(v=o(y,b,h.value,t),v===c||v===l)return v};t.BREAK=c,t.RETURN=l},function(e,t,r){var n=r(13);e.exports=function(e,t,r,o){try{return o?t(n(r)[0],r[1]):t(r)}catch(t){var i=e.return;throw void 0!==i&&n(i.call(e)),t}}},function(e,t,r){var n=r(55),o=r(61)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(n.Array===e||i[o]===e)}},function(e,t,r){var n=r(127),o=r(61)("iterator"),i=r(55);e.exports=r(8).getIteratorMethod=function(e){if(void 0!=e)return e[o]||e["@@iterator"]||i[n(e)]}},function(e,t,r){var n=r(13),o=r(10),i=r(61)("species");e.exports=function(e,t){var r,a=n(e).constructor;return void 0===a||void 0==(r=n(a)[i])?t:o(r)}},function(e,t,r){var n,o,i,a=r(9),s=r(135),u=r(59),c=r(18),l=r(7),f=l.process,d=l.setImmediate,p=l.clearImmediate,h=l.MessageChannel,y=l.Dispatch,v=0,m={},b="onreadystatechange",E=function(){var e=+this;if(m.hasOwnProperty(e)){var t=m[e];delete m[e],t()}},_=function(e){E.call(e.data)};d&&p||(d=function(e){for(var t=[],r=1;arguments.length>r;)t.push(arguments[r++]);return m[++v]=function(){s("function"==typeof e?e:Function(e),t)},n(v),v},p=function(e){delete m[e]},"process"==r(27)(f)?n=function(e){f.nextTick(a(E,e,1))}:y&&y.now?n=function(e){y.now(a(E,e,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=_,n=a(i.postMessage,i,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(n=function(e){l.postMessage(e+"","*")},l.addEventListener("message",_,!1)):n=b in c("script")?function(e){u.appendChild(c("script"))[b]=function(){u.removeChild(this),E.call(e)}}:function(e){setTimeout(a(E,e,1),0)}),e.exports={set:d,clear:p}},function(e,t){e.exports=function(e,t,r){var n=void 0===r;switch(t.length){case 0:return n?e():e.call(r);case 1:return n?e(t[0]):e.call(r,t[0]);case 2:return n?e(t[0],t[1]):e.call(r,t[0],t[1]);case 3:return n?e(t[0],t[1],t[2]):e.call(r,t[0],t[1],t[2]);case 4:return n?e(t[0],t[1],t[2],t[3]):e.call(r,t[0],t[1],t[2],t[3])}return e.apply(r,t)}},function(e,t,r){var n=r(7),o=r(134).set,i=n.MutationObserver||n.WebKitMutationObserver,a=n.process,s=n.Promise,u="process"==r(27)(a);e.exports=function(){var e,t,r,c=function(){var n,o;for(u&&(n=a.domain)&&n.exit();e;){o=e.fn,e=e.next;try{o()}catch(n){throw e?r():t=void 0,n}}t=void 0,n&&n.enter()};if(u)r=function(){a.nextTick(c)};else if(!i||n.navigator&&n.navigator.standalone)if(s&&s.resolve){var l=s.resolve(void 0);r=function(){l.then(c)}}else r=function(){o.call(n,c)};else{var f=!0,d=document.createTextNode("");new i(c).observe(d,{characterData:!0}),r=function(){d.data=f=!f}}return function(n){var o={fn:n,next:void 0};t&&(t.next=o),e||(e=o,r()),t=o}}},function(e,t,r){"use strict";function n(e){var t,r;this.promise=new e(function(e,n){if(void 0!==t||void 0!==r)throw TypeError("Bad Promise constructor");t=e,r=n}),this.resolve=o(t),this.reject=o(r)}var o=r(10);e.exports.f=function(e){return new n(e)}},function(e,t){e.exports=function(e){try{return{e:!1,v:e()}}catch(e){return{e:!0,v:e}}}},function(e,t,r){var n=r(7),o=n.navigator;e.exports=o&&o.userAgent||""},function(e,t,r){var n=r(13),o=r(14),i=r(137);e.exports=function(e,t){if(n(e),o(t)&&t.constructor===e)return t;var r=i.f(e),a=r.resolve;return a(t),r.promise}},function(e,t,r){var n=r(11);e.exports=function(e,t,r){for(var o in t)r&&e[o]?e[o]=t[o]:n(e,o,t[o]);return e}},function(e,t,r){"use strict";var n=r(7),o=r(8),i=r(12),a=r(16),s=r(61)("species");e.exports=function(e){var t="function"==typeof o[e]?o[e]:n[e];a&&t&&!t[s]&&i.f(t,s,{configurable:!0,get:function(){return this}})}},function(e,t,r){var n=r(61)("iterator"),o=!1;try{var i=[7][n]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(e){}e.exports=function(e,t){if(!t&&!o)return!1;var r=!1;try{var i=[7],a=i[n]();a.next=function(){return{done:r=!0}},i[n]=function(){return a},e(i)}catch(e){}return r}},function(e,t,r){"use strict";var n=r(6),o=r(8),i=r(7),a=r(133),s=r(140);n(n.P+n.R,"Promise",{finally:function(e){var t=a(this,o.Promise||i.Promise),r="function"==typeof e;return this.then(r?function(r){return s(t,e()).then(function(){return r})}:e,r?function(r){return s(t,e()).then(function(){throw r})}:e)}})},function(e,t,r){"use strict";var n=r(6),o=r(137),i=r(138);n(n.S,"Promise",{try:function(e){var t=o.f(this),r=i(e);return(r.e?t.reject:t.resolve)(r.v),t.promise}})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(43),i=n(o),a=r(80),s=n(a),u=r(82),c=n(u),l=r(81),f=n(l),d=r(86),p=n(d),h=r(95),y=n(h),v=r(114),m=function(e){function t(e){(0,s.default)(this,t);var r=(0,f.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return r.props=e,r.handleChange=r.handleChange.bind(r),r.state={slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT},r}return(0,p.default)(t,e),(0,c.default)(t,[{key:"componentWillReceiveProps",value:function(e){var t=this;clearInterval(this.startAnimationInterval),clearTimeout(this.startAnimationTimeout);var r=this.props.showAnimation===!1&&e.showAnimation===!0,n=this.props.endAnimation===!1&&e.endAnimation===!0,o=this.props.children.type.displayName!==e.children.type.displayName;o&&this.setState({slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT}),r?(this.setState({slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT}),clearInterval(this.stopAnimationinterval),clearTimeout(this.stopAnimationTimeout),this.startAnimationTimeout=setTimeout(function(){t.startAnimationInterval=setInterval(t.incrementSlides.bind(t),v.SPRITE_SLIDE_INCREMENT_INTERVAL)},v.SPRITE_EFFECT_DELAY)):n&&(this.stopAnimationTimeout=setTimeout(function(){t.stopAnimationinterval=setInterval(t.decrementSlides.bind(t),v.SPRITE_SLIDE_DECREMENT_INTERVAL)},v.SPRITE_REVERSE_EFFECT_DELAY),this.handleChange(this.state.slideNumber))}},{key:"handleChange",value:function(e){this.props.onSlideNumberChange(e)}},{key:"decrementSlides",value:function(){ this.state.slideNumber-1>=0?this.setState({slideNumber:this.state.slideNumber-1}):clearInterval(this.stopAnimationinterval)}},{key:"incrementSlides",value:function(){var e=Math.min(this.state.slideNumber+1,v.SPRITE_TOTAL_SLIDES);this.setState({slideNumber:e>v.SPRITE_TOTAL_SLIDES?v.SPRITE_TOTAL_SLIDES:e})}},{key:"render",value:function(){var e=this.props.animationPosition.x,t=this.props.animationPosition.y,r="reactions-sprite-animation-wrapper",n="reactions-sprite-animation reactions-sprite-animation__slide--"+this.state.slideNumber;return y.default.createElement("div",{className:r},y.default.createElement("div",{className:n,style:{left:e,top:t}},this.props.children))}}]),t}(h.Component);m.propTypes={showAnimation:h.PropTypes.bool.isRequired,children:h.PropTypes.element.isRequired,endAnimation:h.PropTypes.bool,onSlideNumberChange:h.PropTypes.func.isRequired,animationPosition:h.PropTypes.shape({x:h.PropTypes.number,y:h.PropTypes.number}).isRequired},m.defaultProps={endAnimation:!1},t.default=m,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(148),s=function(e){return i.default.createElement("div",{className:"reactions-error-message"},i.default.createElement("div",{className:"reactions-error-message__inner"},i.default.createElement("div",{role:"alert",className:"reactions-error-message__text"},(0,a.getMessageForError)(e.errorType))))};s.displayName="ErrorMessage",s.defaultProps={errorType:"ERR_MSG_OTHER"},s.propTypes={errorType:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.bool]).isRequired},t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getMessageForError=t.getStandardisedErrorType=t.ErrorTypes=void 0;var o=r(149),i=n(o),a=t.ErrorTypes={UAS_FAILURE:"uasFailure",TOKEN_REFRESH_FAILURE:"tokenRefreshFailure",OTHER_ERROR:"otherError"};t.getStandardisedErrorType=function(e){var t=(0,i.default)(a).indexOf(e.message)>-1;return t?e.message:a.OTHER_ERROR},t.getMessageForError=function(e){switch(e){case a.UAS_FAILURE:return"Sorry, there was a problem recording your reaction. Please try again.";case a.TOKEN_REFRESH_FAILURE:return"Sorry, there was a problem. Please refresh the page and try again.";case a.OTHER_ERROR:default:return"Sorry, there was a problem. Please try again."}}},function(e,t,r){e.exports={default:r(150),__esModule:!0}},function(e,t,r){r(151),e.exports=r(8).Object.values},function(e,t,r){var n=r(6),o=r(152)(!1);n(n.S,"Object",{values:function(e){return o(e)}})},function(e,t,r){var n=r(23),o=r(25),i=r(39).f;e.exports=function(e){return function(t){for(var r,a=o(t),s=n(a),u=s.length,c=0,l=[];u>c;)i.call(a,r=s[c++])&&l.push(e?[r,a[r]]:a[r]);return l}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={CtaOpen:"cta_open",CtaClose:"cta_close"};t.default=r,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(43),c=n(u),l=r(80),f=n(l),d=r(82),p=n(d),h=r(81),y=n(h),v=r(86),m=n(v),b=r(95),E=n(b),_=r(155),g=n(_),T=r(119),S=n(T),P=r(156),w=n(P),R=r(157),x=n(R),O=r(158),A=n(O),M=r(159),C=n(M),L=r(161),I=n(L),k=r(162),N=n(k),j=r(163),B=n(j),U=r(164),D=n(U),F=r(148),q=r(114),z=function(e){function t(e){(0,f.default)(this,t);var r=(0,y.default)(this,(t.__proto__||(0,c.default)(t)).call(this,e));return r.props=e,r.state={isSignedIn:!1,error:!1,uasSelectedReaction:null},r}return(0,m.default)(t,e),(0,p.default)(t,[{key:"componentDidMount",value:function(){function e(){return r.apply(this,arguments)}var r=(0,s.default)(i.default.mark(function e(){var r,n,o,a,s,u,c,l,f,d,p=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=t.getIdctaService(w.default,this.props.enableAcceptanceTestMode,this.props.enableStandaloneMode,this.props.error),e.next=3,r.isCurrentUserSignedIn(this.props.error).catch(function(){p.setState({error:new Error(F.ErrorTypes.TOKEN_REFRESH_FAILURE)})});case 3:if(n=e.sent,o="undefined"!=typeof n&&n,this.setState({isSignedIn:o}),!o){e.next=21;break}return a=this.props,s=a.resourceType,u=a.urn,c=a.env,l=a.product,e.next=10,w.default.refreshToken();case 10:return e.prev=10,e.next=13,C.default.getMyReaction(c,l,s,u,this.props.enableAcceptanceTestMode);case 13:f=e.sent,d=f===q.NO_REACTION?q.NO_REACTION:(0,q.keyToLabel)(f,l),this.setState({isSignedIn:o,error:!1,uasSelectedReaction:d}),e.next=21;break;case 18:e.prev=18,e.t0=e.catch(10),this.setState({isSignedIn:o,error:new Error(F.ErrorTypes.UAS_FAILURE)});case 21:case"end":return e.stop()}},e,this,[[10,18]])}));return e}()},{key:"render",value:function(){var e=this.props.enableStandaloneMode,r=this.props.error||this.state.error,n=t.getCountingServiceClient(this.props.countingServiceClientLibrary,e,r),o=E.default.createElement(S.default,{countingServiceClientLibrary:n,env:this.props.env,urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,globalId:this.props.globalId,idctaService:t.getIdctaService(w.default,this.props.enableAcceptanceTestMode,e,r),isIdAvailable:this.props.isIdAvailable,isSignedIn:this.state.isSignedIn,product:this.props.product,reactionsCounts:this.props.reactionsCounts,reactionsCountTotal:this.props.reactionsCountTotal,error:r,uasSelectedReaction:this.state.uasSelectedReaction,uasConfigService:t.getUasConfigService(C.default,e,r),istatsService:t.getIstatsService(N.default,e),spriteService:D.default,pageContext:this.props.pageContext});return E.default.createElement("div",null,this.props.enableStandaloneMode?E.default.createElement("div",{className:"reactions__standalone"},E.default.createElement("div",{className:"content-item-description"},E.default.createElement("div",{className:"reactions-container"},o))):E.default.createElement("div",null,o))}}],[{key:"getCountingServiceClient",value:function(e,t,r){return t?g.default.getClient(r):e}},{key:"getIdctaService",value:function(e,t,r,n){return!t&&r?n?x.default:A.default:e}},{key:"getUasConfigService",value:function(e,t,r){return t?(0,I.default)(r):e}},{key:"getIstatsService",value:function(e,t){return t?B.default:e}}]),t}(b.Component);z.propTypes={enableStandaloneMode:b.PropTypes.bool.isRequired,countingServiceClientLibrary:b.PropTypes.shape({postToUAS:b.PropTypes.func.isRequired,deleteFromUAS:b.PropTypes.func.isRequired}).isRequired,error:b.PropTypes.oneOfType([b.PropTypes.shape({Error:b.PropTypes.string}),b.PropTypes.bool]),env:b.PropTypes.string.isRequired,urn:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool]).isRequired,resourceTitle:b.PropTypes.string.isRequired,resourceType:b.PropTypes.string.isRequired,url:b.PropTypes.string.isRequired,globalId:b.PropTypes.string.isRequired,isIdAvailable:b.PropTypes.bool.isRequired,product:b.PropTypes.string.isRequired,reactionsCounts:b.PropTypes.arrayOf(b.PropTypes.object).isRequired,reactionsCountTotal:b.PropTypes.number.isRequired,enableAcceptanceTestMode:b.PropTypes.bool,pageContext:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool])},z.defaultProps={error:!1,enableAcceptanceTestMode:!1,pageContext:!1},t.default=z,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return u.default.resolve({ok:!0})}function i(e){return function(){throw e}}function a(e){return e.message===c.ErrorTypes.UAS_FAILURE?i(e):o}Object.defineProperty(t,"__esModule",{value:!0});var s=r(124),u=n(s),c=r(148);t.default={getClient:function(e){return{postToUAS:a(e),deleteFromUAS:a(e)}}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(124),c=n(u),l=function(){return new c.default(function(e,t){requirejs(["idcta-v2/idcta-1"],e,t)})};t.default={refreshToken:function(){var e=this;return(0,s.default)(i.default.mark(function t(){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l();case 2:return r=e.sent,e.abrupt("return",r.initiateTokenRefresh());case 4:case"end":return e.stop()}},t,e)}))()},isCurrentUserSignedIn:function(){var e=this;return(0,s.default)(i.default.mark(function t(){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l();case 2:return r=e.sent,e.abrupt("return",r.hasCookie());case 4:case"end":return e.stop()}},t,e)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(124),s=n(a),u=r(123),c=n(u),l=r(148),f=r(158),d=n(f);t.default={refreshToken:function(e){if(e.message===l.ErrorTypes.TOKEN_REFRESH_FAILURE)throw e;return d.default.refreshToken()},isCurrentUserSignedIn:function(e){var t=this;return(0,c.default)(i.default.mark(function r(){return i.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(e.message!==l.ErrorTypes.TOKEN_REFRESH_FAILURE){t.next=2;break}return t.abrupt("return",s.default.reject(e));case 2:return t.abrupt("return",s.default.resolve(!0));case 3:case"end":return t.stop()}},r,t)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(124),c=n(u);t.default={refreshToken:function(){return c.default.resolve(!0)},isCurrentUserSignedIn:function(){var e=this;return(0,s.default)(i.default.mark(function t(){return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",c.default.resolve(!0));case 1:case"end":return e.stop()}},t,e)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(114),c=r(160),l=r(148),f=function(e){if(e&&"undefined"!=typeof e){if("live"===e)return"ocivkho3fups2";if("int"===e||"test"===e)return"8d6f5s2dqp0pc"}throw Error(l.ErrorTypes.API_KEY_ERROR)},d=function(){var e=window.document&&window.document.domain||"";return e.indexOf(".com")>-1?".com":".co.uk"},p=function(e){return u.KEY_TO_UAS_CONTEXT[e]},h=function(e){return"ownit"===e?"stay-safe":e},y=function(e,t,r){var n=r.replace("urn:bbc:","");return"urn:bbc:"+e+":"+t+":"+n},v=function(e,t,r,n,o){var i="live"===e?"":e+".",a=y(t,r,n);return o?"https://web.archive.org/web/20190413020417/http://localhost:3000/wiremock/session/"+Morph.contextId+"/uas/myreaction/"+a:"https://web.archive.org/web/20190413020417/https://activity."+i+"api."+c.bbcTldSuffix+"/my/reactions/"+a},m=function(){var e=(0,s.default)(i.default.mark(function e(t){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(204!==t.status){e.next=2;break}return e.abrupt("return",u.NO_REACTION);case 2:return e.next=4,t.json();case 4:return r=e.sent,e.abrupt("return",r.action);case 6:case"end":return e.stop()}},e,void 0)}));return function(t){return e.apply(this,arguments)}}(),b=function(){var e=(0,s.default)(i.default.mark(function e(t){var r,n,o,a,s,u=t.clickedReaction,c=t.urn,y=t.resourceTitle,v=t.resourceType,m=t.url,b=t.product,E=t.env,_=t.signedInState,g=t.isIdAvailable,T=t.idctaService,S=t.error,P=t.endSlideNumber;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!_||!g){e.next=3;break}return e.next=3,T.refreshToken(S).catch(function(){throw new Error(l.ErrorTypes.TOKEN_REFRESH_FAILURE)});case 3:return r=void 0,P&&(r={reactLevel:u+"_"+P}),n={resourceDomain:h(b),resourceType:v,resourceId:c,resourceTitle:y,url:m,action:u,actionContext:p(u),metadata:r},o=f(E),a=d(),e.next=10,T.isCurrentUserSignedIn(S).catch(function(){throw new Error(l.ErrorTypes.TOKEN_REFRESH_FAILURE)});case 10:return s=e.sent,e.abrupt("return",{UASdata:n,apiKey:o,env:E,domain:a,isSignedIn:s});case 12:case"end":return e.stop()}},e,void 0)}));return function(t){return e.apply(this,arguments)}}(),E=function(){var e=(0,s.default)(i.default.mark(function e(t,r,n,o,a){var s,u;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return s=v(t,h(r),n,o,a),e.next=3,fetch(s,{credentials:"include",headers:{"x-api-key":f(t),Accept:"application/json"}});case 3:return u=e.sent,e.abrupt("return",m(u));case 5:case"end":return e.stop()}},e,void 0)}));return function(t,r,n,o,i){return e.apply(this,arguments)}}();t.default={configureUAS:b,getMyReaction:E},e.exports=t.default},function(e,t){"use strict";function r(){return"undefined"==typeof document?"":document.location.href}Object.defineProperty(t,"__esModule",{value:!0});var n="https://web.archive.org/web/20190413020417/http://localhost:3000",o=t.bbcTldSuffix=r().indexOf("bbc.com")!==-1?"bbc.com":"bbc.co.uk";t.getBBCDomain=function(e){switch(e){case"acc":return n;case"live":return"https://www."+o;default:return"https://www."+e+"."+o}}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(124),i=n(o),a=function(e){return function(){throw e}},s=function(){return i.default.resolve(!0)},u=function(){},c=function(e){return e?a(e):s},l=function(e){return{configureUAS:c(e),getMyReaction:u}};t.default=l,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return new c.default(function(e){requirejs(["istats-1"],function(t){e(t)})})}function i(e){o().then(function(t){t.log(d,f,(0,s.default)({},l,e))})}Object.defineProperty(t,"__esModule",{value:!0});var a=r(2),s=n(a),u=r(124),c=n(u),l={page_type:"content",children_interaction_type:"reactions"},f="web_button",d="click";t.default={logSelection:function(e,t,r,n){i({children_interaction_variant:e+"_"+t,children_interaction_location:n}),r&&this.logDeselection(r,n)},logDeselection:function(e,t){i({children_interaction_variant:e+"_deselect",children_interaction_location:t})},logCtaEvent:function(e){i({children_interaction_variant:""+e})},logError:function(e){i({children_interaction_variant:"error_"+e})}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return s.default.resolve(u)}function i(){o().then(function(e){e.log()})}Object.defineProperty(t,"__esModule",{value:!0});var a=r(124),s=n(a),u={log:function(){}};t.default={logSelection:function(e,t,r){i(),r&&this.logDeselection(r)},logDeselection:function(){i()},logCtaEvent:function(){i()},logError:function(){i()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){a.default&&a.default.selfTransitive&&a.default.selfTransitive("assets",function(e){s=e})}Object.defineProperty(t,"__esModule",{value:!0});var i=r(165),a=n(i),s={},u=function(e,t){return t?s.landscape[e]:s.portrait[e]};t.default={fetchSprites:o,getSprite:u},e.exports=t.default},function(e,t){e.exports={transitive:function(e,t){return Morph.requireTransitiveWithCaller("bbc-morph-childrens-reactions@1.4.3",e,t)},selfTransitive:function(e,t){return Morph.requireTransitiveWithCaller("bbc-morph-childrens-reactions@1.4.3",e,t,!0)},transitiveThenUpdate:function(e,t){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-childrens-reactions@1.4.3",e,t)},selfTransitiveThenUpdate:function(e,t){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-childrens-reactions@1.4.3",e,t,!0)}}}]);; });</script> <script>Morph.toInit.payloads.push(function() { Morph.setPayload('/data/bbc-morph-id-availability-data/version/1.0.0', {"meta":{"responseCode":200,"errorMessage":null,"headers":{"x-morph-privacy-level":"public","content-type":"application\/json"}},"body":{"isAvailable":true}}); });</script> <script>Morph.toInit.payloads.push(function() { Morph.setPayload('/data/bbc-morph-childrens-reactions-data/urn/urn%3Abbc%3Apips%3A%3Apid%3Ap03tmg24/version/0.7.0', {"meta":{"responseCode":200,"errorMessage":null,"headers":{"content-type":"application\/json"}},"body":{"countsData":{"urn:bbc:pips::pid:p03tmg24":{"loved":12,"applause":3,"omd":1,"lol":4,"sad":2,"inspired":3}},"countsTotals":{"urn:bbc:pips::pid:p03tmg24":25},"env":"live"}}); });</script> <script>Morph.toInit.registers.push(function() { Morph.register({"view":"bbc-morph-childrens-reactions","product":"cbeebies","resourceType":"clip","urn":"urn:bbc:pips::pid:p03tmg24","resourceTitle":"Seven+tips+for+gardening+with+kids","url":"https:\/\/web.archive.org\/web\/20190413020417\/https:\/\/www.bbc.co.uk\/cbeebies\/grownups\/7-tips-for-gardening-with-children","pageContext":"article_block","version":"1.4.3","_mrrVersion":"2.0.16"},'u20992897492939777'); });</script> <script>Morph.init = function() { if (!Morph.initCalled) { Morph.markPerformance('morph-init'); Morph.initCalled = true; requirejs.config({ paths: { 'morph/react' : '//web.archive.org/web/20190413020417/https://m.files.bbci.co.uk/modules/vendor-react/1.0.0/react.min', 'morph/react-dom' : '//web.archive.org/web/20190413020417/https://m.files.bbci.co.uk/modules/vendor-react-dom/1.0.0/react-dom.min', 'morph/es5-shim' : '//web.archive.org/web/20190413020417/https://m.files.bbci.co.uk/modules/vendor-es5-shim/4.1.13/es5-shim.min', 'morph/es5-sham' : '//web.archive.org/web/20190413020417/https://m.files.bbci.co.uk/modules/vendor-es5-shim/4.1.13/es5-sham.min', 'morph/module/morph': '//web.archive.org/web/20190413020417/https://m.files.bbci.co.uk/modules/morph/5.3.1/bundle', 'live-push' : '//web.archive.org/web/20190413020417/https://push.api.bbci.co.uk/public/client' }, shim: { 'morph/react': { deps: ['morph/es5-shim', 'morph/es5-sham'] }, 'morph/es5-sham': { deps: ['morph/es5-shim'] } }, map: { 'morph/react-dom': { 'react': 'morph/react' } } }); } function attempt(fn) { fn(); } requirejs(['morph/react', 'morph/react-dom', 'morph/module/morph'], function(React, ReactDOM) { window.React = React; window.ReactDOM = ReactDOM; if (!Morph.toInitsCalled) { Morph.markPerformance('morph-init-core-deps-complete'); Morph.toInitsCalled = true; } Morph.toInit.bundles.forEach(attempt); Morph.toInit.bundles = []; Morph.markPerformance('morph-init-bundles-complete'); Morph.toInit.payloads.forEach(attempt); Morph.toInit.payloads = []; Morph.markPerformance('morph-init-payloads-complete'); Morph.toInit.registers.forEach(attempt); Morph.toInit.registers = []; Morph.markPerformance('morph-init-registers-complete'); }); };</script> <script>if (!Morph.manualInit) { Morph.init(); } /* u20992897492939777 */</script> <script type="text/javascript"> var cookiePolicy = window.bbccookies.readPolicy(); if (true || cookiePolicy.performance) { var _sf_async_config = {"domain":"bbc.co.uk","region":"domestic","uid":50924,"sections":"childrens, cbeebies"}; _sf_async_config.path = window.location.pathname; (function () { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', "//web.archive.org/web/20190413020417/https://static.chartbeat.com/js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != "function") ? loadChartbeat : function () { oldonload(); loadChartbeat(); }; })(); } </script> </div> <div id="orb-footer" class="orb-footer" dir="ltr"><div id="navp-orb-footer-promo"></div><aside role="complementary"><div id="orb-aside" class="orb-nav-sec b-r b-g-p"><div class="orb-footer-inner" role="navigation" aria-label="BBC"><h2 class="orb-footer-lead">Explore the BBC</h2><div class="orb-footer-primary-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/tv/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/iplayer/guide/cbeebies">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.com/bitesize">Bitesize</a></li></ul></div></div></div></aside><footer role="contentinfo"><div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"><script>window.orb.worldwideFooterlinks = '<li class="orb-footer-ads"><a href="https://web.archive.org/web/20190413020417/https://advertising.bbcworldwide.com/">Advertise with us<'+'/a><'+'/li><li class="orb-footer-adchoices"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.com/usingthebbc/cookies/how-does-the-bbc-use-cookies-for-advertising/">Ad choices<'+'/a><'+'/li>';</script><div class="orb-footer-inner"> <ul><li class="orb-footer-terms"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li><li class="orb-footer-about"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/aboutthebbc">About the BBC</a></li><li class="orb-footer-privacy"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li><li class="orb-footer-cookies"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li><li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li><li class="orb-footer-parental"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/guidance">Parental Guidance</a></li><li class="orb-footer-contact"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/contact">Contact the BBC</a></li><li class="orb-footer-newsletter"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/bbcnewsletter">Get Personalised Newsletters</a></li></ul><small><em class="orb-hilight">Copyright © 2019 BBC.</em> The BBC is not responsible for the content of external sites. <span class="orb-footer-links"><a href="https://web.archive.org/web/20190413020417/https://www.bbc.co.uk/help/web/links/" class="orb-hilight">Read about our approach to external linking.</a></span></small></div></div></div></footer></div><script id="orb-js-script" data-assetpath="https://nav.files.bbci.co.uk/orbit/2.0.0-534.e89ea3ce/" src="https://web.archive.org/web/20190413020417js_/https://nav.files.bbci.co.uk/orbit/2.0.0-534.e89ea3ce/js/orb.min.js"></script><script type="text/javascript">require(['orb/lib/_$'], function($) { $.ready(function() { initialiseFooter(); }); var scrollCheckTimer; var didScroll; var previousPosition = 0; var delta = 5; var PROMO_SHOW_BREAKPOINT = 1500; var pageLength = 0; function initialiseFooter() { // Suppress this feature on browsers we no longer test var myNav = navigator.userAgent.toLowerCase(); var oldIE = (myNav.indexOf('msie') !== -1) && parseInt(myNav.split('msie')[1], 10) <= 10; if (!oldIE) { require(['orb/cookies'], function (bbccookies) { var disabledByCookie = (parseInt(bbccookies.get('ckns_nav_promofail')) || 0) >= 3; if (!disabledByCookie) { require(['orb/fig'], function (orbFig) { orbFig.load(function (fig) { if (fig.geo.isUK()) { setUpLazyLoading(); } }); }); } }); } } function setUpLazyLoading() { // offsetHeight is expensive to calculate, only do it once. pageLength = Math.abs(document.body.offsetHeight); if (pageLength < getViewportHeight() + 300 || pageLength - getCurrentPosition() < PROMO_SHOW_BREAKPOINT) { loadPromo(); } else { window.onscroll = function () { didScroll = true; }; scrollCheckTimer = setInterval(function () { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); } } function loadPromo() { clearInterval(scrollCheckTimer); require(['orb/async/_footerpromo'], function(promo) { promo.init('https://web.archive.org/web/20190413020417/https://navpromo.api.bbci.co.uk', 'cbeebies'); }); } function getViewportHeight() { return window.innerHeight; } function getCurrentPosition() { return Math.abs(window.scrollY || document.body.scrollTop || document.documentElement.scrollTop); } function hasScrolled() { var currentPosition = getCurrentPosition(); if (Math.abs(previousPosition - currentPosition) <= delta) { return; } if (currentPosition > previousPosition) { if ((pageLength - currentPosition) <= PROMO_SHOW_BREAKPOINT) { loadPromo(); } } previousPosition = currentPosition; } })</script><script type="text/javascript">/*<![CDATA[*/ require(['orb/fig', 'orb/nav'], function(fig, nav) { fig.load(function(fig) { if (fig.geo.isUK()) { nav.loadJs('https://web.archive.org/web/20190413020417/https://nav.files.bbci.co.uk/orbit/2.0.0-534.e89ea3ce/js/edr.min.js'); } }); }); /*]]>*/</script> <div class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && window.bbcdotcom.analytics && bbcdotcom.config && !bbcdotcom.config.isSportApp() && !bbcdotcom.config.isReel()) { bbcdotcom.analytics.page(); } /*]]>*/</script><noscript><img src="//web.archive.org/web/20190413020417im_/https://ssc.api.bbc.com/?c1=2&c2=19293874&ns_site=bbc&name=" height="1" width="1" alt=""></noscript><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.currencyProviders.write(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.currencyProviders.postWrite(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.stats && bbcdotcom.data.stats === 1 && bbcdotcom.utils && window.location.pathname === '/' && window.bbccookies && bbccookies.readPolicy('performance') ) { var wwhpEdition = bbcdotcom.utils.getMetaPropertyContent('wwhp-edition'); var _sf_async_config={}; /** CONFIGURATION START **/ _sf_async_config.uid = 50924; _sf_async_config.domain = "bbc.co.uk"; _sf_async_config.title = "Homepage"+(wwhpEdition !== '' ? ' - '+wwhpEdition : ''); _sf_async_config.sections = "Homepage"+(wwhpEdition !== '' ? ', Homepage - '+wwhpEdition : ''); _sf_async_config.region = wwhpEdition; _sf_async_config.path = "/"+(wwhpEdition !== '' ? '?'+wwhpEdition : ''); /** CONFIGURATION END **/ (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', '//web.archive.org/web/20190413020417/https://static.chartbeat.com/js/chartbeat.js'); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != "function") ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.bodyLast = true; }()); /*]]>*/</script></div><script type="text/javascript">if (window.SEARCHBOX.suppress === false && window.SEARCHBOX.locale && /^en-?.*?/.test(window.SEARCHBOX.locale)) { require.config({ paths: { "search/searchbox": window.SEARCHBOX.searchboxAppStaticPrefix, } }); if (bbcuser && bbcuser.isUKCombined) { bbcuser.isUKCombined().then(function (isUK) { if (isUK) { require(['search/searchbox/searchboxDrawer'], function (SearchboxDrawer) { SearchboxDrawer.run(window.SEARCHBOX); }); } }); } }</script> <script>"use strict";define("orb/cookies-adapter",["orb/cookies"],function(c){function e(e){return c._setPolicy("ads",e),c._setPolicy("personalisation",e),c._setPolicy("performance",e),c._setPolicy("necessary",e)}return{isOrbitEnvironment:function(){return"object"==typeof bbccookies&&"function"!=typeof bbccookies._getCookieName},set:function(e,n){var o=new Date;if(o.setYear(o.getFullYear()+1),this.isOrbitEnvironment())return c.set(e,n,{domain:c._getCurrentDomain(),path:"/",expires:o});var i=window.location.host.match(/(.bbc(?:\.co\.uk))(:\d+)?(\/.*)?$/i),t=e+"="+n+";domain="+(i&&".bbc.co.uk"===i[1]?".bbc.co.uk":".bbc.com")+";path=/;expires="+o.toUTCString()+";";return c.set(t)},get:function(e){return this.isOrbitEnvironment()?c.get(e):c.getCrumb(e)},copyPolicyCookiesCrossDomain:function(e){if(this.isOrbitEnvironment())return c.copyPolicyCookiesCrossDomain(e);e()},setDefaultCookiesSingleDomain:function(){return this.isOrbitEnvironment()?c.setDefaultCookiesSingleDomain():e(!1)},setDefaultCookiesCrossDomain:function(){return this.isOrbitEnvironment()?c.setDefaultCookiesCrossDomain():e(!1)},optInToAllCookiesCrossDomain:function(){if(this.isOrbitEnvironment()){return c.setCookiePolicyCrossDomain({ads:!0,personalisation:!0,performance:!0,necessary:!0})}return e(!0)},isCookiePolicySet:function(){return this.isOrbitEnvironment()?c.isCookiePolicySet():null!==this.get("ckns_policy")}}}),require(["orb/lib/_script","orb/cookies-adapter"],function(s,r){var a="ckns_privacy",b="ckns_explicit",l="1";function t(){var e=r.get(b);return null!==e&&e===l}function u(e,n){e.style.display="none",n.style.display="none"}function k(e,n){t()||(e.style.display="none",n.style.display="block",window.bbcpage.trackRegion(n,{linkLocation:"nav-banner-cookies"}),window.bbcuser.logEvent("view","nav-banner-cookies"))}function c(){var e=document.getElementById("bbcprivacy"),n=document.getElementById("bbccookies");document.getElementById("bbcprivacy-continue-button").addEventListener("click",function(){u(e,n),k(e,n),window.bbcuser.logEvent("click-cta","nav-banner-privacy")}),document.getElementById("bbccookies-continue-button").addEventListener("click",function(){u(e,n),window.bbcuser.logEvent("click-continue","nav-banner-cookies"),r.optInToAllCookiesCrossDomain(),r.set(b,l)});var o,i,t,c=document.getElementById("bbccookies-settings").getElementsByTagName("a")[0];c.addEventListener("click",(o=!1,function(e){o||(r.copyPolicyCookiesCrossDomain(function(){o=!0,c.click()}),r.set(b,l),e.preventDefault())})),null!==r.get(a)?k(e,n):(t=n,(i=e).style.display="block",t.style.display="none",window.bbcpage.trackRegion(i,{linkLocation:"nav-banner-privacy"}),window.bbcuser.logEvent("view","nav-banner-privacy"),r.set(a,"1"))}function m(e,c,r){var n,o,i="https://web.archive.org/web/20190413020417/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-267.b8aa209/cookie-banner//cookie-prompt/",t=i+(o="en","string"==typeof(n=e)&&2<=n.length&&(o=n.trim().substring(0,2).toLowerCase()),-1!==["en","cy","gd","ga"].indexOf(o)?o:"en")+".min.js";window.bbcpage.loadCSS("https://web.archive.org/web/20190413020417/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-267.b8aa209/cookie-banner//cookie-prompt/bbccookies.min.css").then(function(){s.jsonp(t,function(e){var n=e.replace(/<<bbcUrlPrefix>>/g,function(){if(window.orb.bbcUrlPrefix){var e=window.orb.bbcUrlPrefix+"bbc.com",n=window.location.host.match(/(bbc(?:\.co\.uk))(:\d+)?(\/.*)?$/i);return n&&"bbc.co.uk"===n[1]&&(e=e.replace("bbc.com","bbc.co.uk")),e}return""}());document.getElementById("cookiePrompt").innerHTML=n;for(var o=document.querySelectorAll("[data-region-filter]"),i=0;i<o.length;i++){var t=o[i];t.getAttribute("data-region-filter")!==r&&(t.style.display="none")}c()},{callbackName:"cookiePrompt"})})}Promise.all([window.bbcuser.isUKCombined(),window.bbcuser.isEU(),window.bbcpage.getLanguage()]).then(function(e){var n=e[0];if(e[1]||n){var o=null!==r.get(a);if(!(r.isCookiePolicySet()&&t()&&o)){t()||r.set(b,"0"),r.isCookiePolicySet()||r.setDefaultCookiesSingleDomain();var i=n?"gb":"eu";m(e[2],c,i)}}}).catch(function(){m("en",c,"gb")})});</script><script type="text/javascript">require(["istats-1","orb/cookies"],function(o,t){if(t.isAllowed("s1"))try{if(!require.s.contexts._.config.paths.idcta)return void i();require(["idcta/idcta-1"],function(t){t&&"function"==typeof t.getIStatsLabels&&o.addLabels(t.getIStatsLabels()),i()},function(t){throw t})}catch(t){console&&"function"==typeof console.log&&console.log("an exception occurred while adding idcta labels to istats, invoking istats without them",t),i()}function i(){o.invoke()}});</script><script type="text/javascript">"use strict";require(["reverb"],function(e){return e.invoke()});</script><script>if("function"!=typeof window.CustomEvent){function CustomEvent(t,e){e=e||{bubbles:!1,cancelable:!1,detail:null};var n=document.createEvent("CustomEvent");return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n}CustomEvent.prototype=window.Event.prototype,window.CustomEvent=CustomEvent}require(["detectview","parseContentForEvent"],function(t,n){window.addEventListener("pageshow",function(t){var e=navigator.vendor&&-1<navigator.vendor.indexOf("Apple");t.persisted&&e&&document.location.reload()}),t(["[data-bbc-context]","[data-bbc-container]"],function(t){var e=new CustomEvent("bbc-user-event",{bubbles:!0,detail:n(t)});t.dispatchEvent(e)})}),require(["parseContentForEvent","getParentWithSelector"],function(l,d){document.body.addEventListener("click",function(t){var e,n,r,i,o=d(t.target,"[data-bbc-container]"),a=d(t.target,"a");if(o&&a){n=a,r=1500,(e=t).altKey||e.ctrlKey||e.metaKey||e.shiftKey||(null===(i=e).which?4===i.button:1===i.button)||n.target&&!n.target.match(/^_(self|parent|top)$/i)||(e.preventDefault(),setTimeout(function(){window.location.href=n.href},r));var u=l(o);u.elem=a,u.originalEvent=t;var c=new CustomEvent("bbc-user-click",{bubbles:!0,detail:u});a.dispatchEvent(c)}})}),define("getParentWithSelector",function(){return Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),function t(e,n){return e.matches(n)?e:!!e.parentElement&&t(e.parentElement,n)}}),define("parseContentForEvent",["getParentWithSelector"],function(o){return function(t){return{container:t.getAttribute("data-bbc-container")||t.getAttribute("data-bbc-context"),label:(i=t,encodeURIComponent(i.getAttribute("data-bbc-title")||i.getAttribute("data-bbc-content-label")||i.innerText.split("\n")[0])),source:(r=t,r.getAttribute("data-bbc-source")),personalisation:function(t){var e=o(t,"[data-bbc-personalisation]");if(e)return JSON.parse(e.getAttribute("data-bbc-personalisation"));var n=o(t,"[data-stats]");if(!n)return{};var r=JSON.parse(n.getAttribute("data-stats"));return r.hp_sgm_id||r.hp_sgm_user_score?{SEG:r.hp_sgm_id+"::"+r.hp_sgm_user_score}:{}}(t),metadata:(e=t,n=o(e,"[data-bbc-metadata]"),n?JSON.parse(n.getAttribute("data-bbc-metadata")):{}),result:function t(e){if(e.hasAttribute("href"))return encodeURIComponent(e.getAttribute("href"));for(var n=e.children,r=0;r<n.length;r++){var i=t(n[r]);if(null!==i)return i}return null}(t)};var e,n,r,i}}),define("detectview",["throttle"],function(h){return function(t,i,e){var o=[],n=(e=e||{}).throttleWaitMs||250,a=e.elementViewedFraction||.5,u=e.elementViewedDurationMs||1e3,b="undefined"!=typeof window&&window,r="undefined"!=typeof document&&document,f=r&&r.documentElement;function c(t){return-1<o.indexOf(t)}function l(t){var e,n,r,i,o,a,u,c,l=t.getBoundingClientRect(),d=(e=f.clientWidth,n=b.innerWidth,r=f.clientHeight,i=b.innerHeight,{width:e<n?n:e,height:r<i?i:r}),s=(a=d,0<=(o=l).top&&o.bottom<=a.height?1:o.bottom<0||o.top>a.height?0:o.top<0?o.bottom/o.height:o.bottom>a.height?(a.height-o.top)/o.height:void 0);if(0<s){var h=(c=d,0<=(u=l).left&&u.right<=c.width?1:u.right<0||u.left>c.width?0:u.left<0?u.right/u.width:u.right>c.width?(c.width-u.left)/u.width:void 0);if(0<h)return h*s}return 0}function d(t,e,n,r){l(t)>=e&&setTimeout(function(){l(t)>=e&&!c(t)&&(o.push(t),r(t))},n)}function s(){t.forEach(function(t){for(var e=document.querySelectorAll(t),n=0;n<e.length;n++){var r=e[n];c(r)||d(r,a,u,i)}})}s=h(s,n),["scroll","resize","load"].forEach(function(t){window.addEventListener(t,s)}),s()}}),define("throttle",function(){return function(n,r,i){var o,a,u,c=null,l=0;i||(i={});var d=function(){l=!1===i.leading?0:Date.now(),c=null,u=n.apply(o,a),c||(o=a=null)};return function(){var t=Date.now();l||!1!==i.leading||(l=t);var e=r-(t-l);return o=this,a=arguments,e<=0||r<e?(c&&(clearTimeout(c),c=null),l=t,u=n.apply(o,a),c||(o=a=null)):c||!1===i.trailing||(c=setTimeout(d,e)),u}}});</script> </body> </html>