From a8c5ededf87cff94349daa9ccd14819de9c27fc7 Mon Sep 17 00:00:00 2001
From: Thomas Marstrander <marstranderthomas@gmail.com>
Date: Sun, 28 Mar 2021 16:39:02 +0200
Subject: [PATCH] JI-2356 Update hub client

---
 scripts/h5p-hub-client.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/h5p-hub-client.js b/scripts/h5p-hub-client.js
index a90cb563..23b17842 100644
--- a/scripts/h5p-hub-client.js
+++ b/scripts/h5p-hub-client.js
@@ -51,4 +51,4 @@ var r=/input|select|textarea|button|object/;function i(e){var t=e.offsetWidth<=0
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.
   All rights reserved.
-*/!function(){"use strict";var i=!("undefined"==typeof window||!window.document||!window.document.createElement),a={canUseDOM:i,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:i&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:i&&!!window.screen};void 0===(r=function(){return a}.call(t,n,t,e))||(e.exports=r)}()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.dumpClassLists=function(){0};var r={},i={};t.add=function(e,t){return n=e.classList,a="html"==e.nodeName.toLowerCase()?r:i,void t.split(" ").forEach((function(e){!function(e,t){e[t]||(e[t]=0),e[t]+=1}(a,e),n.add(e)}));var n,a},t.remove=function(e,t){return n=e.classList,a="html"==e.nodeName.toLowerCase()?r:i,void t.split(" ").forEach((function(e){!function(e,t){e[t]&&(e[t]-=1)}(a,e),0===a[e]&&n.remove(e)}));var n,a}},function(e,t,n){"use strict";var r,i=n(27),a=(r=i)&&r.__esModule?r:{default:r};var o=void 0,l=void 0,s=[];function u(){0!==s.length&&s[s.length-1].focusContent()}a.default.subscribe((function(e,t){o&&l||((o=document.createElement("div")).setAttribute("data-react-modal-body-trap",""),o.style.position="absolute",o.style.opacity="0",o.setAttribute("tabindex","0"),o.addEventListener("focus",u),(l=o.cloneNode()).addEventListener("focus",u)),(s=t).length>0?(document.body.firstChild!==o&&document.body.insertBefore(o,document.body.firstChild),document.body.lastChild!==l&&document.body.appendChild(l)):(o.parentElement&&o.parentElement.removeChild(o),l.parentElement&&l.parentElement.removeChild(l))}))},function(e,t,n){"use strict";function r(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function i(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function a(e,t){try{var n=this.props,r=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,r)}finally{this.props=n,this.state=r}}function o(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var n=null,o=null,l=null;if("function"==typeof t.componentWillMount?n="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(n="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?o="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(o="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?l="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(l="UNSAFE_componentWillUpdate"),null!==n||null!==o||null!==l){var s=e.displayName||e.name,u="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+s+" uses "+u+" but also contains the following legacy lifecycles:"+(null!==n?"\n  "+n:"")+(null!==o?"\n  "+o:"")+(null!==l?"\n  "+l:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=r,t.componentWillReceiveProps=i),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=a;var c=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var r=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;c.call(this,e,t,r)}}return e}n.r(t),n.d(t,"polyfill",(function(){return o})),r.__suppressDeprecationWarning=!0,i.__suppressDeprecationWarning=!0,a.__suppressDeprecationWarning=!0},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.SPECS={si:{radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]},iec:{radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]},jedec:{radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]}}},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return Rn}));var r=n(9),i=n.n(r),a=n(5),o=n.n(a),l=n(6),s=n.n(l),u=n(0),c=n.n(u),f=n(20),d=n.n(f),p=n(3),h=n.n(p),m=n(7),y=n.n(m),g=n(8),b=n.n(g),v=n(4),w=n.n(v),L=n(2),M=n.n(L),E=n(1),C=n.n(E),S={loading:"Loading, please wait...",close:"Close",hubPanelLabel:"Select content type",createContentTabLabel:"Create Content",uploadTabLabel:"Upload",uploadPlaceholder:"No file chosen",uploadInstructionsTitle:"Upload an H5P file.",uploadInstructionsContent:'You may start with examples from <a href="https://h5p.org/content-types-and-applications" target="blank">H5P.org</a>.',uploadFileButtonLabel:"Upload a file",uploadFileButtonChangeLabel:"Change file",uploadingThrobber:"Now uploading...",uploadSuccess:":title was successfully uploaded!",unableToInterpretError:"Unable to interpret response.",unableToInterpretSolution:"Please check your error log.",h5pFileWrongExtensionTitle:"The selected file could not be uploaded",h5pFileWrongExtensionContent:"Only files with the .h5p extension are allowed.",contentTypeSectionAll:"All Content Types",searchResults:"Search Results",contentTypeSearchFieldPlaceholder:"Search for Content Types",contentTypeInstallButtonLabel:"Install",contentTypeInstallingButtonLabel:"Installing",contentTypeUseButtonLabel:"Use",contentTypeDetailButtonLabel:"Details",contentTypeUpdateButtonLabel:"Update",contentTypeUpdatingButtonLabel:"Updating",contentTypeGetButtonLabel:"Get",contentTypeBackButtonLabel:"Back",contentTypeIconAltText:"Icon",contentTypeInstallSuccess:":contentType successfully installed!",contentTypeUpdateSuccess:":contentType successfully updated!",contentTypeInstallError:":contentType could not be installed. Contact your administrator.",contentTypeLicensePanelTitle:"License",contentTypeDemoButtonLabel:"Content Demo",numResults:":num results",show:"Show",recentlyUsedFirst:"Recently Used First",popularFirst:"Popular First",newestFirst:"Newest First",aToZ:"A to Z",noResultsFound:"No results found",noResultsFoundDesc:"There is no content type that matches your search criteria.",readMore:"Read more",readLess:"Read less",contentTypeUpdateAvailable:"Update available",licenseDescription:"Some of the features of this license are indicated below. Click the info icon above to read the original license text.",licenseModalTitle:"License Details",licenseModalSubtitle:"Select a license to view information about proper usage",licenseUnspecified:"Unspecified",licenseCanUseCommercially:"Can use commercially",licenseCanModify:"Can modify",licenseCanDistribute:"Can distribute",licenseCanSublicense:"Can sublicense",licenseCanHoldLiable:"Can hold liable",licenseCannotHoldLiable:"Cannot hold liable",licenseMustIncludeCopyright:"Must include copyright",licenseMustIncludeLicense:"Must include license",licenseFetchDetailsFailed:"Failed fetching license details",imageLightboxTitle:"Images",imageLightBoxProgress:":num of :total",nextImage:"Next image",previousImage:"Previous image",screenshots:"Screenshots",noContentTypesAvailable:"No content types are available",noContentTypesAvailableDesc:"Your site is having difficulties connecting to H5P.org and listing the available content types.",contentTypeCacheOutdated:"Content type list outdated",contentTypeCacheOutdatedDesc:"Your site is having difficulties connecting to H5P.org to check for content type updates. You may not be able to update or install new content types.",tryAgain:"Try again",getHelp:"Get help",pasteButton:"Paste",ok:"OK",language:"Language",noContentHeader:"No Fitting Content?",noContentSuggestion:"Create one yourself!",tutorials:"Tutorials",contentSectionAll:"All shared content",popularContent:"Popular Content",allPopular:"All Popular",newOnTheHub:"New on the Hub",allNew:"All New",filterBy:"Filter by",filter:"Filter",filters:{level:{dropdownLabel:"Level",dialogHeader:"Select level of education",dialogButtonLabel:"Filter level of education"},language:{dropdownLabel:"Language",dialogHeader:"Select language(s)",dialogButtonLabel:"Filter languages",searchPlaceholder:"Type to search for languages"},reviewed:{dropdownLabel:"Reviewed",dialogHeader:"Reviewed Content",dialogButtonLabel:"Filter",optionLabel:"Show only reviewed content"},contentTypes:{dropdownLabel:"Content types",dialogHeader:"Select Content type(s)",dialogButtonLabel:"Filter Content Types",searchPlaceholder:"Type to search for content types"},disciplines:{dropdownLabel:"Discipline",dialogHeader:"Select Your Discipline",dialogButtonLabel:"Filter Disciplines",searchPlaceholder:"Type to search for disciplines"},licenses:{dropdownLabel:"License",dialogHeader:"Select preferred rights of use",dialogButtonLabel:"Filter licenses",options:{modified:"Can be modified",commercial:"Allows commercial use"}}},clearFilters:"Clear all filters",contentSearchFieldPlaceholder:"Search for Content",loadingContentTitle:"We are loading content for you...",loadingContentSubtitle:"Please wait",by:"By",dropdownButton:"Open dropdown",paginationNavigation:"Pagination navigation",page:"Page",currentPage:"Current page",nextPage:"Go to next page",previousPage:"Go to previous page",contentPreviewButtonLabel:"Preview",contentDownloadButtonLabel:"Get Content",contentDownloadButtonDownloadingLabel:"Downloading...",reuseContentTabLabel:"Get Shared Content",contentPublisherPanelHeader:"Publisher Info",noContentFoundDesc:"There is no content that matches your search criteria.",h5pType:"H5P Type",level:"Level",age:"Typical age",size:"Size",failedFetchingData:"Failed fetching data",filterErrorMessage:"Something went wrong. Please reload the page.",in:"in",navigateToParent:"Navigate to parent",downloadFailed:"Download failed",downloadFailedMissingLibrariesTitle:"Download failed",downloadFailedMissingLibrariesMessage:"You are not authorized to install or update the libraries required by this content.",contentHubConnectionFailed:"Could not connect to the content hub.",somethingWentWrongTryAgain:"Something went wrong. Please try again."},T=n(11),x=n.n(T);function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return k(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return o=e.done,e},e:function(e){l=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(l)throw a}}}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var I=function(e,t,n){if(void 0===e[t]||0===e[t].length)return new Error("Non empty string for prop ".concat(t," in ").concat(n))},O=function(e){return e.stopPropagation()},A=function(e,t){-1!==[32,13].indexOf(e.which)&&(e.preventDefault(),t())},P=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:90;return e.length>t?e.substr(0,t-3)+"...":e},R=function(e){return e.map((function(e){return{url:e.path,alt:e.altText}}))},z=function(e,t){var n,r={},i=j(e);try{for(i.s();!(n=i.n()).done;){var a=n.value;r[a+x()(a)]=1}}catch(e){i.e(e)}finally{i.f()}var o,l=j(t);try{for(l.s();!(o=l.n()).done;){var s=o.value,u=s+x()(s);if(!r[u])return!1;r[u]=2}}catch(e){l.e(e)}finally{l.f()}for(var c in r)if(1===r[c])return!1;return!0},F=C.a.shape({id:C.a.string.isRequired,title:C.a.string.isRequired,owner:C.a.string.isRequired,reviewed:C.a.bool.isRequired,content_type:C.a.string.isRequired,description:C.a.string,screenshots:C.a.arrayOf(C.a.shape({path:C.a.string,altText:C.a.string})),icon:C.a.string,level:C.a.string,language:C.a.string.isRequired,disciplines:C.a.array}),_=function(e,t){for(var n=["contentTypes","disciplines","language","level","license","reviewed"],r=0;r<n.length;r++){var i=e[n[r]],a=t[n[r]],o=Array.isArray(i),l=Array.isArray(a);if(o!==l||o&&l&&!z(i,a))return!1}return!0},U=function(e,t){var n=function(e){return e.versions.length?e.versions.reduce((function(t,n){return D(D({},t),{},M()({},"".concat(e.id,"-").concat(n.id),{id:"".concat(e.id,"-").concat(n.id),parentLicenseId:e.id,version:n.id,name:"".concat(e.name," ").concat(n.name),url:n.url}))}),{}):M()({},e.id,D({},e))};if(t.licenses){var r=t.licenses.reduce((function(e,t){var r=n(t);return D(D({},e),r)}),{});return D(D({},e),r)}var i=n(t);return D(D({},e),i)},Q=function(){function e(){o()(this,e)}return s()(e,null,[{key:"init",value:function(t){e.dictionary=function e(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];for(var i=1;i<n.length;i++)for(var a in n[i])n[i].hasOwnProperty(a)&&("object"===x()(n[0][a])&&"object"===x()(n[i][a])?e(n[0][a],n[i][a]):n[0][a]=n[i][a]);return n[0]}(S,t)}},{key:"get",value:function(t,n){var r=e.dictionary[t];return void 0===r?"Key not found in dictionary: ".concat(t):(n&&(r=e.replace(r,n)),r)}},{key:"replace",value:function(e,t){for(var n in t)t[n]&&(e=e.replace(n,t[n]));return e}}]),e}(),Y=(n(18),function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"include",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"cors";return fetch(e,{method:void 0===t?"GET":"POST",credentials:n,mode:r,body:t}).then((function(e){return e.json().catch((function(){throw{title:e.statusText+" ("+e.status+")",message:[Q.get("unableToInterpretError"),Q.get("unableToInterpretSolution")]}}))})).then((function(e){if(!1===e.success)throw{title:e.message,message:e.details};return e}))}),B=(n(40),function(e){var t=e.togglePanel,n=e.isExpanded,r=e.sectionId,i=e.title;return c.a.createElement("div",{className:"h5p-hub-client-drop-down","aria-level":"1",role:"heading"},c.a.createElement("div",{className:"h5p-hub-icon-hub-icon",role:"button",onClick:t,onKeyUp:function(e){13!==e.which&&32!==e.which||t()},"aria-expanded":n.toString(),"aria-controls":"h5p-hub-panel-body-".concat(r),tabIndex:"0"},c.a.createElement("span",{className:"h5p-hub-description"},"H5P Hub."),c.a.createElement("span",{className:"h5p-hub-selected"},i)))});B.propTypes={togglePanel:C.a.func.isRequired,isExpanded:C.a.bool.isRequired,sectionId:C.a.string.isRequired,title:C.a.string.isRequired};var W=B;n(41);function V(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var q=function(e){y()(n,e);var t=V(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"cloneChild",(function(e){return e?c.a.cloneElement(e,e.props.id?{className:(e.props.className?e.props.className+" ":"")+(r.state.selected?e.props.id===r.state.selected?"h5p-hub-highlight":"":r.count?"":"h5p-hub-highlight"),tabIndex:r.state.focused?e.props.id===r.state.focused?0:-1:r.count++?-1:0,role:-1!==["a","button"].indexOf(e.type)?void 0:e.props.role||"button",onClick:function(t){return r.handleClick(t,e.props.id)},onKeyDown:function(t){return r.handleKeyDown(t,e.props.id)},ref:function(t){return t&&!e.props.disabled?r.items.push(t):void 0}}:void 0,!e.props.id&&e.props.children?c.a.Children.map(e.props.children,r.cloneChild):e.props.children):null})),r.state={selected:e.selected,focused:e.selected},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){this.setState({selected:e.selected,focused:e.selected}),e.setFocus!==this.props.setFocus&&this.setState({focusOnRender:!0})}},{key:"select",value:function(e){for(var t=null,n=0;n<this.items.length;n++)if(e===this.items[n].id){t=this.items[n];break}this.props.onChange(e,t&&t.attributes),this.setState({selected:e})}},{key:"focus",value:function(e,t){e&&(this.setState({focused:e,focusOnRender:!t}),this.props.onFocus&&this.props.onFocus(e))}},{key:"getSiblingIdFor",value:function(e,t){for(var n=0;n<this.items.length;n++)if(e===this.items[n].id){var r=this.items[n+t];if(r)return r.id}}},{key:"handleClick",value:function(e,t){e.defaultPrevented||(this.select(t),"A"===e.target.tagName&&e.preventDefault())}},{key:"handleKeyDown",value:function(e,t){if(!e.defaultPrevented)switch(e.which){case 37:case 38:this.focus(this.getSiblingIdFor(t,-1)),e.preventDefault();break;case 39:case 40:this.focus(this.getSiblingIdFor(t,1)),e.preventDefault();break;case 32:case 13:this.select(t),e.preventDefault()}}},{key:"componentDidUpdate",value:function(){if(this.state.focusOnRender)if(delete this.state.focusOnRender,this.state.focused){for(var e=0;e<this.items.length;e++)if(this.state.focused===this.items[e].id){this.items[e].focus();break}}else this.items[0]&&this.items[0].focus()}},{key:"render",value:function(){return this.items=[],this.count=0,c.a.Children.map(this.props.children,this.cloneChild)}}]),n}(c.a.Component);q.propTypes={selected:C.a.string,setFocus:C.a.bool,onChange:C.a.func.isRequired,onFocus:C.a.func,onScrollIntoView:C.a.func};var H=q;function G(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Z=function(e){y()(n,e);var t=G(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleSelect",(function(e){r.setState({selected:e}),r.props.onSelect(e)})),r.state={selected:e.selected},r}return s()(n,[{key:"render",value:function(){var e=this,t=c.a.Children.map(this.props.children,(function(t){return null!==t&&c.a.createElement("li",{className:"h5p-hub-tab-button","aria-selected":e.state.selected===t.props.id,"aria-controls":"h5p-hub-tab-panel-".concat(t.props.id),role:"tab",key:t.props.id},c.a.createElement("a",{id:t.props.id,href:"#"},t.props.title))})),n=c.a.Children.map(this.props.children,(function(t){return null!==t&&c.a.createElement("div",{className:"h5p-hub-tabpanel".concat(e.state.selected===t.props.id?"":" h5p-hub-hidden"),id:"h5p-hub-tab-panel-".concat(t.props.id),"aria-labelledby":t.props.id,role:"tabpanel"},t)}));return c.a.createElement("div",{className:"h5p-hub-tab-panel"},c.a.createElement("nav",null,!!window.localStorage&&c.a.createElement("div",{className:"h5peditor-copypaste-wrap"},c.a.createElement("button",{id:"h5peditor-hub-paste-button",className:"h5peditor-paste-button ".concat(this.props.canPaste?"":"disabled"),disabled:!this.props.canPaste,title:this.props.canPaste?Q.get("pasteFromClipboard"):this.props.canPasteTitle,onClick:this.props.onPaste},Q.get("pasteButton"))),c.a.createElement("ul",{role:"tablist"},c.a.createElement(H,{selected:this.props.children[0].props.id,onChange:this.handleSelect},t))),n)}}]),n}(c.a.Component);Z.propTypes={selected:C.a.string.isRequired,onSelect:C.a.func.isRequired};var K=Z,X=n(10),J=(n(42),function(e){var t=e.headerText,n=e.suggestionText,r=e.tutorialUrl;return c.a.createElement("div",{className:"h5p-hub-no-content"},c.a.createElement("img",{className:"h5p-hub-no-results-img",src:"data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQyLjkxIDk1LjA2Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogbm9uZTsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgY2xpcC1wYXRoOiB1cmwoI2NsaXAtcGF0aCk7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMyB7DQogICAgICAgIGZpbGw6ICNjY2NjZDU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+DQogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjAuMTciIHk9Ii0wLjAyIiB3aWR0aD0iMjQ0LjQiIGhlaWdodD0iOTUuNzgiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDx0aXRsZT5uby1yZXN1bHRzPC90aXRsZT4NCiAgPGcgY2xhc3M9ImNscy0yIj4NCiAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMDguOTIsNzguNDVWOTMuNzhhMS4yOCwxLjI4LDAsMCwxLTEuMjgsMS4yOEg4OS43NWExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjcyLjQ4YTEuMjgsMS4yOCwwLDAsMSwxLjI4LTEuMjhoMTEuOTJhMy41NywzLjU3LDAsMCwxLDIuMTguOTFMMTA4LDc2LjI2QTMuNTcsMy41NywwLDAsMSwxMDguOTIsNzguNDVabS0xLjcsMS4yOGgtNS41NGExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjcyLjkxSDkwLjE4VjkzLjM1aDE3Wk05NCw4MS40M2g5LjM3YS40Mi40MiwwLDAsMSwuNDIuNDN2Ljg1YS40Mi40MiwwLDAsMS0uNDIuNDNIOTRhLjQyLjQyLDAsMCwxLS40My0uNDN2LS44NUEuNDIuNDIsMCwwLDEsOTQsODEuNDNabTkuNzksMy44M3YuODVhLjQyLjQyLDAsMCwxLS40Mi40M0g5NGEuNDIuNDIsMCwwLDEtLjQzLS40M3YtLjg1YS40Mi40MiwwLDAsMSwuNDMtLjQzaDkuMzdBLjQyLjQyLDAsMCwxLDEwMy44MSw4NS4yNlptMCwzLjQxdi44NWEuNDIuNDIsMCwwLDEtLjQyLjQzSDk0YS40Mi40MiwwLDAsMS0uNDMtLjQzdi0uODVhLjQyLjQyLDAsMCwxLC40My0uNDNoOS4zN0EuNDIuNDIsMCwwLDEsMTAzLjgxLDg4LjY3Wk0xMDIuMSw3OGg1YTEuNzEsMS43MSwwLDAsMC0uMjktLjU1bC00LjE3LTQuMTdhMS42OSwxLjY5LDAsMCwwLS41NS0uMjlaIi8+DQogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjE4Ljg3LDg1LjE5LDIxNC45NSw5MGE0LjgsNC44LDAsMCwxLTMuNDEsMS42MkgxOTcuMDZhMywzLDAsMCwxLTMtM1Y3NS44OWEzLDMsMCwwLDEsMy0zaDQuMjZhMywzLDAsMCwxLDMsM3YuNDNoNy4yNGEzLDMsMCwwLDEsMywzdjIuMTNoMi41NmEyLjM3LDIuMzcsMCwwLDEsMi4yMSwxLjI2LDIuMDksMi4wOSwwLDAsMSwuMi45QTIuNjIsMi42MiwwLDAsMSwyMTguODcsODUuMTlabS02LjA2LTMuNzdWNzkuM0ExLjI4LDEuMjgsMCwwLDAsMjExLjU0LDc4aC03LjY3YTEuMjgsMS4yOCwwLDAsMS0xLjI4LTEuMjh2LS44NWExLjI4LDEuMjgsMCwwLDAtMS4yOC0xLjI4aC00LjI2YTEuMjgsMS4yOCwwLDAsMC0xLjI4LDEuMjhWODcuMjRMMTk5LjE5LDgzYTQuNzUsNC43NSwwLDAsMSwzLjQxLTEuNjJabTQuMjYsMS43SDIwMi42YTMuMDcsMy4wNywwLDAsMC0yLjA5LDFsLTMuOTEsNC44M2EuOTIuOTIsMCwwLDAtLjI0LjUzYzAsLjM3LjQxLjQ3LjcxLjQ3aDE0LjQ4YTMsMywwLDAsMCwyLjA5LTFsMy45MS00LjgzYS44NS44NSwwLDAsMCwuMjQtLjUyQzIxNy43OCw4My4yMiwyMTcuMzcsODMuMTMsMjE3LjA4LDgzLjEzWiIvPg0KICAgIDxnPg0KICAgICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIxMTcuNzQiIHk9IjgxLjA2IiB3aWR0aD0iOSIgaGVpZ2h0PSI5IiByeD0iMS43IiByeT0iMS43Ii8+DQogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMzEuNDksODEuNDNhLjM1LjM1LDAsMCwwLS4yNi4xMmwtMy40OCwzLjU0djEuMmwzLjQ4LDMuNTRhLjM5LjM5LDAsMCwwLC4yOC4xMmMuMDUsMCwwLDAsLjA2LDBzLjE3LS4yMy4xNy0uNFY4MS44NWMwLS4xNywwLS4zMy0uMTgtLjRTMTMxLjU0LDgxLjQzLDEzMS40OSw4MS40M1oiLz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzMy43NCw3OS44NFY5My4wNmgtMTdWNzkuMjFjLTEtLjE3LTItLjM2LTItLjU2VjkzLjc4YTEuNCwxLjQsMCwwLDAsMS40MSwxLjI4SDEzNWMuNzEsMCwuNzEtLjU4LjcxLTEuMjhWNzkuNEMxMzUuNzQsNzkuNTUsMTMzLjc0LDc5LjcxLDEzMy43NCw3OS44NFoiLz4NCiAgICA8L2c+DQogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjAuNDQsNy4yNFYyMi41N2ExLjI4LDEuMjgsMCwwLDEtMS4yOCwxLjI4SDEuMjhBMS4yOCwxLjI4LDAsMCwxLDAsMjIuNTdWMS4yOEExLjI4LDEuMjgsMCwwLDEsMS4yOCwwSDEzLjJhMy41NywzLjU3LDAsMCwxLDIuMTguOTFsNC4xNSw0LjE1QTMuNTcsMy41NywwLDAsMSwyMC40NCw3LjI0Wm0tMS43LDEuMjhIMTMuMmExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjEuN0gxLjdWMjIuMTVoMTdabS0xMy4yLDEuN2g5LjM3YS40Mi40MiwwLDAsMSwuNDMuNDN2Ljg1YS40Mi40MiwwLDAsMS0uNDMuNDNINS41NGEuNDIuNDIsMCwwLDEtLjQzLS40M3YtLjg1QS40Mi40MiwwLDAsMSw1LjU0LDEwLjIyWm05LjgsMy44M3YuODVhLjQyLjQyLDAsMCwxLS40My40M0g1LjU0YS40Mi40MiwwLDAsMS0uNDMtLjQzdi0uODVhLjQyLjQyLDAsMCwxLC40My0uNDNoOS4zN0EuNDIuNDIsMCwwLDEsMTUuMzMsMTQuMDVabTAsMy40MXYuODVhLjQyLjQyLDAsMCwxLS40My40M0g1LjU0YS40Mi40MiwwLDAsMS0uNDMtLjQzdi0uODVBLjQyLjQyLDAsMCwxLDUuNTQsMTdoOS4zN0EuNDIuNDIsMCwwLDEsMTUuMzMsMTcuNDZaTTEzLjYzLDYuODFoNWExLjcsMS43LDAsMCwwLS4yOS0uNTVMMTQuMTcsMi4xYTEuNywxLjcsMCwwLDAtLjU1LS4yOVoiLz4NCiAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00Ni44NCw3LjI0VjIyLjU3YTEuMjgsMS4yOCwwLDAsMS0xLjI4LDEuMjhIMjcuNjhhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYxLjI4QTEuMjgsMS4yOCwwLDAsMSwyNy42OCwwSDM5LjZhMy41NywzLjU3LDAsMCwxLDIuMTguOTFsNC4xNSw0LjE1QTMuNTcsMy41NywwLDAsMSw0Ni44NCw3LjI0Wm0tMS43LDEuMjhIMzkuNmExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjEuN0gyOC4xVjIyLjE1aDE3Wm0tNi44MSwzLjQxVjE3YTEuNzIsMS43MiwwLDAsMS0xLjcsMS43SDMxLjUxYTEuNzIsMS43MiwwLDAsMS0xLjctMS43VjExLjkyYTEuNzIsMS43MiwwLDAsMSwxLjctMS43aDUuMTFBMS43MiwxLjcyLDAsMCwxLDM4LjMzLDExLjkyWm01LjExLTEuMjh2Ny42N2EuNDQuNDQsMCwwLDEtLjI3LjRsLS4xNiwwYS40NS40NSwwLDAsMS0uMzEtLjEybC0zLjUzLTMuNTR2LTEuMmwzLjUzLTMuNTRhLjQ1LjQ1LDAsMCwxLC4zMS0uMTJsLjE2LDBBLjQ0LjQ0LDAsMCwxLDQzLjQ0LDEwLjY1Wk00MCw2LjgxaDVhMS42OSwxLjY5LDAsMCwwLS4yOS0uNTVMNDAuNTcsMi4xQTEuNywxLjcsMCwwLDAsNDAsMS44MVoiLz4NCiAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik03My4yNCw3LjI0VjIyLjU3QTEuMjgsMS4yOCwwLDAsMSw3MiwyMy44NUg1NC4wOGExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjEuMjhBMS4yOCwxLjI4LDAsMCwxLDU0LjA4LDBINjZhMy41NywzLjU3LDAsMCwxLDIuMTguOTFsNC4xNSw0LjE1QTMuNTcsMy41NywwLDAsMSw3My4yNCw3LjI0Wm0tMS43LDEuMjhINjZhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYxLjdINTQuNVYyMi4xNWgxN1pNNjEuMzIsMTEuNzFWMTlhLjQ0LjQ0LDAsMCwxLS4yNy40bC0uMTYsMGEuNDcuNDcsMCwwLDEtLjMxLS4xMkw1OC4zOCwxN0g1Ni42M2EuNDIuNDIsMCwwLDEtLjQzLS40M1YxNC4wNWEuNDIuNDIsMCwwLDEsLjQzLS40M2gxLjc0bDIuMjEtMi4yMmEuNDMuNDMsMCwwLDEsLjczLjMxWm0zLjEsNi41M2E0LjI1LDQuMjUsMCwwLDAsMC01LjgzLjg1Ljg1LDAsMSwwLTEuMjQsMS4xNywyLjU0LDIuNTQsMCwwLDEsMCwzLjQ5Ljg2Ljg2LDAsMCwwLDAsMS4yMS45Mi45MiwwLDAsMCwuNTkuMjNBLjg5Ljg5LDAsMCwwLDY0LjQyLDE4LjI1Wm0yLjg1LDEuOTJhNy42NSw3LjY1LDAsMCwwLDAtOS42Ni44NS44NSwwLDEsMC0xLjMyLDEuMDgsNiw2LDAsMCwxLDAsNy41MS44NC44NCwwLDAsMCwuMTIsMS4yLjgzLjgzLDAsMCwwLC41My4yQS44NC44NCwwLDAsMCw2Ny4yNywyMC4xNlpNNjYuNDMsNi44MWg1YTEuNjksMS42OSwwLDAsMC0uMjktLjU1TDY3LDIuMWExLjcsMS43LDAsMCwwLS41NS0uMjlaIi8+DQogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNOTkuNjQsNy4yNFYyMi41N2ExLjI4LDEuMjgsMCwwLDEtMS4yOCwxLjI4SDgwLjQ4YTEuMjgsMS4yOCwwLDAsMS0xLjI4LTEuMjhWMS4yOEExLjI4LDEuMjgsMCwwLDEsODAuNDgsMEg5Mi40YTMuNTcsMy41NywwLDAsMSwyLjE4LjkxbDQuMTUsNC4xNUEzLjU3LDMuNTcsMCwwLDEsOTkuNjQsNy4yNFptLTEuNywxLjI4SDkyLjRhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYxLjdIODAuOVYyMi4xNWgxN1pNODIuNjEsMTEuMDdhMi41NiwyLjU2LDAsMSwxLDIuNTYsMi41NkEyLjU2LDIuNTYsMCwwLDEsODIuNjEsMTEuMDdabTEzLjYzLDkuMzdIODIuNjFWMTcuODlsMi41Ni0yLjU2LDEuNywxLjdMOTIsMTEuOTJsNC4yNiw0LjI2Wk05Mi44Myw2LjgxaDVhMS42OSwxLjY5LDAsMCwwLS4yOS0uNTVMOTMuMzcsMi4xYTEuNywxLjcsMCwwLDAtLjU1LS4yOVoiLz4NCiAgICA8Zz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTYwLjgxLDQxLjIxVjU2LjU0YTEuMjgsMS4yOCwwLDAsMS0xLjI4LDEuMjhINDEuNjVhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS4yNEExLjI4LDEuMjgsMCwwLDEsNDEuNjUsMzRINTMuNTdhMy41NywzLjU3LDAsMCwxLDIuMTguOTFMNTkuOTEsMzlBMy41NywzLjU3LDAsMCwxLDYwLjgxLDQxLjIxWm0tMS43LDEuMjhINTMuNTdhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS42N0g0Mi4wOFY1Ni4xMWgxN1ptLTEzLjIsMS43aDkuMzdhLjQyLjQyLDAsMCwxLC40My40M3YuODVhLjQyLjQyLDAsMCwxLS40My40M0g0NS45MWEuNDIuNDIsMCwwLDEtLjQzLS40M3YtLjg1QS40Mi40MiwwLDAsMSw0NS45MSw0NC4xOVpNNTUuNyw0OHYuODVhLjQyLjQyLDAsMCwxLS40My40M0g0NS45MWEuNDIuNDIsMCwwLDEtLjQzLS40M1Y0OGEuNDIuNDIsMCwwLDEsLjQzLS40M2g5LjM3QS40Mi40MiwwLDAsMSw1NS43LDQ4Wm0wLDMuNDF2Ljg1YS40Mi40MiwwLDAsMS0uNDMuNDNINDUuOTFhLjQyLjQyLDAsMCwxLS40My0uNDN2LS44NWEuNDIuNDIsMCwwLDEsLjQzLS40M2g5LjM3QS40Mi40MiwwLDAsMSw1NS43LDUxLjQzWk01NCw0MC43OGg1YTEuNywxLjcsMCwwLDAtLjI5LS41NWwtNC4xNy00LjE3YTEuNjksMS42OSwwLDAsMC0uNTUtLjI5WiIvPg0KICAgICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNODcuMjIsNDEuMjFWNTYuNTRhMS4yOCwxLjI4LDAsMCwxLTEuMjgsMS4yOEg2OC4wNWExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjM1LjI0QTEuMjgsMS4yOCwwLDAsMSw2OC4wNSwzNEg4MGEzLjU3LDMuNTcsMCwwLDEsMi4xOC45MUw4Ni4zMSwzOUEzLjU3LDMuNTcsMCwwLDEsODcuMjIsNDEuMjFabS0xLjcsMS4yOEg4MGExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjM1LjY3SDY4LjQ4VjU2LjExaDE3Wk03OC43LDQ1Ljg5VjUxQTEuNzIsMS43MiwwLDAsMSw3Nyw1Mi43SDcxLjg4YTEuNzIsMS43MiwwLDAsMS0xLjctMS43VjQ1Ljg5YTEuNzIsMS43MiwwLDAsMSwxLjctMS43SDc3QTEuNzIsMS43MiwwLDAsMSw3OC43LDQ1Ljg5Wm01LjExLTEuMjh2Ny42N2EuNDQuNDQsMCwwLDEtLjI3LjRsLS4xNiwwYS40NC40NCwwLDAsMS0uMzEtLjEyTDc5LjU1LDQ5di0xLjJsMy41My0zLjU0YS40NC40NCwwLDAsMSwuMzEtLjEybC4xNiwwQS40NC40NCwwLDAsMSw4My44MSw0NC42MVpNODAuNCw0MC43OGg1YTEuNjksMS42OSwwLDAsMC0uMjktLjU1bC00LjE3LTQuMTdhMS42OSwxLjY5LDAsMCwwLS41NS0uMjlaIi8+DQogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xODUuMTUsNDEuMjFWNTYuNTRhMS4yOCwxLjI4LDAsMCwxLTEuMjgsMS4yOEgxNjZhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS4yNEExLjI4LDEuMjgsMCwwLDEsMTY2LDM0aDExLjkyYTMuNTcsMy41NywwLDAsMSwyLjE4LjkxTDE4NC4yNCwzOUEzLjU3LDMuNTcsMCwwLDEsMTg1LjE1LDQxLjIxWm0tMS43LDEuMjhoLTUuNTRhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS42N0gxNjYuNDFWNTYuMTFoMTdabS0xMC4yMiwzLjE5djcuMjRhLjQ0LjQ0LDAsMCwxLS4yNy40bC0uMTYsMGEuNDcuNDcsMCwwLDEtLjMxLS4xMkwxNzAuMjgsNTFoLTEuNzRhLjQyLjQyLDAsMCwxLS40My0uNDNWNDhhLjQyLjQyLDAsMCwxLC40My0uNDNoMS43NGwyLjIxLTIuMjJhLjQzLjQzLDAsMCwxLC43My4zMVptMy4xLDYuNTNhNC4yNSw0LjI1LDAsMCwwLDAtNS44My44NS44NSwwLDEsMC0xLjI0LDEuMTcsMi41NCwyLjU0LDAsMCwxLDAsMy40OS44Ni44NiwwLDAsMCwwLDEuMjEuOTIuOTIsMCwwLDAsLjU5LjIzQS44OS44OSwwLDAsMCwxNzYuMzMsNTIuMjFabTIuODUsMS45MmE3LjY1LDcuNjUsMCwwLDAsMC05LjY2Ljg1Ljg1LDAsMSwwLTEuMzIsMS4wOCw2LDYsMCwwLDEsMCw3LjUxLjg0Ljg0LDAsMCwwLC4xMiwxLjIuODMuODMsMCwwLDAsLjUzLjJBLjg0Ljg0LDAsMCwwLDE3OS4xNyw1NC4xM1ptLS44NC0xMy4zNWg1YTEuNjksMS42OSwwLDAsMC0uMjktLjU1bC00LjE3LTQuMTdhMS42OSwxLjY5LDAsMCwwLS41NS0uMjlaIi8+DQogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMTEuNTUsNDEuMjFWNTYuNTRhMS4yOCwxLjI4LDAsMCwxLTEuMjgsMS4yOEgxOTIuMzlhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS4yNEExLjI4LDEuMjgsMCwwLDEsMTkyLjM5LDM0aDExLjkyYTMuNTcsMy41NywwLDAsMSwyLjE4LjkxTDIxMC42NSwzOUEzLjU3LDMuNTcsMCwwLDEsMjExLjU1LDQxLjIxWm0tMS43LDEuMjhoLTUuNTRBMS4yOCwxLjI4LDAsMCwxLDIwMyw0MS4yMVYzNS42N0gxOTIuODFWNTYuMTFoMTdaTTE5NC41Miw0NWEyLjU2LDIuNTYsMCwxLDEsMi41NiwyLjU2QTIuNTYsMi41NiwwLDAsMSwxOTQuNTIsNDVabTEzLjYzLDkuMzdIMTk0LjUyVjUxLjg1bDIuNTYtMi41NiwxLjcsMS43LDUuMTEtNS4xMSw0LjI2LDQuMjZabS0zLjQxLTEzLjYzaDVhMS42OSwxLjY5LDAsMCwwLS4yOS0uNTVsLTQuMTctNC4xN2ExLjY5LDEuNjksMCwwLDAtLjU1LS4yOVoiLz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI0Mi4zLDQ4bC0zLjkzLDQuODNBNC44LDQuOCwwLDAsMSwyMzUsNTQuNDFIMjIwLjQ5YTMsMywwLDAsMS0zLTNWMzguNjVhMywzLDAsMCwxLDMtM2g0LjI2YTMsMywwLDAsMSwzLDN2LjQzSDIzNWEzLDMsMCwwLDEsMywzdjIuMTNoMi41NmEyLjM3LDIuMzcsMCwwLDEsMi4yMSwxLjI2LDIuMDgsMi4wOCwwLDAsMSwuMi45QTIuNjIsMi42MiwwLDAsMSwyNDIuMyw0OFptLTYuMDYtMy43N1Y0Mi4wNkExLjI4LDEuMjgsMCwwLDAsMjM1LDQwLjc4SDIyNy4zQTEuMjgsMS4yOCwwLDAsMSwyMjYsMzkuNXYtLjg1YTEuMjgsMS4yOCwwLDAsMC0xLjI4LTEuMjhoLTQuMjZhMS4yOCwxLjI4LDAsMCwwLTEuMjgsMS4yOFY1MGwzLjQxLTQuMTlBNC43NSw0Ljc1LDAsMCwxLDIyNiw0NC4xOVptNC4yNiwxLjdIMjI2YTMuMDcsMy4wNywwLDAsMC0yLjA5LDFMMjIwLDUxLjcxYS45Mi45MiwwLDAsMC0uMjQuNTNjMCwuMzcuNDEuNDcuNzEuNDdIMjM1YTMsMywwLDAsMCwyLjA5LTFMMjQxLDQ2Ljg4YS44NS44NSwwLDAsMCwuMjQtLjUyQzI0MS4yMSw0NiwyNDAuOCw0NS44OSwyNDAuNTEsNDUuODlaIi8+DQogICAgPC9nPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEwOCwxOC40OGEuNjYuNjYsMCwwLDEsLjE0LS43NEwxMTIsMTNhMywzLDAsMCwxLDIuMDktLjkySDEyOC42Yy42NCwwLC45LjM5LjQ3LjkybC0uMi4yMWMuNjQsMCwxLjI4LjEsMS45MS4xOGEyLjQxLDIuNDEsMCwwLDAsMC0yLDIuNDQsMi40NCwwLDAsMC0yLjIxLTEuMzVoLTIuODZ2LTJhMi43OSwyLjc5LDAsMCwwLTIuNjgtM2gtNy4zMlY0LjY4YTIuNjQsMi42NCwwLDAsMC0yLjktMi42MmgtNC4yNmEyLjU5LDIuNTksMCwwLDAtMi44NCwyLjYyVjE3LjQ2YTIuOTEsMi45MSwwLDAsMCwuNzgsMi4wN0MxMDcsMTkuMTcsMTA3LjQ2LDE4LjgyLDEwOCwxOC40OFptLS4yMy0xNC4zM2MwLS4xOC4xNC0uMDkuODQtLjA5aDQuMjZjLjcxLDAsLjktLjA4LjkuNjJ2Ljg1YTEuODgsMS44OCwwLDAsMCwxLjY1LDEuNTJoNy42N2MuNzEsMCwuNjguMzMuNjgsMXYyaC05LjYyYTYuNDcsNi40NywwLDAsMC00LjA5LDEuN2wtMi4yOSwzLjczWiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzMC44Nyw0Ny43NGEzLjcyLDMuNzIsMCwwLDAtMS43OCwyLjQ1Ljg3Ljg3LDAsMCwxLS43NC44OUgxMjMuOWMtLjQxLDAtLjY3LS42My0uNjctMXYtLjgzYzAtMi4yNCwyLjIyLTQuMTcsMy44NS00LjkxLDEuNDMtLjY1LDItMS4yNiwyLTIuNDRzLTEuMzUtMi0yLjg1LTJhMy43OSwzLjc5LDAsMCwwLTIsLjU0LDEwLjQ4LDEwLjQ4LDAsMCwwLTIsMi4xMy43Ny43NywwLDAsMS0uNTcuMy44Ni44NiwwLDAsMS0uNDYtLjE1bC0zLTIuMzJhLjczLjczLDAsMCwxLS4xOS0xLDkuNCw5LjQsMCwwLDEsOC41OS00LjkzYzQsMCw4LjQxLDMuMTcsOC40MSw3LjQxQzEzNSw0NS40MSwxMzIuNjMsNDYuNzYsMTMwLjg3LDQ3Ljc0Wm0tMS43LDkuNzFhLjc0Ljc0LDAsMCwxLS43NC43NEgxMjRhLjc0Ljc0LDAsMCwxLS43NC0uNzRWNTNhLjc0Ljc0LDAsMCwxLC43NC0uNzRoNC40NGEuNzQuNzQsMCwwLDEsLjc0Ljc0WiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE2Ni40OCw4OWExLjkxLDEuOTEsMCwwLDEtMS4zNC0uNTVsLTE5LjA3LTE5LTIuODQsMmEyOS44NCwyOS44NCwwLDEsMSw3LjY4LTcuNjlsLTIsMi44NSwxOSwxOUEyLDIsMCwwLDEsMTY2LjQ4LDg5Wm0tNDAuMTYtNjhhMjUuNzcsMjUuNzcsMCwxLDAsMjUuNzcsMjUuNzdBMjUuOCwyNS44LDAsMCwwLDEyNi4zMiwyMS4wOFoiLz4NCiAgICA8Zz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE1MS42OCw4OS40OWEuOTIuOTIsMCwwLDAsLjU5LjIzLjg5Ljg5LDAsMCwwLC42Mi0uMjcsNC4yNSw0LjI1LDAsMCwwLDAtNS44My44NS44NSwwLDEsMC0xLjI0LDEuMTcsMi41NCwyLjU0LDAsMCwxLDAsMy40OUEuODYuODYsMCwwLDAsMTUxLjY4LDg5LjQ5WiIvPg0KICAgICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTU1Ljc2LDg2LjU0YTUuOSw1LjksMCwwLDEtMS4zMywzLjc1Ljg0Ljg0LDAsMCwwLC4xMiwxLjIuODMuODMsMCwwLDAsLjUzLjIuODQuODQsMCwwLDAsLjY3LS4zMiw3LjY4LDcuNjgsMCwwLDAsMS43Mi00LjgzczAtLjA3LDAtLjFsLTIuMTYtMi4xNUE1LjkxLDUuOTEsMCwwLDEsMTU1Ljc2LDg2LjU0WiIvPg0KICAgICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTU5Ljc0LDg5djQuMDhoLTE3Vjc2LjI1YzAsLjMyLTEsLjYyLTIsLjkxVjkzLjc4YzAsLjcxLDEuMTEsMS4yOCwxLjgxLDEuMjhoMTcuODlhMS4zLDEuMywwLDAsMCwxLjMtMS4yOFY5MC42OFoiLz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE0NS4xMSw4OC4wNmgxLjc0bDIuMjEsMi4zMWEuNTQuNTQsMCwwLDAsLjMxLjE2LjQ1LjQ1LDAsMCwwLC4xMywwLC4zOC4zOCwwLDAsMCwuMjQtLjM4VjgyLjkyYS40MS40MSwwLDAsMC0uMjQtLjRjLS4xNi0uMDctLjMyLS40MS0uNDUtLjI5bC0yLjIsMS44NGgtMS43NGMtLjI0LDAtLjM3LDEtLjM3LDEuMnYyLjU2QzE0NC43NCw4OC4wNSwxNDQuODcsODguMDYsMTQ1LjExLDg4LjA2WiIvPg0KICAgIDwvZz4NCiAgICA8Zz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE4Ny41Myw3Ni4yNmwtNC4zMS0zLjcyYy0uNDktLjQ5LTEuNjMtLjQ4LTIuMzQtLjQ4SDE2OWMtLjcxLDAtMS4yMS0uMjgtMS4yMS40MnY3LjIzbDIsMS43VjczLjA2aDEwdjUuMzhjMCwuNzEuNDMuNjIsMS4xNC42Mmg1Ljg2djE0aC0xN3YtLjgxYTkuMTgsOS4xOCwwLDAsMS0yLC42M3YuODlBMS4yMywxLjIzLDAsMCwwLDE2OSw5NS4wNmgxNy44OWMuNzEsMCwxLjktLjU4LDEuOS0xLjI4Vjc4LjQ1QTQsNCwwLDAsMCwxODcuNTMsNzYuMjZabS01Ljc4LjhWNzNjMCwuMDguMjMuMi4zMy4yOUwxODYuMTMsNzdjLjA5LjA5LjEuMDcuMTguMDdaIi8+DQogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xODQuNzQsODcuMzlsLTQuMjctNC4yNi01LjEyLDUuMTEtMS43MS0xLjctMS4zOCwxLjIxYTQuNTYsNC41NiwwLDAsMS0xLjUyLDMuMXYuMjJoMTRaIi8+DQogICAgICA8Y2lyY2xlIGNsYXNzPSJjbHMtMyIgY3g9IjE3My42NCIgY3k9IjgyLjI4IiByPSIyLjU2Ii8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg=="}),c.a.createElement("section",{className:"h5p-hub-right-text"},c.a.createElement("div",{className:"h5p-hub-header"},t),c.a.createElement("div",{className:"h5p-hub-suggestion-text"},n),r&&c.a.createElement("div",null,c.a.createElement("a",{className:"h5p-hub-url",target:"_blank",href:r},Q.get("tutorials")))))});J.propTypes={headerText:C.a.string.isRequired,suggestionText:C.a.string.isRequired,tutorialUrl:C.a.string};var $=J;n(43);function ee(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var te=function(e){y()(n,e);var t=ee(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"focusedExits",(function(){for(var e=0;e<r.props.children.length;e++)if(r.props.children[e].props.id===r.props.focused)return!0;return!1})),r.state={setFocus:!1,focused:""},r}return s()(n,[{key:"componentDidMount",value:function(){"tabular"===this.props.type&&this.props.setFocus&&this.setState((function(e){return{setFocus:!e.setFocus}}))}},{key:"componentDidUpdate",value:function(e){var t=this;e.setFocus!==this.props.setFocus&&this.focusedExits()&&this.setState((function(e){return{setFocus:!e.setFocus,focused:t.props.focused}}))}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"h5p-hub-list ".concat(this.props.type," ").concat(this.props.classNames)},c.a.createElement("ol",{ref:function(t){return e.listElement=t},"aria-label":this.props.title},c.a.createElement(H,{onChange:this.props.onSelect,selected:this.state.focused,setFocus:this.state.setFocus},this.props.children)))}}]),n}(c.a.Component);te.propTypes={type:C.a.oneOf(["tabular","grid"]).isRequired,classNames:C.a.string,children:C.a.arrayOf(C.a.node).isRequired,onSelect:C.a.func.isRequired,focused:C.a.string,setFocus:C.a.bool,title:C.a.string.isRequired},te.defaultProps={classNames:""};var ne=te,re=(n(44),n(15)),ie=n.n(re),ae=function(e){return"h5p-hub-paginator-page-".concat(e)};function oe(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var le=function(e){y()(n,e);var t=oe(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"resize",(function(){r.setState({screenWidth:document.documentElement.clientWidth})})),M()(h()(r),"handlePageSelected",(function(e,t){var n=t.getNamedItem("data-page").value,i=r.props.setFocus;"-1"==n?n=r.props.selectedPage-1:"+1"==n&&(n=r.props.selectedPage+1),1!=n&&n!=r.props.pages||(i=!r.props.setFocus),r.props.onChange(i,parseInt(n))})),r.state={screenWidth:document.documentElement.clientWidth},r}return s()(n,[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.resize)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.resize)}},{key:"render",value:function(){return c.a.createElement("nav",{role:"navigation"},c.a.createElement("ul",{className:"h5p-hub-list-of-numbers","aria-label":Q.get("paginationNavigation")},c.a.createElement(H,{selected:ae(this.props.selectedPage),onChange:this.handlePageSelected,setFocus:this.props.setFocus},function(e,t,n){var r=[],i=parseInt(ie.a.screenSmall),a=function(e){return c.a.createElement("li",{id:"h5p-hub-paginator-dots",disabled:!0,key:"dots: "+e,className:"h5p-hub-dots"},c.a.createElement("div",{className:"h5p-hub-dots-text"},"..."))},o=function(t){return c.a.createElement("li",{key:t.toString(),className:"h5p-hub-list-element"},c.a.createElement("a",{href:"#",id:ae(t),"data-page":t,"aria-label":Q.get("page")+" "+t+(t==e&&", "+Q.get("currentPage")),"aria-current":t==e},t))},l=function(e,t){var n;return c.a.createElement("li",{key:e,className:"h5p-hub-list-element ".concat(t?"":"disabled")},c.a.createElement("a",(n={href:"#",id:e,"data-page":e},M()(n,"id","h5p-hub-paginator-".concat("-1"==e?"previous":"next")),M()(n,"disabled",!t),M()(n,"aria-label",Q.get("".concat("-1"==e?"previous":"next","Page"))),M()(n,"className","-1"==e?"h5p-hub-previous-arrow":"h5p-hub-next-arrow"),n)))};if(r.push(l("-1",e>1)),t<=7&&n>i)for(var s=1;s<=t;s++)r.push(o(s));else if(n<i)for(var u=e-1;u<e+2;u++)u>0&&u<=t&&r.push(o(u));else if(e<5){for(var f=1;f<6;f++)r.push(o(f));r.push(a("end")),r.push(o(t))}else if(e>t-3){r.push(o(1)),r.push(a("beginning"));for(var d=t-3-1;d<=t;d++)r.push(o(d))}else{r.push(o(1)),r.push(a("beginning"));for(var p=e-1;p<e+2;p++)r.push(o(p));r.push(a("end")),r.push(o(t))}return r.push(l("+1",e<t)),r}(this.props.selectedPage,this.props.pages,this.state.screenWidth))))}}]),n}(c.a.Component);le.propTypes={onChange:C.a.func.isRequired,selectedPage:C.a.number.isRequired,pages:C.a.number.isRequired,setFocus:C.a.bool};var se=le,ue=(n(45),n(14)),ce=n.n(ue);function fe(e){var t=e.src,n=e.className,r=void 0===n?"":n,i=Object(u.useState)(!t),a=ce()(i,2),o=a[0],l=a[1];return c.a.createElement("img",{className:"h5p-hub-content-icon ".concat(r),src:o?"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NDAgNDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRDBEMEQxO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiNEQkRCREM7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjgsNDgwSDEyYy02LjYsMC0xMi01LjQtMTItMTJWMTJDMCw1LjQsNS40LDAsMTIsMGg2MTZjNi42LDAsMTIsNS40LDEyLDEydjQ1NkM2NDAsNDc0LjYsNjM0LjYsNDgwLDYyOCw0ODB6DQoJIi8+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTE4LjcsMTgwLjRjLTEwLjUtMTAuMS0yNi4zLTE1LjEtNDcuNC0xNS4xaC01Ni4xaC0xNC44djQwaC04NS4ybC03LDI4LjZjNS44LTIuNywxNC4xLTUuNCwxOS43LTYuOA0KCQljNS43LTEuNCwxMS40LTEuMiwxNi45LTEuMmMxOC44LDAsMzQuMiw1LjgsNDUuOSwxNy4yYzExLjcsMTEuNCwxNy41LDI1LjgsMTcuNSw0My4xYzAsMTIuMS0zLDIzLjktOSwzNS4xDQoJCWMtNi4xLDExLjItMTQuNiwxOS45LTI1LjcsMjUuOGMtNCwyLjEtOC40LDQtMTMuMiw1LjNoNTQuN2gxNy40di02OC40aDMyLjNjMjMuNSwwLDQwLjktNS40LDUyLjQtMTYuMQ0KCQljMTEuNS0xMC43LDE3LjItMjUuNywxNy4yLTQ0LjZDNTM0LjQsMjA0LjgsNTI5LjEsMTkwLjUsNTE4LjcsMTgwLjR6IE00NzAuOSwyMzkuN2MtNC41LDMuOS0xMi40LDUuNy0yMy42LDUuN2gtMTQuN3YtNDEuM2gxNw0KCQljMTAuOCwwLDE4LjMsMS45LDIyLjIsNi4xYzQsNC4xLDUuOSw4LjksNS45LDE0LjhDNDc3LjgsMjMxLDQ3NS40LDIzNS44LDQ3MC45LDIzOS43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zMjYuMSwyNTkuOWMtMTAuMiwwLTE5LDUuOS0yMy4yLDE0LjVsLTUxLTcuMmwyMy0xMDEuOGgtMzAuNWgtMTUuN3Y4MGgtNjQuNXYtODBoLTU2Ljh2MTg3LjFoNTYuOHYtNjguNA0KCQloNjQuNXY2OC40aDE1LjdoNTQuMmMtOC42LTIuNi0xNi4xLTUuOS0yMi4yLTEwLjVjLTYuMi00LjYtMTEuMi05LjktMTUuMS0xNS45Yy0zLjktNS45LTYuOC0xMi41LTkuNC0yMS4zbDUxLjEtNy40DQoJCWM0LjMsOC41LDEzLDE0LjMsMjMuMSwxNC4zYzE0LjMsMCwyNS45LTExLjYsMjUuOS0yNS45UzM0MC4zLDI1OS45LDMyNi4xLDI1OS45eiIvPg0KPC9nPg0KPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iNTMuNCIgY3k9IjU0IiByPSIxOC4xIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxMDUuOCIgY3k9IjU0IiByPSIxOC4xIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxNTUuMiIgY3k9IjU0IiByPSIxOC4xIi8+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTg3LjIsNzEuOWgtMjg3Yy0xMCwwLTE4LjEtOC4yLTE4LjEtMTguMXYwYzAtMTAsOC4yLTE4LjEsMTguMS0xOC4xaDI4N2MxMCwwLDE4LjEsOC4yLDE4LjEsMTguMXYwDQoJQzYwNS40LDYzLjgsNTk3LjIsNzEuOSw1ODcuMiw3MS45eiIvPg0KPC9zdmc+DQo=":t,onError:function(){o||l(!0)}})}fe.propTypes={src:C.a.string,className:C.a.string};var de=function(e){var t=e.content;return c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{className:"h5p-hub-left"},c.a.createElement(fe,{src:t.icon})),c.a.createElement("div",{className:"h5p-hub-middle"},c.a.createElement("div",{className:"h5p-hub-headline"},c.a.createElement("span",{className:"h5p-hub-title ".concat(t.reviewed?"h5p-hub-reviewed":"")},P(t.title)),c.a.createElement("span",{className:"h5p-hub-by"},Q.get("by")),c.a.createElement("span",{className:"h5p-hub-owner"},P(t.owner,50))),c.a.createElement("div",{className:"h5p-hub-content-type"},t.contentType),c.a.createElement("div",{className:"h5p-hub-summary"},t.summary)),c.a.createElement("div",{className:"h5p-hub-right"}))};de.propTypes={content:C.a.object.isRequired};var pe=de,he=(n(49),function(e){var t=e.content;return c.a.createElement("div",{className:"h5p-hub-grid-item"},c.a.createElement(fe,{src:t.icon}),c.a.createElement("div",{className:"h5p-hub-grid-item-title"},t.title),c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-orange h5p-hub-button-inverse-primary",tabIndex:"-1"},Q.get("contentTypeDetailButtonLabel")))});he.propTypes={content:C.a.object.isRequired};var me=he,ye=(n(50),function(e){var t=e.type;return c.a.createElement(ne,{type:"".concat(t),classNames:"h5p-hub-loading",title:Q.get("loading"),onSelect:function(){}},function(e,t){for(var n=[],r=0;r<t;r++)n.push("tabular"===e?c.a.createElement("li",{className:"h5p-hub-content-item h5p-hub-".concat(e),key:r},c.a.createElement("div",{className:"h5p-hub-left"},c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-image"})),c.a.createElement("div",{className:"h5p-hub-middle"},c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-medium"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-short"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-long"}))):c.a.createElement("li",{className:"h5p-hub-content-item h5p-hub-".concat(e),key:r},c.a.createElement("div",{className:"h5p-hub-grid-item"},c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-image"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-medium"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-short"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-button"}))));return n}(t,6))});ye.propTypes={type:C.a.string.isRequired};var ge=ye,be=(n(51),function e(t){var n=t.itemsPromise,r=t.type,i=t.onSelect,a=t.visible,o=t.handlePageChange,l=t.showPagination,s=t.focused,f=t.setFocus,d=t.title,p=Object(u.useMemo)((function(){return e.listId++}),[]),h={},m="tabular"===r?pe:me;return c.a.createElement("div",{className:"h5p-hub-content-list","aria-hidden":!a},c.a.createElement(X.b,{promiseFn:n},c.a.createElement(X.b.Pending,null,c.a.createElement(ge,{type:r})),c.a.createElement(X.b.Rejected,null,(function(){return c.a.createElement("span",{className:"h5p-hub-fetching-failed"},Q.get("failedFetchingData"))})),c.a.createElement(X.b.Fulfilled,null,(function(e){return e.numResults?c.a.createElement(c.a.Fragment,null,c.a.createElement(ne,{type:r,onSelect:function(e){return i(h[e],e,r)},focused:s,setFocus:f,title:d},e.content.map((function(e,t){return h["h5p-hub-".concat(p,"-").concat(e.id)]=e,c.a.createElement("li",{className:"h5p-hub-content-item h5p-hub-".concat(r),id:"h5p-hub-".concat(p,"-").concat(e.id),key:t,tabIndex:1==t},c.a.createElement(m,{content:e,key:e.id,id:e.id}))}))),l&&c.a.createElement(se,{selectedPage:e.page,pages:e.pages,onChange:o,setFocus:!1})):null}))))});be.propTypes={itemsPromise:C.a.func.isRequired,type:C.a.string,onSelect:C.a.func.isRequired,visible:C.a.bool.isRequired,handlePageChange:C.a.func,showPagination:C.a.bool,focused:C.a.string,setFocus:C.a.bool,title:C.a.string.isRequired},be.defaultProps={type:"tabular",showPagination:!0},be.listId=0;var ve=be,we=(n(59),function(e){var t=e.searchPromise,n=e.selected,r=e.onChange,i=e.orderVisible,a=void 0===i||i,o=e.visible,l=e.orderVariables,s=e.headerLabel,u=l.map((function(e){return c.a.createElement("li",{key:e.id},c.a.createElement("a",{href:"#",id:e.id},e.text))}));return c.a.createElement("div",{className:"h5p-hub-navbar"+(o?"":" h5p-hub-hidden")},c.a.createElement("div",{className:"h5p-hub-result-header"},s,t&&c.a.createElement("span",{className:"h5p-hub-result-hits"},c.a.createElement(X.b,{promiseFn:t},c.a.createElement(X.b.Fulfilled,null,(function(e){return"(".concat(Q.get("numResults").replace(":num",e.numResults),")")}))))),a&&c.a.createElement("div",{id:"h5p-hub-sort-by",className:"h5p-hub-sort-by-header"},Q.get("show"),":"),a&&c.a.createElement("ul",{className:"h5p-hub-sort-by-list","aria-labelledby":"h5p-hub-sort-by"},c.a.createElement(H,{selected:n,onChange:r},u)))});we.propTypes={searchPromise:C.a.func,selected:C.a.string.isRequired,onChange:C.a.func.isRequired,visible:C.a.bool.isRequired,orderVariables:C.a.array.isRequired,orderVisible:C.a.bool,headerLabel:C.a.string.isRequired};var Le=we,Me={search:"search",disciplines:"disciplines",contentTypes:"content-types",licenses:"licenses",languages:"languages",levels:"levels",reviewed:"reviewed",license:"license"};function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ce=function(){return(new Date).getTime()},Se=function(){function e(t){var n=t.language,r=void 0===n?"en":n;o()(this,e),this.language=r,this.licenses={},this.searchCache={}}return s()(e,null,[{key:"init",value:function(t,n,r){e.instance||function(){e.instance=new e(t),e.contentTypes=new Promise((function(t){var n=e.massageContentTypes(r);t(e.makeHierarchicalContentTypes(n))})),e.flatContentTypes=new Promise((function(t){t(e.massageContentTypes(r))}));for(var i=[],a=[{name:"levels",promise:"levels",hierarchical:!1},{name:"languages",promise:"languages",hierarchical:!1},{name:"licenses",promise:"licenses",hierarchical:!1},{name:"disciplines",promise:"disciplines",hierarchical:!0},{name:"flatDisciplines",promise:"disciplines",hierarchical:!1}],o=function(t){e[a[t].name]=new Promise((function(e,n){i.push({type:a[t].promise,hierarchical:a[t].hierarchical,resolve:e,reject:n})}))},l=0;l<a.length;l++)o(l);new Y(n).then((function(t){for(var n=0;n<i.length;n++){var r=i[n];!0===t.success&&void 0!==t.data[r.type]?r.hierarchical?r.resolve(e.makeHierarchicalList(e.massageMetadata(t.data[r.type]))):"licenses"===r.type?r.resolve(e.massageLicenses(t.data[r.type])):r.resolve(e.massageMetadata(t.data[r.type])):r.reject(new Error("Unable to load "+r.type+" metadata."))}})).catch((function(e){for(var t=0;t<i.length;t++)i[t].reject(e)}))}()}},{key:"massageMetadata",value:function(e){for(var t=0;t<e.length;t++){var n=e[t];n.label=n.translation?n.translation:n.name,n.id=n.name}return e}},{key:"massageLicenses",value:function(t){return t.map((function(t){var n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t);return void 0!==n.licenses?n.licenses=e.massageLicenses(n.licenses):(n.id=n.name,n.name=n.translation||n.name,n.versions=e.massageMetadata(n.versions)),n}))}},{key:"massageContentTypes",value:function(e){for(var t=[],n=0;n<e.libraries.length;n++){var r=e.libraries[n];t.push({id:r.machineName+" "+r.majorVersion+"."+r.minorVersion,label:r.title,categories:r.categories})}return t}},{key:"makeHierarchicalList",value:function(e){for(var t={},n=0;n<e.length;n++)t[e[n].id]=e[n];for(var r=0;r<e.length;r++)if(null!==e[r].parent){var i=t[e[r].parent];i.children=i.children?i.children.concat([e[r]]):[e[r]]}for(var a=[],o=0,l=Object.values(t);o<l.length;o++){var s=l[o];null===s.parent&&a.push(s)}return a}},{key:"makeHierarchicalContentTypes",value:function(e){for(var t={},n=0;n<e.length;n++)e[n].categories&&e[n].categories.length>0&&e[n].categories.forEach((function(e){void 0===t[e]&&(t[e]={id:e,label:e,children:[]})}));for(var r=function(n){var r=e[n].categories;void 0!==r&&r.length>0&&r.forEach((function(r){var i=t[r];i.children=i.children.concat([e[n]])}))},i=0;i<e.length;i++)r(i);return Object.values(t)}},{key:"getLicense",value:function(t){return e.instance.licenses[t]||(e.instance.licenses[t]=e.instance.get(Me.license,{id:t})),e.instance.licenses[t]}},{key:"getCachedQueryResults",value:function(t){var n=e.instance.searchCache[t];if(n&&Ce()<n.expiresAt)return n.promise}},{key:"search",value:function(t){var n=new FormData;if(void 0!==t.filters){void 0!==t.filters.license&&(-1!==t.filters.license.indexOf("modified")&&n.append("can_be_modified",1),-1!==t.filters.license.indexOf("commercial")&&n.append("allows_commercial_use",1)),void 0!==t.filters.reviewed&&-1!==t.filters.reviewed.indexOf("reviewed")&&n.append("reviewed",1);var r={contentTypes:"content_types",disciplines:"disciplines",language:"languages",level:"levels"};for(var i in r)if(r.hasOwnProperty(i)&&void 0!==t.filters[i])for(var a=t.filters[i],o=0;o<a.length;o++)n.append(r[i]+"[]",a[o])}"newest"===t.orderBy&&n.append("sort_by","created_at"),void 0!==t.page&&t.page>1&&n.append("from",(6*(t.page-1)).toString()),void 0!==t.query&&t.query.trim()&&n.append("text",t.query);var l=new URLSearchParams(n).toString(),s=this.getCachedQueryResults(l);if(s)return function(){return s};var u=new Promise((function(r,i){if(void 0===window.H5PIntegration.Hub)return i(new Error("Did you forget to add the Hub integration?"));var a=window.H5PIntegration.Hub.contentSearchUrl;return new Y(a,n,"omit").then((function(e){r({numResults:e.total,content:e.items,pages:Math.ceil(parseInt(e.total)/6),page:t.page||1})})).catch((function(t){delete e.instance.searchCache[l],i(t)}))}));return e.instance.searchCache[l]={promise:u,expiresAt:Ce()+6e4},function(){return u}}}]),e}(),Te=(n(60),function(e){var t,n=e.title,r=e.itemsPromise,i=e.actionLabel,a=e.onAction,o=e.onSelect,l=e.focused,s=e.setFocus;return c.a.createElement("div",{className:"h5p-hub-content-selection-list"},c.a.createElement("div",{className:"h5p-hub-header"},c.a.createElement("div",{className:"h5p-hub-title"},n),c.a.createElement("a",{className:"h5p-hub-action",href:"#",onClick:a},i)),c.a.createElement(ve,(t={itemsPromise:r,type:"grid",visible:!0,showPagination:!1,onSelect:o,setFocus:null,focused:l},M()(t,"setFocus",s),M()(t,"title",n),t)))});Te.propTypes={title:C.a.string.isRequired,itemsPromise:C.a.func.isRequired,actionLabel:C.a.string.isRequired,onAction:C.a.func.isRequired,onSelect:C.a.func.isRequired,setFocus:C.a.bool,focused:C.a.string};var xe=Te,Ne=n(12),De=n.n(Ne),je=(n(61),n(62),n(13)),ke=n.n(je);n(72);function Ie(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Oe=function(e){y()(n,e);var t=Ie(n);function n(){return o()(this,n),t.apply(this,arguments)}return s()(n,[{key:"createTroubleshootingURL",value:function(e){return e?"https://h5p.org/documentation/troubleshooting#".concat(e):void 0}},{key:"render",value:function(){var e=this,t="h5p-hub-message h5p-hub-".concat(this.props.severity)+(this.props.onClose?" h5p-hub-dismissible":""),n=this.props.message;n&&!Array.isArray(n)&&(n=[n]);var r=n?n.map((function(t,n){var r=t.message||t,i=e.createTroubleshootingURL(t.code);return c.a.createElement("p",{key:n,className:"h5p-hub-message-body"},c.a.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),i&&c.a.createElement("a",{className:"h5p-hub-get-help",target:"_blank",href:i},Q.get("getHelp")))})):null;return c.a.createElement("div",{className:t,role:"alert"},this.props.onClose&&c.a.createElement("button",{className:"h5p-hub-message-close",tabIndex:"0","aria-label":Q.get("Close"),onClick:this.props.onClose}),c.a.createElement("div",{className:"h5p-hub-message-content"},c.a.createElement("h2",null,this.props.title),r),this.props.children)}}]),n}(c.a.Component);Oe.propTypes={severity:C.a.oneOf(["info","warning","error"]).isRequired,title:C.a.string.isRequired,message:C.a.oneOfType([C.a.string,C.a.array]),onClose:C.a.func,children:C.a.oneOfType([C.a.object,C.a.array])};var Ae=Oe;function Pe(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Re=function(e){y()(n,e);var t=Pe(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"closeModal",(function(){r.appElement.removeAttribute("aria-hidden"),r.props.onFilterClosed(r.props.id)})),M()(h()(r),"calculateLeftPosition",(function(){var e=r.props.filterBarRef.current.offsetWidth,t=Math.max(r.props.toggleButtonRef.current.offsetLeft-50,0);return t+586.88>e&&(t=Math.max(e-586.88,0)),t})),M()(h()(r),"calculateTopPosition",(function(){var e=r.props.filterBarRef.current;return e.offsetTop+e.offsetHeight})),M()(h()(r),"handleResize",(function(){r.setState({left:r.calculateLeftPosition(),top:r.calculateTopPosition()})})),r.appElement=document.getElementById("h5p-hub-reuse-content-container"),r.state={left:r.calculateLeftPosition(),top:r.calculateTopPosition()},r}return s()(n,[{key:"componentDidMount",value:function(){window.addEventListener("click",this.closeModal),window.addEventListener("resize",this.handleResize)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("click",this.closeModal),window.removeEventListener("resize",this.handleResize)}},{key:"swallowClicks",value:function(e){e.stopPropagation()}},{key:"render",value:function(){var e={overlay:{top:this.state.top+"px"},content:{left:this.state.left+"px"}};return c.a.createElement(ke.a,{isOpen:!0,onRequestClose:this.closeModal,contentLabel:this.props.id,parentSelector:function(){return document.getElementById("h5p-hub-reuse-view")},appElement:this.appElement,className:"h5p-hub-filter-dialog",overlayClassName:"h5p-hub-filter-modal",aria:{labelledby:"h5p-hub-header-text"},style:e,shouldCloseOnOverlayClick:!1},c.a.createElement("div",{className:"h5p-hub-filter-dialog-content",onClick:this.swallowClicks},c.a.createElement("div",{className:"h5p-hub-header-text",id:"h5p-hub-filter-modal-header-text"},this.props.dictionary.dialogHeader),this.props.failedDataFetch?c.a.createElement(Ae,{severity:"error",title:Q.get("failedFetchingData"),message:Q.get("filterErrorMessage")}):this.props.data?this.props.children:c.a.createElement("div",{className:"h5p-hub-loading"}),c.a.createElement("button",{className:"h5p-hub-apply-filters-button",onClick:this.closeModal},this.props.dictionary.dialogButtonLabel)))}}]),n}(c.a.Component);Re.propTypes={id:C.a.string.isRequired,data:C.a.array,onFilterClosed:C.a.func.isRequired,checked:C.a.array.isRequired,handleChecked:C.a.func.isRequired,dictionary:C.a.object.isRequired,toggleButtonRef:C.a.shape({current:C.a.instanceOf(Element)}),filterBarRef:C.a.shape({current:C.a.instanceOf(Element)}),failedDataFetch:C.a.bool};var ze=Re,Fe=(n(73),c.a.forwardRef((function(e,t){var n=e.checked,r=e.id,i=e.onClick,a=e.open,o=e.data,l=e.dropdownLabel,s=1==n.length&&1==o.length,u=n.length>0&&!s;return c.a.createElement("div",{className:"h5p-hub-filter-button"},c.a.createElement("button",{tabIndex:"-1",className:a?"h5p-hub-open":s?"h5p-hub-one-checked":u?"h5p-hub-filter-checked":"",onClick:function(e){e.stopPropagation(),i(r)},ref:t},l,c.a.createElement("div",{className:s?"h5p-hub-icon h5p-hub-check":"h5p-hub-icon"},u&&"(".concat(n.length,")"))))})));Fe.propTypes={checked:C.a.array,id:C.a.string.isRequired,onClick:C.a.func.isRequired,open:C.a.bool.isRequired,data:C.a.array,dropdownLabel:C.a.string.isRequired};var _e=Fe,Ue=(n(74),n(75),c.a.forwardRef((function(e,t){var n=e.id,r=e.label,i=e.checked,a=e.filter,o=e.onChecked,l=e.focused,s=e.checkboxChildren,u=e.navigateToChildren,f=e.parent,d=e.checkedNumber,p=e.tabIndex,h=e.children;return c.a.createElement("li",{ref:t,id:"h5p-hub-"+n,key:a+n,className:"h5p-hub-checkbox ".concat(i?"h5p-hub-checked ":""," ").concat(l?"h5p-hub-highlighted":""," ").concat(s?"h5p-hub-parent":""),role:"checkbox","aria-checked":i,"aria-label":r,onClick:function(){return s?u(n,s):o(a,n,!i)},tabIndex:p||"0",onKeyDown:function(e){"Enter"!==e.key&&" "!=e.key||(o(a,n,!i),e.preventDefault())}},c.a.createElement("div",{className:"h5p-hub-content",key:"label"+n},c.a.createElement("div",{className:"h5p-hub-icon",onClick:function(e){return s?function(e,t,n,r){r.stopPropagation(),o(e,t,n,f)}(a,n,!i,e):{}}}),c.a.createElement("div",{className:"h5p-hub-label-text"},h||r,d>0&&" (".concat(d,")"))))})));Ue.propTypes={id:C.a.string.isRequired,label:C.a.string.isRequired,onChecked:C.a.func.isRequired,checked:C.a.bool.isRequired,filter:C.a.string.isRequired,focused:C.a.bool,children:C.a.any,checkboxChildren:C.a.array,navigateToChildren:C.a.func,parent:C.a.string,tabIndex:C.a.string,checkedNumber:C.a.any};var Qe=Ue,Ye=function(e,t){return-1!=t.indexOf(e)},Be=function(e,t,n){return(e?e.filter((function(e){return Ye(e.id,n)})).length:0)+(-1===n.indexOf(t.id)?0:1)},We=c.a.forwardRef((function(e,t){var n=e.items,r=e.onChecked,i=e.checked,a=e.filter,o=e.focused,l=e.navigateToChildren,s=e.parent,f=e.listRefId,d=e.getDescendants,p=e.tabIndex,h=e.appliedSearch,m=e.navigateDirection,y=e.setNavigateDirection;return Object(u.useEffect)((function(){y&&setTimeout((function(){y("")}),350)}),[n]),c.a.createElement("ul",{className:"h5p-hub-checkbox-list ".concat(m?"h5p-hub-animate-in-".concat(m):""),role:"group","aria-labelledby":a.label,ref:t&&t[f]},n.map((function(e){return c.a.createElement(Qe,{key:s+e.id,id:e.id,label:e.label,checked:Ye(e.id,i),filter:a,onChecked:r,focused:o==e.id,checkboxChildren:e.children,navigateToChildren:l,parent:s,checkedNumber:e.children&&Be(d(e),e,h),ref:t&&t[e.id],tabIndex:p})})))}));We.propTypes={items:C.a.array,onChecked:C.a.func.isRequired,checked:C.a.array,filter:C.a.string.isRequired,focused:C.a.string,navigateToChildren:C.a.func,parent:C.a.string,listRefId:C.a.string,tabIndex:C.a.string,getDescendants:C.a.func,appliedSearch:C.a.array,navigateDirection:C.a.string,setNavigateDirection:C.a.func};var Ve=We,qe=(n(76),c.a.forwardRef((function(e,t){var n=e.onChecked,r=e.checked,i=e.filter,a=e.focused,o=e.parent,l=e.listRefId,s=e.getDescendants,u=e.tabIndex,f=e.categoryList,d=e.searchValue,p=e.categoryRefId,h=e.appliedSearch,m=function(e){return e.map((function(e){return c.a.createElement("div",{key:o+e.id},c.a.createElement(Qe,{key:o+e.id,id:e.id,label:e.label,checked:Ye(e.id,r),filter:i,onChecked:n,focused:a===e.id,parent:o,checkedNumber:Be(s(e),e,h),ref:t&&t[e.id],tabIndex:u},d.length>1&&function(e,t){for(var n=[],r=t.length,i=0;i<e.length;i++)-1!==e.slice(i,i+r).toLowerCase().indexOf(t.toLowerCase())&&(n.push(i),i+=r);var a=[c.a.createElement("span",{key:"checkbox-span-bold-start"},e.slice(0,n[0]))];return n.forEach((function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;a.push(c.a.createElement("span",{key:"checkbox-span-"+i,className:"h5p-hub-non-bold"},e.slice(t,t+r))),n[i+1]?a.push(c.a.createElement("span",{key:"checkbox-span-bold-"+i},e.slice(t+r,n[i+1]))):a.push(c.a.createElement("span",{key:"checkbox-span-bold-"+i},e.slice(t+r))),i+=1})),a.map((function(e){return e}))}(e.label,d)))}))};return c.a.createElement("ul",{className:"h5p-hub-checkbox-list",role:"group","aria-labelledby":i.label,ref:t&&t[l]},f.map((function(e){return c.a.createElement("div",{key:"headers-"+e.id,className:e.noLine?"":"h5p-hub-bottom-line"},c.a.createElement("div",null,null!==e.catNoParent?m([e.catNoParent]):null),e.children&&c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{key:e,ref:t[p+e.id],className:"h5p-hub-category-header"},"".concat(Q.get("in")," ").concat(e.label)),m(e.children)))})))})));qe.propTypes={onChecked:C.a.func.isRequired,checked:C.a.array,filter:C.a.string.isRequired,focused:C.a.string,parent:C.a.string,listRefId:C.a.string.isRequired,tabIndex:C.a.string,categoryRefId:C.a.string.isRequired,checkedParents:C.a.array,getDescendants:C.a.func.isRequired,categoryList:C.a.array.isRequired,searchValue:C.a.string.isRequired,appliedSearch:C.a.array};var He=qe,Ge=(n(77),c.a.forwardRef((function(e,t){var n=e.value,r=e.onSearch,i=e.onNavigateVertical,a=e.onSelect,o=e.placeholder,l=e.onClick,s=e.onNavigateSideway,u=e.onFocus,f=e.inSearch;return c.a.createElement("div",{onMouseDown:l,className:"h5p-hub-search-button"},c.a.createElement("div",{className:"h5p-hub-search-field",role:"search"},c.a.createElement("input",{className:"h5p-hub-filter-search-bar",type:"text",value:n,"aria-label":o,placeholder:o,ref:t,onKeyDown:function(e){return function(e){switch(e.key){case"ArrowUp":i(-1),e.preventDefault();break;case"ArrowDown":i(1),e.preventDefault();break;case"ArrowRight":f||(s(1),e.preventDefault());break;case"ArrowLeft":f||(s(-1),e.preventDefault());break;case"Enter":a(),e.preventDefault()}}(e)},onChange:function(e){var t=e.target;r(t.value)},onFocus:u}),c.a.createElement("div",{className:"h5p-hub-icon-arrow"})))})));Ge.propTypes={value:C.a.string,onSearch:C.a.func.isRequired,onNavigateVertical:C.a.func.isRequired,onNavigateSideway:C.a.func.isRequired,onSelect:C.a.func.isRequired,placeholder:C.a.string.isRequired,onClick:C.a.func.isRequired,onFocus:C.a.func,inSearch:C.a.bool},Ge.defaultProps={onNavigateVertical:function(){},onNavigateSideway:function(){},onSelect:function(){}};var Ze=Ge;n(78);function Ke(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Xe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Xe(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return o=e.done,e},e:function(e){l=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(l)throw a}}}}function Xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Je(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Je(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function et(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var tt=function(e){y()(n,e);var t=et(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleClearSearch",(function(){r.setState({checkboxElements:r.props.items.sort(r.compare),searchValue:"",inSearch:!1,categoryList:[],dropdownOpen:!0}),r.searchRef.current.focus()})),M()(h()(r),"handleOnSearch",(function(e){if(""===e)r.handleClearSearch();else if(1===e.length)r.setState({searchValue:e,checkboxElements:r.props.items,dropdownOpen:!0,parent:[],inSearch:!0,focused:null,categoryList:[]});else{var t=[],n=[];r.props.category?(n=r.makeCategorySearchList(e)).forEach((function(e){e.catNoParent&&t.push(e.catNoParent),t.push.apply(t,e.children)})):t=r.leafs&&r.leafs.filter((function(t){return RegExp(e.toUpperCase()).test(t.label.toUpperCase())})).sort(r.compare),r.setState({checkboxElements:t,searchValue:e,dropdownOpen:!0,parent:[],inSearch:!0,focused:null,categoryList:n})}})),M()(h()(r),"makeCategorySearchList",(function(e){for(var t=[],n=0;n<r.props.items.length;n++){var i=r.props.items[n],a=RegExp(e.toUpperCase()).test(i.label.toUpperCase())&&r.getCheckboxFromId(i.id,r.props.items),o=[];i.children&&(o=i.children.filter((function(t){return RegExp(e.toUpperCase()).test(t.label.toUpperCase())}))),o.length>0?t.push({id:i.id,label:i.label,children:o,catNoParent:a?i:null}):a&&t.push({id:i.id,label:i.label,catNoParent:i})}for(var l=0;l<t.length;l++){var s=t[l];t[l+1]&&s.children&&-1!==s.children.map((function(e){return e.id})).indexOf(t[l+1].id)&&(t[l]=$e($e({},s),{},{noLine:!0}))}return t[t.length-1]=$e($e({},t[t.length-1]),{},{noLine:!0}),t})),M()(h()(r),"handleSearchFocus",(function(){r.click||r.state.dropdownOpen||(r.click=setTimeout((function(){r.setState({dropdownOpen:!0}),r.click=null}),100))})),M()(h()(r),"handleSearchClick",(function(){r.click||(r.click=setTimeout((function(){r.setState((function(e){return{dropdownOpen:r.props.dropdownAlwaysOpen||!e.dropdownOpen}})),r.click=null}),100))})),M()(h()(r),"handleChecked",(function(e,t,n){if(r.state.dropdownOpen&&t&&r.state.checkboxElements[r.indexOfId(t)]){if(r.setState({setFocus:!0,focused:t}),r.state.checkboxElements[r.indexOfId(t)].children){var i=r.getCheckboxFromId(t,r.parents),a=r.getDescendants(i).map((function(e){return e.id}));r.props.handleChecked(e,[t].concat(De()(a)),n)}else r.props.handleChecked(e,t,n);r.searchRef.current.focus()}})),M()(h()(r),"setParentsChecked",(function(){var e=[];r.parents.forEach((function(t){return r.checkedOf(r.getDescendants(t),r.props.checked)?e.push(t.id):{}})),r.setState({checkedParents:e})})),M()(h()(r),"handleNavigateVertical",(function(e){var t=r.indexOfId(r.state.focused)+e,n=r.state.checkboxElements[t];if(r.state.dropdownOpen&&t!==r.state.checkboxElements.length&&void 0===n)r.setState({focused:r.state.checkboxElements.map((function(e){return e.id}))[0]}),r.checkboxRefs[r.listRefId].current.scrollTop=0;else if(r.state.dropdownOpen&&t!==r.state.checkboxElements.length){r.setState({focused:n.id});var i=r.checkboxRefs[r.state.checkboxElements[0].id].current.offsetHeight,a=r.checkboxRefs[r.listRefId].current.offsetHeight,o=r.state.parent?i:0,l=0,s=0;if(r.state.categoryList.length>0){l=r.checkboxRefs[r.categoryRefId+r.state.categoryList[0].id].current.offsetHeight;var u,c=0,f=Ke(r.state.categoryList);try{for(f.s();!(u=f.n()).done;){var d=u.value;if(d.catNoParent&&(c+=1),c>t)break;c+=d.children.length,s+=1}}catch(e){f.e(e)}finally{f.f()}}var p=o+(t+1)*i+s*l-a;r.checkboxRefs[r.listRefId].current.scrollTop=p}})),M()(h()(r),"handleNavigateSideway",(function(e){r.state.dropdownOpen&&-1==e&&r.state.parent?r.navigateToParent():r.state.dropdownOpen&&1==e&&r.state.focused&&r.getCheckboxFromId(r.state.focused,r.parents)&&r.navigateToChildren(r.state.focused,r.getCheckboxFromId(r.state.focused,r.parents).children)})),M()(h()(r),"navigateToChildren",(function(e,t){r.setState({checkboxElements:t,parent:[].concat(De()(r.state.parent),[e]),navigateDirection:"right"}),r.searchRef.current.focus()})),M()(h()(r),"navigateToParent",(function(){var e=r.state.parent[r.state.parent.length-2],t=r.getCheckboxFromId(e,r.parents)&&r.getCheckboxFromId(e,r.parents).children,n=r.state.parent,i=n.pop();r.setState({parent:n,checkboxElements:t||r.props.items.sort(r.compare),focused:i,navigateDirection:"left"}),r.searchRef.current.focus()})),M()(h()(r),"compare",(function(e,t){var n=e.label.toUpperCase(),r=t.label.toUpperCase();return n<r?-1:n>r?1:void 0})),M()(h()(r),"getDescendants",(function(e){if(null===e)return[];for(var t=[],n=[e];n.length>0;){var r=n.pop();r&&r.children&&(t.concat(r.children),r.children.forEach((function(e){t.push(e),n.push(e)})))}return t})),M()(h()(r),"setParentsAndLeafs",(function(e){for(var t=0;t<e.length;t++){var n=e[t];n.children?(r.parents.push(n),r.setParentsAndLeafs(n.children)):null===r.getCheckboxFromId(n.id,r.leafs)&&r.leafs.push(n)}})),M()(h()(r),"getCheckboxFromId",(function(e,t){for(var n=0;n<t.length;n++)if(t[n].id===e)return t[n];return null})),M()(h()(r),"indexOfId",(function(e){return r.state.checkboxElements.map((function(e){return e.id})).indexOf(e)})),r.state={checkboxElements:r.props.items.sort(r.compare),searchValue:"",dropdownOpen:!1,setFocus:!1,focused:null,checkedParents:[],parent:[],inSearch:!1,categoryList:[],navigateDirection:""},r.searchRef=c.a.createRef(),r.leafs=[],r.allParents=[],r.parents=[],r.checkboxRefs={},r.listRefId="list",r.categoryRefId="category",r.checkboxRefs[r.listRefId]=c.a.createRef(),r.setParentsAndLeafs(r.props.items),r.parents.forEach((function(e){r.checkboxRefs[e.id]=c.a.createRef(),r.checkboxRefs[r.categoryRefId+e.id]=c.a.createRef()})),r.leafs.forEach((function(e){return r.checkboxRefs[e.id]=c.a.createRef()})),r}return s()(n,[{key:"componentDidMount",value:function(){this.setParentsChecked(),this.props.dropdownAlwaysOpen&&this.setState({dropdownOpen:!0})}},{key:"componentWillUnmount",value:function(){this.setState({parent:[],focused:null,inSearch:!1,dropdownOpen:this.props.dropdownAlwaysOpen})}},{key:"componentDidUpdate",value:function(e){e.checked!==this.props.checked&&this.setParentsChecked([],!1)}},{key:"checkedOf",value:function(e,t){return Array.isArray(e)&&t?!!t&&e.filter((function(e){return-1!==t.indexOf(e.id)})).length>0:-1!=this.props.checked.indexOf(e)||-1!==this.state.checkedParents.indexOf(e)}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"h5p-hub-search-filter"},c.a.createElement(Ze,{ref:this.searchRef,value:this.state.searchValue,onSearch:this.handleOnSearch,placeholder:this.props.dictionary.searchPlaceholder,onClick:this.handleSearchClick,onNavigateVertical:this.handleNavigateVertical,onSelect:function(){return e.handleChecked(e.props.filter,e.state.focused,!e.checkedOf(e.state.focused),e.state.parent[e.state.parent.length-1])},onNavigateSideway:this.handleNavigateSideway,onFocus:this.handleSearchFocus,inSearch:this.state.inSearch}),this.state.parent.length>0&&this.state.dropdownOpen&&c.a.createElement("div",{className:"h5p-hub-navigate-parent"},c.a.createElement("button",{onClick:this.navigateToParent,"aria-label":Q.get("navigateToParent")}),this.getCheckboxFromId(this.state.parent[this.state.parent.length-1],this.parents).label),this.state.searchValue.length>0&&c.a.createElement("button",{onClick:this.handleClearSearch,className:"h5p-hub-clear-button"}),this.state.dropdownOpen&&this.props.items&&(!this.props.category||this.state.searchValue.length<2)&&c.a.createElement(Ve,{onChecked:this.handleChecked,items:this.state.checkboxElements,checked:this.props.checked.concat(this.state.checkedParents),checkedParents:this.state.checkedParents,filter:this.props.filter,focused:this.state.focused,navigateToChildren:this.navigateToChildren,parent:this.state.parent[this.state.parent.length-1],ref:this.checkboxRefs,listRefId:this.listRefId,getDescendants:this.getDescendants,tabIndex:"-1",appliedSearch:this.props.checked,navigateDirection:this.state.navigateDirection,setNavigateDirection:function(t){return e.setState({navigateDirection:t})}}),this.state.dropdownOpen&&this.props.items&&this.props.category&&(this.state.categoryList.length>0||this.state.categoryList.topCategories)&&this.state.inSearch&&c.a.createElement(He,{onChecked:this.handleChecked,checked:this.props.checked.concat(this.state.checkedParents),checkedParents:this.state.checkedParents,filter:this.props.filter,focused:this.state.focused,ref:this.checkboxRefs,listRefId:this.listRefId,getDescendants:this.getDescendants,tabIndex:"-1",categoryList:this.state.categoryList,searchValue:this.state.searchValue,categoryRefId:this.categoryRefId,appliedSearch:this.props.checked}))}}]),n}(c.a.Component);tt.propTypes={items:C.a.array,handleChecked:C.a.func.isRequired,checked:C.a.array,filter:C.a.string.isRequired,dictionary:C.a.object.isRequired,category:C.a.bool,dropdownAlwaysOpen:C.a.bool};var nt=tt;function rt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function it(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rt(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function at(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var ot=function(e){y()(n,e);var t=at(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"showClearFilters",(function(){var e=!1;return Object.keys(r.props.checked).forEach((function(t){r.props.checked[t].length>0&&r.props.clearFilterExceptions&&-1===r.props.clearFilterExceptions.indexOf(t)&&(e=!0)})),e})),M()(h()(r),"clearFilters",(function(){for(var e={},t=0;t<r.props.clearFilterExceptions.length;t++){var n=r.props.clearFilterExceptions[t];e[n]=r.props.checked[n]}r.props.setChecked(e),r.props.applyFilters(e)})),M()(h()(r),"handleFilterButtonClicked",(function(e){var t=r.state.openFilter===e;r.setState({openFilter:t?"":e}),t&&r.props.applyFilters(r.props.checked)})),M()(h()(r),"handleFilterClosed",(function(e){var t=e.split("-").pop();r.state.openFilter.split("-").pop()===t&&r.setState({openFilter:""}),r.props.applyFilters(r.props.checked)})),M()(h()(r),"handleChecked",(function(e,t,n){if(Array.isArray(t)){if(null==r.props.checked[e]&&null!=t)r.props.setChecked(it(it({},r.props.checked),{},M()({},e,t)));else if(null!=t){var i=n?r.props.checked[e].filter((function(e){return-1==t.indexOf(e)})).concat(t):r.props.checked[e].filter((function(e){return-1==t.indexOf(e)}));r.props.setChecked(it(it({},r.props.checked),{},M()({},e,i)))}}else if(null==r.props.checked[e]&&null!=t)r.props.setChecked(it(it({},r.props.checked),{},M()({},e,[t])));else if(null!=t){var a=n?[].concat(De()(r.props.checked[e]),[t]):r.props.checked[e].filter((function(e){return e!=t}));r.props.setChecked(it(it({},r.props.checked),{},M()({},e,a)))}})),M()(h()(r),"findFilterById",(function(e){for(var t=e.replace("h5p-hub-filter-button-",""),n=0;n<r.props.filters.length;n++)if(r.props.filters[n].id===t)return r.props.filters[n]})),r.state={openFilter:""},r.filterBarRef=c.a.createRef(),r.filterButtons={},r.props.filters.forEach((function(e){r.filterButtons[e.id]=c.a.createRef()})),r}return s()(n,[{key:"render",value:function(){var e=this,t=this.props.filters.map((function(t){return c.a.createElement("li",{key:t.id,id:"h5p-hub-filter-button-"+t.id},c.a.createElement(_e,{id:"h5p-hub-filter-button-"+t.id,dropdownLabel:t.dictionary.dropdownLabel,onClick:e.handleFilterButtonClicked,checked:e.props.checked[t.id]?e.props.checked[t.id]:[],open:e.state.openFilter==t.id,data:e.props.metaData[t.id],ref:e.filterButtons[t.id]}))})),n=this.findFilterById(this.state.openFilter);return c.a.createElement("div",{className:"h5p-hub-filter-bar",ref:this.filterBarRef},c.a.createElement("div",{className:"h5p-hub-filter-label",id:"h5p-hub-content-hub-filter-label"},this.props.label),c.a.createElement("ul",{className:"h5p-hub-filter-buttons","aria-labelledby":"h5p-hub-content-hub-filter-label"},c.a.createElement(H,{selected:this.open,onChange:this.handleFilterButtonClicked},t)),n&&c.a.createElement(ze,{id:"h5p-hub-"+n.id,key:n.id,dictionary:n.dictionary,data:this.props.metaData[n.id],onFilterClosed:this.handleFilterClosed,checked:this.props.checked[n.id]?this.props.checked[n.id]:[],handleChecked:this.handleChecked,toggleButtonRef:this.filterButtons[n.id],filterBarRef:this.filterBarRef,failedDataFetch:this.props.failedDataFetch[n.id]},"checkboxList"===n.type&&this.props.metaData[n.id]&&c.a.createElement(Ve,{onChecked:this.handleChecked,items:this.props.metaData[n.id],checked:this.props.checked[n.id]?this.props.checked[n.id]:[],filter:n.id}),"search"===n.type&&this.props.metaData[n.id]&&c.a.createElement(nt,{handleChecked:this.handleChecked,items:this.props.metaData[n.id],checked:this.props.checked[n.id]?this.props.checked[n.id]:[],filter:n.id,dictionary:n.dictionary,dropdownAlwaysOpen:!0}),"categorySearch"===n.type&&this.props.metaData[n.id]&&c.a.createElement(nt,{handleChecked:this.handleChecked,items:this.props.metaData[n.id],checked:this.props.checked[n.id]?this.props.checked[n.id]:[],filter:n.id,dictionary:n.dictionary,category:!0,dropdownAlwaysOpen:!0})),this.showClearFilters()&&c.a.createElement("div",{className:"h5p-hub-clear-filters"},c.a.createElement("button",{onClick:this.clearFilters,"aria-label":Q.get("clearFilters")},Q.get("clearFilters"))))}}]),n}(c.a.Component);ot.propTypes={label:C.a.string.isRequired,filters:C.a.array.isRequired,applyFilters:C.a.func.isRequired,metaData:C.a.object.isRequired,failedDataFetch:C.a.object.isRequired,checked:C.a.object.isRequired,setChecked:C.a.func.isRequired,clearFilterExceptions:C.a.array};var lt=ot,st=(n(79),function(e){var t=e.label,n=Object(u.useRef)(null);return c.a.createElement(ke.a,{isOpen:!0,contentLabel:t,className:"h5p-hub-downloading-modal",overlayClassName:"h5p-hub-downloading-modal-overlay",aria:{label:t},appElement:document.getElementById("h5p-hub-panel"),parentSelector:function(){return document.getElementById("h5p-hub")},onAfterOpen:function(){n.current.focus()}},c.a.createElement("img",{className:"h5p-hub-spinner",src:"data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PGc+PHBhdGggeG1sbnM6ZGVmYXVsdD0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJjaXJjbGUtby1ub3RjaCIgZD0iTTIxLjAxLDEyYzAuMDItMS40Ni0wLjMyLTIuOS0xLTQuMmMtMS4zMy0yLjU2LTMuOC00LjMyLTYuNjUtNC43NXYyLjM4YzEuNSwwLjI5LDIuODYsMS4xMSwzLjgyLDIuMyAgYzEuNTgsMS45LDEuOTcsNC41MywxLDYuODFjLTAuNjcsMS42MS0xLjk0LDIuODgtMy41NSwzLjU1Yy0xLjY1LDAuNzEtMy41MiwwLjcxLTUuMTcsMGMtMS42MS0wLjY3LTIuODgtMS45NC0zLjU1LTMuNTUgIGMtMC45Ny0yLjI4LTAuNTgtNC45MSwxLTYuODFjMC45Ni0xLjE5LDIuMzItMi4wMSwzLjgyLTIuM1YzLjA1QzcuODUsMy40NSw1LjM1LDUuMjIsNC4wMSw3LjhjLTEuMjMsMi4zOC0xLjM0LDUuMTgtMC4zLDcuNjUgIGMwLjksMi4xNywyLjYzLDMuOSw0LjgsNC43OWMyLjI0LDAuOTUsNC43NiwwLjk1LDcsMGMyLjE2LTAuOSwzLjg4LTIuNjIsNC43OC00Ljc4QzIwLjc2LDE0LjM3LDIxLDEzLjE5LDIxLjAxLDEyTDIxLjAxLDEyeiIgc3R5bGU9ImZpbGw6IHJnYigxOCwgMTgsIDE4KTsiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIvPjwvZz48L3N2Zz4=","aria-hidden":"true"}),c.a.createElement("span",{className:"h5p-hub-downloading-message",tabIndex:"-1",ref:n},t))});st.propTypes={label:C.a.string.isRequired};var ut=st;n(80);function ct(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var ft=function(e){y()(n,e);var t=ct(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleInput",(function(e){var t=e.target;t.value!==r.state.value&&(r.setState({value:t.value}),r.props.auto&&!r.searchTimer&&(r.searchTimer=setTimeout((function(){r.props.onSearch(t.value),r.searchTimer=null}),40)))})),M()(h()(r),"handleKeyDown",(function(e){switch(e.which){case 38:r.props.onNavigate(-1),e.preventDefault();break;case 40:r.props.onNavigate(1),e.preventDefault();break;case 13:r.props.auto?r.props.onSelect():r.props.onSearch(e.target.value),e.preventDefault()}})),M()(h()(r),"handleClick",(function(){r.props.onSearch(r.input.value)})),r.state={value:""},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.value!==this.state.value&&this.setState({value:e.value}),e.setFocus!==this.props.setFocus&&this.setState({focusOnRender:e.setFocus})}},{key:"componentDidUpdate",value:function(){this.state.focusOnRender&&(delete this.state.focusOnRender,this.input.focus())}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"h5p-hub-search-wrapper",role:"search"},c.a.createElement("div",{className:"h5p-hub-border-wrap"},c.a.createElement("input",{className:"h5p-hub-search-bar",type:"text",defaultValue:this.state.value,"aria-label":this.props.placeholder,placeholder:this.props.placeholder,onInput:this.props.instantSearch?this.handleInput:function(){},onKeyDown:function(t){return e.handleKeyDown(t)},ref:function(t){return e.input=t}}),c.a.createElement("div",{className:"h5p-hub-icon-search",onClick:this.handleClick})))}}]),n}(c.a.Component);ft.propTypes={value:C.a.string,auto:C.a.bool.isRequired,setFocus:C.a.bool,onSearch:C.a.func.isRequired,onNavigate:C.a.func.isRequired,onSelect:C.a.func.isRequired,instantSearch:C.a.bool,placeholder:C.a.string.isRequired},ft.defaultProps={instantSearch:!1,onNavigate:function(){},onSelect:function(){},auto:!1,setFocus:!1};var dt=ft;n(81);function pt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var ht=function(e){y()(n,e);var t=pt(n);function n(){return o()(this,n),t.apply(this,arguments)}return s()(n,[{key:"render",value:function(){var e=this,t=this.props.type||"div";return c.a.createElement(t,i()({},this.props.buttonProps,{role:"button",tabIndex:"0",onClick:function(){return e.props.onButtonClick()},onKeyPress:function(t){return A(t,e.props.onButtonClick)}}),this.props.children)}}]),n}(c.a.Component);ht.propTypes={onButtonClick:C.a.func,buttonProps:C.a.object,type:C.a.string};var mt=ht;n(82);function yt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var gt=function(e){y()(n,e);var t=yt(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"closeModal",(function(){document.getElementById(r.props.appElementId).removeAttribute("aria-hidden"),r.props.onClose()})),r}return s()(n,[{key:"render",value:function(){var e=this,t={className:"h5p-hub-lightbox-close","aria-label":Q.get("close")};return c.a.createElement(ke.a,{isOpen:!0,onRequestClose:this.closeModal,contentLabel:this.props.label,className:"h5p-hub-lightbox-inner ".concat(this.props.className),overlayClassName:"h5p-hub-lightbox",aria:this.props.aria,appElement:document.getElementById(this.props.appElementId),parentSelector:function(){return document.getElementById(e.props.parentId)}},c.a.createElement(mt,{buttonProps:t,onButtonClick:this.closeModal}),this.props.children)}}]),n}(c.a.Component);gt.propTypes={onClose:C.a.func.isRequired,aria:C.a.shape({label:C.a.string,labelledby:C.a.string,describedby:C.a.string}),className:C.a.string.isRequired,parentId:C.a.string.isRequired,appElementId:C.a.string.isRequired};var bt=gt;n(83);function vt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var wt=function(e){y()(n,e);var t=vt(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"onWindowResized",(function(){if(r.carousel){for(var e=r.carousel.offsetWidth,t=5,n=0;n<Lt.length;n++)if(e<Lt[n].breakpoint){t=Lt[n].imagesToShow;break}r.state.imagesToShow!=t&&r.setState({imagesToShow:t,offset:0,selected:0})}})),M()(h()(r),"handleImageSelected",(function(e){r.props.onImageSelect&&r.props.onImageSelect(e)})),M()(h()(r),"previousSlide",(function(){r.setState((function(e){var t=e.offset-1;if(t>=0)return{offset:t,selected:t}}))})),M()(h()(r),"nextSlide",(function(){r.setState((function(e,t){var n=e.offset+1;if(n<t.images.length)return{offset:n,selected:n}}))})),M()(h()(r),"handleGlobalKeyDown",(function(e){39===e.which?r.nextSlide():37===e.which&&r.previousSlide()})),r.state={imagesToShow:r.props.imagesToShow||5,offset:r.props.selected||0,selected:r.props.selected||0,modalIsOpen:!1,focusOnRender:!1},r}return s()(n,[{key:"componentDidMount",value:function(){this.props.imagesToShow||window.addEventListener("resize",this.onWindowResized)}},{key:"componentWillUnmount",value:function(){this.props.imagesToShow||window.removeEventListener("resize",this.onWindowResized)}},{key:"shouldComponentUpdate",value:function(e,t){return!(this.state.focusOnRender&&!t.focusOnRender)}},{key:"moveFocus",value:function(e){var t=this;this.setState((function(n){var r=n.selected+e;if(r>=0&&r<t.props.images.length){var i=n.offset;return r<n.offset?i=n.offset-1:r>=n.offset+n.imagesToShow&&(i=n.offset+1),{selected:r,focusOnRender:!0,offset:i}}}))}},{key:"componentWillReceiveProps",value:function(e){this.setState({selected:e.selected||0,offset:0})}},{key:"componentDidUpdate",value:function(){this.state.focusOnRender&&(this.items[this.state.selected].focus(),this.scroller.scrollLeft=0,this.setState({focusOnRender:!1}))}},{key:"handleKeyDown",value:function(e,t){if(!e.defaultPrevented){var n=!1;switch(e.which){case 37:case 38:this.moveFocus(-1),n=!0;break;case 39:case 40:this.moveFocus(1),n=!0;break;case 32:case 13:this.handleImageSelected(t),n=!0}n&&(e.stopPropagation(),e.preventDefault())}}},{key:"render",value:function(){var e=this,t=this.props.images;if(!t||!t.length)return null;var n=this.state.imagesToShow,r=t.length,i={width:100/r+"%"},a=100*r/n,o={width:"".concat(a,"%"),marginLeft:"-".concat(this.state.offset*(a/r),"%")};this.items=[];var l=t.map((function(t,n){return c.a.createElement("li",{key:n,style:i,tabIndex:n===e.state.selected?0:-1,onKeyDown:function(t){return e.handleKeyDown(t,n)},onClick:function(){return e.handleImageSelected(n)},ref:function(t){return t?e.items.push(t):void 0}},c.a.createElement("img",{src:t.url,alt:t.alt,className:e.props.onImageSelect?"h5p-hub-selectable":""}))})),s=0===this.state.offset,u=this.state.imagesToShow+this.state.offset>=r,f=r>this.state.imagesToShow;return c.a.createElement("div",{className:"h5p-hub-carousel",role:"region","aria-label":Q.get("screenshots"),ref:function(t){return e.carousel=t},onKeyDown:this.handleGlobalKeyDown},f&&c.a.createElement(Mt,{type:"prev",label:Q.get("previousImage"),onClick:this.previousSlide,disabled:s}),c.a.createElement("nav",{className:"h5p-hub-scroller",ref:function(t){return e.scroller=t}},c.a.createElement("ul",{style:o,onTransitionEnd:O},l)),f&&c.a.createElement(Mt,{type:"next",label:Q.get("nextImage"),onClick:this.nextSlide,disabled:u}),this.props.showProgress&&c.a.createElement("div",{className:"h5p-hub-progress",role:"alert"},Q.get("imageLightBoxProgress").replace(":num",this.state.offset+1).replace(":total",r)))}}]),n}(c.a.Component),Lt=[{breakpoint:576,imagesToShow:2},{breakpoint:768,imagesToShow:3},{breakpoint:992,imagesToShow:4}],Mt=function(e){var t=e.onClick,n=e.type,r=e.disabled,i=e.label;return c.a.createElement("button",{className:"h5p-hub-navigation h5p-hub-"+n,"aria-disabled":r,"aria-label":i,disabled:r,onClick:t})};wt.propTypes={onImageSelect:C.a.func,imagesToShow:C.a.number,showProgress:C.a.bool.isRequired,selected:C.a.number,images:C.a.arrayOf(C.a.shape({url:I,alt:I})).isRequired};var Et=wt;n(84);function Ct(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var St=function(e){y()(n,e);var t=Ct(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleToggle",(function(e){e.preventDefault(),r.setState({expanded:!r.state.expanded})})),M()(h()(r),"handleKeyPress",(function(e){32===e.which&&r.handleToggle(e)})),r.state={expanded:!1},r}return s()(n,[{key:"render",value:function(){var e=this.props.text;if(!e)return null;var t=e.length>this.props.maxLength,n=t?e.substr(0,this.props.maxLength):e,r=t?e.substr(this.props.maxLength):"";return t&&!this.state.expanded&&(n+="…"),c.a.createElement("p",{className:"small h5p-read-more"},c.a.createElement("span",{tabIndex:"-1"},n),t&&[c.a.createElement("span",{key:"part-two",tabIndex:"-1",className:this.state.expanded?"":"h5p-hub-hidden"},r),c.a.createElement("a",{href:"#",key:"button",className:"h5p-hub-link "+(this.state.expanded?"h5p-hub-read-less":"h5p-hub-read-more"),onClick:this.handleToggle,onKeyPress:this.handleKeyPress},Q.get(this.state.expanded?"readLess":"readMore"))])}}]),n}(c.a.Component);n(85);function Tt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var xt=function(e){y()(n,e);var t=Tt(n);function n(e){var r;return o()(this,n),(r=t.call(this,e)).state={expanded:e.expanded},r}return s()(n,[{key:"handleToggle",value:function(e){this.setState({expanded:this.state.expanded===e.props.id?void 0:e.props.id})}},{key:"render",value:function(){var e=this,t=c.a.Children.map(this.props.children,(function(t){var n={className:"h5p-hub-accordion-toggler","aria-expanded":e.state.expanded===t.props.id};return c.a.createElement("div",null,c.a.createElement("dt",{"aria-level":"2",role:"heading",className:"h5p-hub-accordion-heading"},c.a.createElement(mt,{buttonProps:n,onButtonClick:function(){return e.handleToggle(t)}},c.a.createElement("span",{className:"h5p-hub-icon-accordion-arrow"}),c.a.createElement("span",null,t.props.header))),c.a.createElement("dl",{role:"region",className:"h5p-hub-accordion-region"+(e.state.expanded==t.props.id?"":" hidden")},c.a.createElement("div",{className:"h5p-hub-panel-body"},t)))}));return c.a.createElement("dl",{className:"h5p-hub-accordion"},t)}}]),n}(c.a.Component),Nt=(n(86),function(e){var t=e.content,n=e.licenseInfo;return c.a.createElement(xt,null,n,c.a.createElement("div",{header:Q.get("contentPublisherPanelHeader"),className:"h5p-hub-publisher-info"},c.a.createElement("h3",{className:"h5p-hub-publisher-name"},t.publisher.name),c.a.createElement("img",{className:"h5p-hub-publisher-image",src:t.publisher.logo}),c.a.createElement("div",{className:"h5p-hub-publisher-description"},t.publisher.description)))});Nt.propTypes={content:F,licenseInfo:C.a.element};var Dt=Nt,jt=(n(87),function(e){var t=e.id,n=Se.getLicense(t);return c.a.createElement("div",null,c.a.createElement("div",{className:"h5p-hub-modal-header"},Q.get("licenseModalTitle")),c.a.createElement("div",{className:"h5p-hub-modal-content"},c.a.createElement("h5",{id:"h5p-hub-license-details-id",className:"h5p-hub-modal-title"},t),c.a.createElement(X.b,{promise:n()},c.a.createElement(X.b.Pending,null,c.a.createElement("div",{id:"h5p-hub-license-details-description",className:"h5p-hub-loading"})),c.a.createElement(X.b.Fulfilled,null,(function(e){return c.a.createElement("div",{id:"h5p-hub-license-details-description",dangerouslySetInnerHTML:{__html:e}})})))))});jt.propTypes={id:C.a.string.isRequired};var kt=jt,It=(n(88),function(e){var t=e.content;return c.a.createElement("ul",null,c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-owner",className:"h5p-hub-label"},Q.get("by"),": "),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-owner",className:"h5p-hub-content"},t.owner)),c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-h5p-type",className:"h5p-hub-label"},Q.get("h5pType")+": "),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-h5p-type",className:"h5p-hub-content"},t.h5pTitle)),c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-language",className:"h5p-hub-label"},Q.get("language"),": "),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-language",className:"h5p-hub-content"},t.language)),t.disciplines&&t.disciplines.length?c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-discipline",className:"h5p-hub-label h5p-hub-capitalize"},Q.get("in"),":"),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-discipline",className:"h5p-hub-content"},t.disciplines)):null,t.level&&c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-level",className:"h5p-hub-label"},Q.get("level"),": "),c.a.createElement("span",{className:"h5p-hub-content h5p-hub-capitalize","aria-labelledby":"h5p-hub-info-list-level"},t.level)),c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-size",className:"h5p-hub-label"},Q.get("size"),": "),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-size",className:"h5p-hub-content"},t.filesize)),t.age&&c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-age",className:"h5p-hub-label"},Q.get("age"),": "),c.a.createElement("span",{className:"h5p-hub-content","aria-labelledby":"h5p-hub-info-list-age"},t.age)))});It.propTypes={content:F};var Ot=It,At=(n(89),function(e){var t=e.id,n=e.version,r=e.onShowLicenseDetails,i=e.attributes,a=e.licenseDetailsUrl;return c.a.createElement("div",{className:"h5p-hub-short-license-info"}," ","Unspecified"!==t?c.a.createElement(c.a.Fragment,null,c.a.createElement("h3",null,"".concat(t," ").concat(n||"")),r?c.a.createElement("button",{type:"button",className:"h5p-hub-short-license-read-more","aria-label":Q.get("readMore"),onClick:r}):a?c.a.createElement("a",{className:"h5p-hub-short-license-read-more","aria-label":Q.get("readMore"),href:a,target:"_blank"}):null,c.a.createElement("p",null,Q.get("licenseDescription")),c.a.createElement("ul",{className:"h5p-hub-ul h5p-hub-small"},void 0!==i.canHoldLiable&&c.a.createElement("li",null,Q.get(i.canHoldLiable?"licenseCanHoldLiable":"licenseCannotHoldLiable")),i.useCommercially&&c.a.createElement("li",null,Q.get("licenseCanUseCommercially")),i.modifiable&&c.a.createElement("li",null,Q.get("licenseCanModify")),i.distributable&&c.a.createElement("li",null,Q.get("licenseCanDistribute")),i.sublicensable&&c.a.createElement("li",null,Q.get("licenseCanSublicense")),i.mustIncludeCopyright&&c.a.createElement("li",null,Q.get("licenseMustIncludeCopyright")),i.mustIncludeLicense&&c.a.createElement("li",null,Q.get("licenseMustIncludeLicense")))):c.a.createElement("p",null,Q.get("licenseUnspecified")))});At.propTypes={id:C.a.string.isRequired,version:C.a.string,onShowLicenseDetails:C.a.func,attributes:C.a.shape({canHoldLiable:C.a.bool,useCommercially:C.a.bool,modifiable:C.a.bool,distributable:C.a.bool,sublicensable:C.a.bool,mustIncludeCopyright:C.a.bool,mustIncludeLicense:C.a.bool}),licenseDetailsUrl:C.a.string};var Pt=At;function Rt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var zt=function(e){y()(n,e);var t=Rt(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"onTransitionEnd",(function(){r.state.visible?r.focusSet||(r.focusSet=!0,r.title.focus()):r.props.onClose()})),M()(h()(r),"onImageSelect",(function(e){r.setState({modalType:"screenshots",selectedScreenshot:e})})),M()(h()(r),"onModalClose",(function(){r.setState({modalType:void 0,licenseDetails:void 0})})),M()(h()(r),"handleClose",(function(e){e.preventDefault(),r.props.onDismissMessage(),r.props.aboutToClose(),r.setState({visible:!1})})),M()(h()(r),"handleBackKeyPress",(function(e){32===e.which&&r.handleClose(e)})),M()(h()(r),"componentDidMount",(function(){setTimeout((function(){r.setState({visible:!0})}),1),window.addEventListener("resize",r.resize),Se.licenses.then((function(e){var t=e.reduce(U,{}),n=r.props.content.license.version?t["".concat(r.props.content.license.id,"-").concat(r.props.content.license.version)]:t[r.props.content.license.id];r.setState({licenseDetailsUrl:n.url})}))})),M()(h()(r),"resize",(function(){r.setState({screenWidth:document.documentElement.clientWidth})})),r.state={visible:!1,selectedScreenshot:0,modalType:void 0,showImageSlider:!0,message:void 0,screenWidth:document.documentElement.clientWidth},r.focusSet=!1,r.screenSmall=parseInt(ie.a.screenSmall),r}return s()(n,[{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.resize)}},{key:"render",value:function(){var e=this,t="h5p-hub-content-detail"+(this.state.visible?" h5p-hub-show":""),n="h5p-hub-content-detail-view-title",r=this.props.content,i={},a=function(){return i.label=Q.get("imageLightboxTitle"),"screenshots"===e.state.modalType?c.a.createElement(Et,{images:R(r.screenshots),imagesToShow:1,showProgress:!0,selected:e.state.selectedScreenshot}):"license"===e.state.modalType?(i.labelledby="h5p-hub-license-details-id",i.describedby="h5p-hub-license-details-description",c.a.createElement(kt,{id:r.license.id})):void 0};return c.a.createElement("div",{className:t,role:"region",tabIndex:"-1","aria-labelledby":n,onTransitionEnd:this.onTransitionEnd},c.a.createElement("a",{href:"#",className:"h5p-hub-back-button h5p-hub-icon-arrow-thin","aria-label":Q.get("contentTypeBackButtonLabel"),onClick:this.handleClose,onKeyPress:this.handleBackKeyPress}),c.a.createElement("div",{className:"h5p-hub-container"},c.a.createElement("div",{className:"h5p-hub-image-wrapper"},c.a.createElement(fe,{src:r.icon,className:"h5p-hub-img-responsive"})),c.a.createElement("div",{className:"h5p-hub-text-details"},c.a.createElement("h2",{id:n,className:"h5p-hub-title ".concat(r.reviewed?"h5p-hub-reviewed":""),tabIndex:"-1",ref:function(t){return e.title=t}},r.title),c.a.createElement("div",{className:"h5p-hub-info-list"},c.a.createElement(Ot,{content:this.props.content})),c.a.createElement(St,{text:r.description,maxLength:285}),r.preview_url&&c.a.createElement("a",{className:"h5p-hub-button h5p-hub-demo-button",target:"_blank",href:r.preview_url},Q.get("contentPreviewButtonLabel"))),c.a.createElement("div",{className:"h5p-hub-info-list"},c.a.createElement(Ot,{content:this.props.content}))),this.state.showImageSlider&&r.screenshots&&c.a.createElement(Et,{images:R(r.screenshots),onImageSelect:this.onImageSelect,showProgress:!1,selected:this.state.selectedScreenshot}),c.a.createElement("hr",null),this.props.message,c.a.createElement("div",{className:"h5p-hub-button-bar"},c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-orange h5p-hub-button-inverse-primary h5p-hub-button-download-content",onClick:function(){return e.props.onDownload(r)}},Q.get("contentDownloadButtonLabel"))),c.a.createElement(Dt,{content:r,licenseInfo:c.a.createElement(Pt,{header:Q.get("contentTypeLicensePanelTitle"),id:r.license.id,version:r.license.version,licenseDetailsUrl:this.state.licenseDetailsUrl,attributes:{useCommercially:r.license.allows_commercial_use,modifiable:r.license.can_be_modified}})}),void 0!==this.state.modalType&&c.a.createElement(bt,{onClose:this.onModalClose,className:this.state.modalType?"h5p-hub-"+this.state.modalType:"",aria:i,parentId:"h5p-hub",appElementId:"h5p-hub-panel"},c.a.createElement(a,null)))}}]),n}(c.a.Component);zt.propTypes={onDownload:C.a.func.isRequired,onClose:C.a.func.isRequired,aboutToClose:C.a.func.isRequired,content:F,message:C.a.node,onDismissMessage:C.a.func.isRequired};var Ft=zt,_t=n(29),Ut=n.n(_t);n(91);function Qt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Yt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qt(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Bt(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Wt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Wt(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return o=e.done,e},e:function(e){l=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(l)throw a}}}}function Wt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Vt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var qt=function(e){y()(n,e);var t=Vt(n);function n(e){var r;o()(this,n),r=t.call(this,e),M()(h()(r),"handlePageChange",(function(e,t){t!==r.state.page&&r.setState({page:t,focusOnRender:e})})),M()(h()(r),"scrollToSearchResults",(function(){r.reuseContentResultRef.current.scrollTo?r.reuseContentResultRef.current.scrollTo({left:0,top:0,behavior:"smooth"}):r.reuseContentResultRef.current.focus()})),M()(h()(r),"handleOrderBy",(function(e){e!==r.state.orderBy&&r.setState({orderBy:e})})),M()(h()(r),"handleSearch",(function(e){e!==r.state.query&&r.setState({query:e})})),M()(h()(r),"applyFilters",(function(e){_(r.state.appliedFilters,e)||r.setState({appliedFilters:e})})),M()(h()(r),"showContentDetails",(function(e,t){r.setState({detailViewVisible:!0,contentListVisible:!1,content:e,focused:t})})),M()(h()(r),"closeContentDetails",(function(){r.setState((function(e){return{contentListVisible:!0,setFocus:!e.setFocus}}))})),M()(h()(r),"showAllOrderedBy",(function(e){var t={};r.clearFilterExceptions.forEach((function(e){t[e]=r.state.appliedFilters[e]})),r.setState({orderBy:e,appliedFilters:t,selectedFilters:t,query:"",page:1})})),M()(h()(r),"showMessage",(function(e,t,n){var i={title:e,message:t,severity:n,onClose:function(){return r.clearMessage()}};r.setState({message:c.a.createElement(Ae,i)})})),M()(h()(r),"clearMessage",(function(){r.setState({message:null})})),M()(h()(r),"getFriendlyMessage",(function(e){var t=Q.get("downloadFailed"),n=Q.get("somethingWentWrongTryAgain");if(e instanceof TypeError)n=Q.get("contentHubConnectionFailed");else if(Array.isArray(e.message)){var r,i=!1,a=Bt(e.message);try{for(a.s();!(r=a.n()).done;){if("missing-required-library"===r.value.code){i=!0;break}}}catch(e){a.e(e)}finally{a.f()}i&&(t=Q.get("downloadFailedMissingLibrariesTitle"),n="\n          <p>".concat(Q.get("downloadFailedMissingLibrariesMessage"),'</p>\n          <ul class="h5p-hub-message-item-list">\n            ').concat(e.message.map((function(e){return"<li>".concat(e.message,"</li>")})).join("\n"),"\n          </ul>\n        "))}return{title:t,message:n,severity:"error"}})),M()(h()(r),"handleDownload",(function(e){r.setState({downloading:!0},(function(){Y(r.props.getAjaxUrl("get-content",{hubId:e.id}),"").then((function(e){r.props.onDownload(e.data,"reuse")})).catch((function(e){var t=r.getFriendlyMessage(e),n=t.title,i=t.message,a=t.severity;r.showMessage(n,i,a)})).finally((function(){return r.setState({downloading:!1})}))}))})),M()(h()(r),"getH5PTitle",(function(e){if(r.state.metaData.flatContentTypes){var t=r.state.metaData.flatContentTypes.filter((function(t){return t.id.split(" ")[0]===e.split(" ")[0]}));if(t.length>0)return t[0].label}return e})),M()(h()(r),"getLabel",(function(e,t){if(r.state.metaData[t]){var n=r.state.metaData[t].filter((function(t){return t.id===e}));if(n.length>0&&null!==n[0].translation)return n[0].translation}return e})),M()(h()(r),"setChecked",(function(e){r.setState({selectedFilters:e})})),r.state={page:1,orderBy:"popular",appliedFilters:{reviewed:["reviewed"]},hasSearchResults:!1,contentListVisible:!0,detailViewVisible:!1,focusOnRender:!1,focused:"",setFocus:!1,failedDataFetch:{},metaData:{},initialized:!1,downloading:!1,selectedFilters:{reviewed:["reviewed"]}},r.orderBySettings=[{id:"popular",text:Q.get("popularFirst")},{id:"newest",text:Q.get("newestFirst")}];var i=Q.get("filters");return r.reviewedFilter=[{id:"reviewed",label:i.reviewed.optionLabel}],r.licenseFilter=[{id:"modified",label:i.licenses.options.modified},{id:"commercial",label:i.licenses.options.commercial}],r.metaData=[{id:"disciplines",promise:Se.disciplines},{id:"contentTypes",promise:Se.contentTypes},{id:"language",promise:Se.languages},{id:"level",promise:Se.levels},{id:"flatDisciplines",promise:Se.flatDisciplines},{id:"flatContentTypes",promise:Se.flatContentTypes}],r.metaData.forEach((function(e){e.promise.then((function(t){r.setState({metaData:Yt(Yt({},r.state.metaData),{},M()({},e.id,t))})}),(function(){r.setState({failedDataFetch:Yt(Yt({},r.state.failedDataFetch),{},M()({},e.id,!0))})}))})),r.filters=[{id:"disciplines",dictionary:i.disciplines,type:"categorySearch"},{id:"contentTypes",dictionary:i.contentTypes,type:"search"},{id:"license",dictionary:i.licenses,type:"checkboxList"},{id:"language",dictionary:i.language,type:"search"},{id:"level",dictionary:i.level,type:"checkboxList"},{id:"reviewed",dictionary:i.reviewed,type:"checkboxList"}],r.reuseContentResultRef=c.a.createRef(),r.clearFilterExceptions=["reviewed"],r}return s()(n,[{key:"componentDidUpdate",value:function(e,t){!this.state.initialized&&this.props.isVisible&&this.setState({newContent:Se.search({orderBy:"newest",limit:6,filters:this.state.appliedFilters}),popularContent:Se.search({orderBy:"popularity",limit:6,filters:this.state.appliedFilters}),search:Se.search({filters:this.state.appliedFilters}),initialized:!0});var n=t.orderBy!==this.state.orderBy||t.query!==this.state.query||!_(t.appliedFilters,this.state.appliedFilters);(n||t.page!==this.state.page)&&(this.setState({detailViewVisible:!1,contentListVisible:!0,focused:"",setFocus:!0,search:Se.search({query:this.state.query,filters:this.state.appliedFilters,orderBy:this.state.orderBy,page:n?1:this.state.page})}),this.scrollToSearchResults())}},{key:"render",value:function(){var e=this,t=this.state.initialized&&(this.state.query||"popular"!==this.state.orderBy),n=this.state.initialized&&(this.state.query||"newest"!==this.state.orderBy),r=Q.get("contentDownloadButtonDownloadingLabel");return c.a.createElement("div",{id:"h5p-hub-reuse-view"},this.state.downloading&&c.a.createElement(ut,{label:r}),c.a.createElement(dt,{placeholder:Q.get("contentSearchFieldPlaceholder"),onSearch:this.handleSearch,value:this.state.query,setFocus:this.props.isVisible}),c.a.createElement(lt,{label:Q.get("filterBy"),filters:this.filters,applyFilters:this.applyFilters,checked:this.state.selectedFilters,setChecked:this.setChecked,metaData:Yt(Yt({},this.state.metaData),{},{license:this.licenseFilter,reviewed:this.reviewedFilter}),failedDataFetch:this.state.failedDataFetch,clearFilterExceptions:this.clearFilterExceptions}),c.a.createElement("div",{className:"h5p-hub-reuse-content-container",id:"h5p-hub-reuse-content-container"},c.a.createElement("div",{className:this.state.contentListVisible?"":"h5p-hub-content-list-hidden"},c.a.createElement(Le,{searchPromise:this.state.search,selected:this.state.orderBy,onChange:this.handleOrderBy,headerLabel:Q.get("contentSectionAll"),visible:this.state.contentListVisible,orderVariables:this.orderBySettings}),c.a.createElement("div",{className:"h5p-hub-reuse-content-result",ref:this.reuseContentResultRef},this.state.initialized&&c.a.createElement(ve,{itemsPromise:this.state.search,onSelect:this.showContentDetails,visible:this.state.contentListVisible,handlePageChange:this.handlePageChange,focused:this.state.focused,setFocus:this.state.setFocus,title:Q.get("contentSectionAll")}),c.a.createElement(X.a,{promiseFn:this.state.search},c.a.createElement(X.a.Fulfilled,null,(function(e){return c.a.createElement($,{tutorialUrl:e.numResults?"https://h5p.org/documentation/for-authors/tutorials":null,suggestionText:Q.get(e.numResults?"noContentSuggestion":"noContentFoundDesc"),headerText:Q.get(e.numResults?"noContentHeader":"noResultsFound")})}))),t&&c.a.createElement(xe,{itemsPromise:this.state.popularContent,title:Q.get("popularContent"),actionLabel:Q.get("allPopular"),onAction:function(){return e.showAllOrderedBy("popular")},onSelect:this.showContentDetails,focused:this.state.focused,setFocus:this.state.setFocus}),n&&c.a.createElement(xe,{itemsPromise:this.state.newContent,title:Q.get("newOnTheHub"),actionLabel:Q.get("allNew"),onAction:function(){return e.showAllOrderedBy("newest")},onSelect:this.showContentDetails,focused:this.state.focused,setFocus:this.state.setFocus}))),this.state.detailViewVisible&&c.a.createElement(Ft,{content:Yt(Yt({},this.state.content),{},{h5pTitle:this.getH5PTitle(this.state.content.content_type),language:this.getLabel(this.state.content.language,"language"),disciplines:this.state.content.disciplines.map((function(t,n,r){return e.getLabel(t,"flatDisciplines")+(r.length-1!==n?", ":"")})),level:this.getLabel(this.state.content.level,"level"),filesize:Ut()(this.state.content.size)}),downloading:this.state.downloading,message:this.state.message,onDismissMessage:this.clearMessage,onDownload:this.handleDownload,aboutToClose:function(){return e.closeContentDetails()},onClose:function(){return e.setState({detailViewVisible:!1})}})))}}]),n}(c.a.Component);qt.propTypes={title:C.a.string.isRequired,isVisible:C.a.bool};var Ht=qt,Gt="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMjI1Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICBmaWxsOiAjYzZjNmM3Ow0KICAgICAgfQ0KDQogICAgICAuY2xzLTMsIC5jbHMtNCB7DQogICAgICBmaWxsOiAjZmZmOw0KICAgICAgfQ0KDQogICAgICAuY2xzLTMgew0KICAgICAgb3BhY2l0eTogMC43Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHRpdGxlPmNvbnRlbnQgdHlwZSBwbGFjZWhvbGRlcl8yPC90aXRsZT4NCiAgPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+DQogICAgPGcgaWQ9ImNvbnRlbnRfdHlwZV9wbGFjZWhvbGRlci0xX2NvcHkiIGRhdGEtbmFtZT0iY29udGVudCB0eXBlIHBsYWNlaG9sZGVyLTEgY29weSI+DQogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0MDAiIGhlaWdodD0iMjI1Ii8+DQogICAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjExMi41MSIgeT0iNDMuNDEiIHdpZHRoPSIxNzYuOTYiIGhlaWdodD0iMTM1LjQ1IiByeD0iMTAiIHJ5PSIxMCIvPg0KICAgICAgPGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxMzYuNjYiIGN5PSI2MS45OCIgcj0iNC44MSIvPg0KICAgICAgPGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxNTEuNDkiIGN5PSI2MS45OCIgcj0iNC44MSIvPg0KICAgICAgPGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxNjYuMSIgY3k9IjYxLjk4IiByPSI0LjgxIi8+DQogICAgICA8ZyBpZD0iX0dyb3VwXyIgZGF0YS1uYW1lPSImbHQ7R3JvdXAmZ3Q7Ij4NCiAgICAgICAgPGcgaWQ9Il9Hcm91cF8yIiBkYXRhLW5hbWU9IiZsdDtHcm91cCZndDsiPg0KICAgICAgICAgIDxwYXRoIGlkPSJfQ29tcG91bmRfUGF0aF8iIGRhdGEtbmFtZT0iJmx0O0NvbXBvdW5kIFBhdGgmZ3Q7IiBjbGFzcz0iY2xzLTQiIGQ9Ik0yNjMuMjgsOTUuMjFDMjYwLDkyLjA3LDI1NSw5MS41LDI0OC40Myw5MS41SDIyN3Y4SDE5OS41bC0yLjE3LDEwLjI0YTI1Ljg0LDI1Ljg0LDAsMCwxLDExLjQ4LTEuNjMsMTkuOTMsMTkuOTMsMCwwLDEsMTQuMzksNS41NywxOC4yNiwxOC4yNiwwLDAsMSw1LjUyLDEzLjYsMjMuMTEsMjMuMTEsMCwwLDEtMi44NCwxMS4wNSwxOC42NSwxOC42NSwwLDAsMS04LjA2LDcuNzksOSw5LDAsMCwxLTQuMTIsMS4zN0gyMzZ2LTIxaDEwLjQyYzcuMzYsMCwxMi44My0xLjYxLDE2LjQyLTVzNS4zOC03LjQ4LDUuMzgtMTMuNDRDMjY4LjIyLDEwMi4yOSwyNjYuNTcsOTguMzUsMjYzLjI4LDk1LjIxWm0tMTUsMTdjLTEuNDIsMS4yMi0zLjksMS4yNS03LjQxLDEuMjVIMjM2di0xNGg1LjYyYTkuNTcsOS41NywwLDAsMSw3LDIuOTMsNy4wNSw3LjA1LDAsMCwxLDEuODUsNC45MkE2LjMzLDYuMzMsMCwwLDEsMjQ4LjMxLDExMi4yNVoiLz4NCiAgICAgICAgICA8cGF0aCBpZD0iX1BhdGhfIiBkYXRhLW5hbWU9IiZsdDtQYXRoJmd0OyIgY2xhc3M9ImNscy00IiBkPSJNMjAyLjksMTE5LjExYTguMTIsOC4xMiwwLDAsMC03LjI4LDQuNTJsLTE2LTEuMjIsNy4yMi0zMC45MkgxNzR2MjJIMTUzdi0yMkgxMzZ2NTZoMTd2LTIxaDIxdjIxaDIwLjMxYy0yLjcyLDAtNS0xLjUzLTctM2ExOS4xOSwxOS4xOSwwLDAsMS00LjczLTQuODMsMjMuNTgsMjMuNTgsMCwwLDEtMy02LjZsMTYtMi4yNmE4LjExLDguMTEsMCwxLDAsNy4yNi0xMS43MloiLz4NCiAgICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIxNzcuNjYiIHk9IjU3LjY2IiB3aWR0aD0iOTIuMjgiIGhlaWdodD0iOS4zOCIgcng9IjMuNSIgcnk9IjMuNSIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=";function Zt(e,t){var n=t.major>e.h5pMajorVersion||t.major===e.h5pMajorVersion&&t.minor>=e.h5pMinorVersion;return!e.isUpToDate&&e.installed&&e.canInstall&&n}n(92);var Kt=function(e){var t=e.contentType,n=e.apiVersion,r=e.tabindex,i=e.onSelect,a=t.title||t.machineName,o=Zt(t,n),l=function(e){i(t),e.preventDefault()},s=t.icons?t.icons.map((function(e,t){return c.a.createElement("img",{key:t,className:"h5p-hub-media-text-icon",src:e.src,alt:e.alt,title:e.alt})})):null;return c.a.createElement("div",null,c.a.createElement("div",{className:"h5p-hub-media-left"},c.a.createElement("img",{className:"h5p-hub-media-object",src:t.icon||Gt,alt:a+" "+Q.get("contentTypeIconAltText")})),c.a.createElement("div",{className:"h5p-hub-media-body"},c.a.createElement("div",{className:"h4 h5p-hub-media-heading"},a),s,t.installed?c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-primary",tabIndex:r,onClick:l,onKeyDown:function(e){13!==e.which&&32!==e.which||l(e)}},Q.get("contentTypeDetailButtonLabel")):c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-inverse-primary h5p-hub-button-install",tabIndex:r},Q.get("contentTypeGetButtonLabel")),c.a.createElement("div",{className:"h5p-hub-content-type-update-info"+(o?"":" hidden")},Q.get("contentTypeUpdateAvailable")),c.a.createElement("div",{className:"h5p-hub-description"},t.summary||"")))};Kt.propTypes={contentType:C.a.object.isRequired,apiVersion:C.a.object.isRequired,tabindex:C.a.number.isRequired,onSelect:C.a.func.isRequired};var Xt=Kt;n(93);function Jt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var $t=function(e){y()(n,e);var t=Jt(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"getLibrary",(function(e){for(var t=0;t<r.props.contentTypes.length;t++){var n=r.props.contentTypes[t];if(n.machineName.toLocaleLowerCase().replace(".","-")===e.replace("h5p-hub-",""))return n}})),M()(h()(r),"handleFocus",(function(e){r.props.onFocus(r.getLibrary(e))})),M()(h()(r),"handleSelect",(function(e){var t=r.getLibrary(e);t.installed?r.props.onUse(t):(r.props.onSelect(t),r.props.onFocus(t))})),M()(h()(r),"scrollIntoView",(function(e){var t=r.choose.items[0].offsetTop;if(e.offsetTop-t<r.list.scrollTop)r.list.scrollTop=e.offsetTop-t;else{var n=e.offsetTop-t+e.clientHeight;if(n>r.list.scrollTop+r.list.clientHeight){var i=window.getComputedStyle(r.listElement);r.list.scrollTop=n-r.list.clientHeight+parseFloat(i.marginTop)+parseFloat(i.marginBottom)}}})),r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.contentTypes!==this.props.contentTypes&&this.setState({resetScroll:!0})}},{key:"componentDidUpdate",value:function(){if(this.state&&this.state.resetScroll)delete this.state.resetScroll,this.list.scrollTop=0;else if(this.props.focused&&this.choose&&this.choose.items)for(var e=this.props.focused.machineName.toLocaleLowerCase().replace(".","-"),t=0;t<this.choose.items.length;t++)if(e===this.choose.items[t].id){this.scrollIntoView(this.choose.items[t]);break}}},{key:"render",value:function(){var e=this,t=this.props.contentTypes.map((function(t,n){return c.a.createElement("li",{key:n,id:t.machineName.toLocaleLowerCase().replace(".","-"),className:"h5p-hub-media"},c.a.createElement(Xt,{contentType:t,apiVersion:e.props.apiVersion,tabindex:e.props.focused?e.props.focused===t?0:-1:0===n?0:-1,onSelect:e.props.onSelect}))}));return H5P.externalDispatcher.trigger("h5p-hub-content-types-render",{numContentTypes:this.props.contentTypes.length,contentTypeListClassName:"h5p-hub-content-type-list"}),c.a.createElement("div",{className:"h5p-hub-content-type-list","aria-hidden":!this.props.visible,ref:function(t){return e.list=t}},this.props.contentTypes.length?c.a.createElement("ol",{ref:function(t){return e.listElement=t}},c.a.createElement(H,{selected:this.props.focused?this.props.focused.machineName.toLocaleLowerCase().replace(".","-"):null,setFocus:this.props.setFocus,onChange:this.handleSelect,onFocus:this.handleFocus,ref:function(t){return e.choose=t}},t)):c.a.createElement("div",{className:"h5p-hub-no-results"},c.a.createElement("div",{className:"h5p-hub-no-results-title"},Q.get("noResultsFound")),c.a.createElement("div",{className:"h5p-hub-no-results-desc"},Q.get("noResultsFoundDesc"))))}}]),n}(c.a.Component);$t.propTypes={contentTypes:C.a.array.isRequired,apiVersion:C.a.object.isRequired,focused:C.a.object,visible:C.a.bool,setFocus:C.a.bool,onUse:C.a.func.isRequired,onSelect:C.a.func.isRequired,onFocus:C.a.func.isRequired};var en=$t,tn=(n(94),function(e){var t=e.id,n=e.attributes,r=e.onShowLicenseDetails;return c.a.createElement(xt,null,c.a.createElement(Pt,{header:Q.get("contentTypeLicensePanelTitle"),id:t,attributes:n,onShowLicenseDetails:r}))});tn.propTypes={id:C.a.string,onShowLicenseDetails:C.a.func,attributes:C.a.shape({canHoldLiable:C.a.bool,useCommercially:C.a.bool,modifiable:C.a.bool,distributable:C.a.bool,sublicensable:C.a.bool,mustIncludeCopyright:C.a.bool,mustIncludeLicense:C.a.bool})};var nn=tn;n(95);function rn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var an=function(e){y()(n,e);var t=rn(n);function n(e){var r;return o()(this,n),(r=t.call(this,e)).state={focusOnRender:!0},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.opened!==this.props.opened&&this.setState({focusOnRender:!0})}},{key:"shouldComponentUpdate",value:function(e,t){return this.state===t}},{key:"componentDidUpdate",value:function(){this.state.focusOnRender&&(this.useButton?this.useButton.focus():this.installButton.focus()),delete this.state.focusOnRender}},{key:"render",value:function(){var e,t=this,n=!1,r=this.props.installed&&!this.props.installing;return this.props.installed&&this.props.updatable?(e=this.props.installing?"Updating":"Update",n=this.props.installing):this.props.installed||(e=this.props.installing?"Installing":"Install",n=this.props.installing),c.a.createElement("div",{className:"h5p-hub-content-type-detail-button-bar"},e&&c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-inverse-primary h5p-hub-button-".concat(e.toLowerCase()),disabled:n,onClick:this.props.installing?void 0:this.props.onInstall,ref:function(e){return t.installButton=e}},Q.get("contentType".concat(e,"ButtonLabel"))),r&&c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-primary",onClick:this.props.onUse,ref:function(e){return t.useButton=e}},Q.get("contentTypeUseButtonLabel")))}}]),n}(c.a.Component);an.propTypes={canInstall:C.a.bool.isRequired,installed:C.a.bool.isRequired,installing:C.a.bool.isRequired,updatable:C.a.bool.isRequired,onInstall:C.a.func.isRequired,onUse:C.a.func.isRequired,opened:C.a.bool.isRequired};var on=an;n(96);function ln(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var sn={},un=function(e){y()(n,e);var t=ln(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"onTransitionEnd",(function(){!r.state.visible&&r.state.showImageSlider?r.setState({showImageSlider:!1}):r.state.visible&&r.setState({focusUseButton:r.state.visible})})),M()(h()(r),"onImageSelect",(function(e){r.setState({modalType:"screenshots",selectedScreenshot:e})})),M()(h()(r),"onModalClose",(function(){r.setState({modalType:void 0,licenseDetails:void 0})})),M()(h()(r),"handleInstall",(function(){r.setState({installing:!0,errorMessage:null,infoMessage:null}),Y(r.props.getAjaxUrl("library-install",{id:r.props.library.machineName}),"").then((function(e){r.props.onInstall(e.data);var t=r.props.installed?"contentTypeUpdateSuccess":"contentTypeInstallSuccess",n=r.props.library.title||r.props.library.machineName;r.setState({installed:!0,installing:!1,infoMessage:{title:Q.get(t,{":contentType":n}),message:e.data.details}})})).catch((function(e){r.setState({updating:!1,installing:!1,errorMessage:e})}))})),M()(h()(r),"handleClose",(function(e){e.preventDefault(),r.props.onClose()})),M()(h()(r),"handleUse",(function(){r.props.onUse(r.props.library)})),M()(h()(r),"handleShowLicenseDetails",(function(){var e=r.props.library.license.id,t=sn[e];t?r.setState({licenseDetails:t}):fetch("https://api.h5p.org/v1/licenses/".concat(r.props.library.license.id)).then((function(e){return e.json()})).then((function(n){t=!1===n.success?Q.get("licenseFetchDetailsFailed"):sn[e]=n.description.replace(":owner",r.props.library.owner).replace(":year",(new Date).getFullYear()),r.setState({licenseDetails:t})})).catch((function(){r.setState({licenseDetails:Q.get("licenseFetchDetailsFailed")})})),r.setState({modalType:"license"})})),M()(h()(r),"handleErrorDismiss",(function(){r.setState({errorMessage:null})})),M()(h()(r),"handleInfoDismiss",(function(){r.setState({infoMessage:null})})),M()(h()(r),"handleBackKeyPress",(function(e){32===e.which&&r.handleClose(e)})),M()(h()(r),"openExampleUrl",(function(){window.open(r.props.library.example,"_blank")})),r.state={visible:!1,selectedScreenshot:0,modalType:void 0,installed:!1,canInstall:!1,updatable:!1,installing:!1,showImageSlider:!0,message:void 0,opened:!1},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.library&&(this.props.library!==e.library&&this.setState({errorMessage:null,infoMessage:null}),!this.props.visible&&e.visible?this.setState({opened:!0}):this.setState({opened:!1}),this.setState({installed:e.library.installed,canInstall:e.library.canInstall,updatable:Zt(e.library,e.apiVersion),installing:!1,visible:e.visible,showImageSlider:!0}))}},{key:"render",value:function(){var e=this,t="h5p-hub-content-type-detail"+(this.state.visible?" h5p-hub-show":""),n="h5p-hub-content-type-detail-view-title";if(!this.props.library)return c.a.createElement("div",{className:t});var r=function(){return"screenshots"===e.state.modalType?c.a.createElement(Et,{images:e.props.library.screenshots,imagesToShow:1,showProgress:!0,selected:e.state.selectedScreenshot}):"license"===e.state.modalType?c.a.createElement("div",null,c.a.createElement("div",{className:"h5p-hub-modal-header"},Q.get("licenseModalTitle")),c.a.createElement("div",{className:"h5p-hub-modal-content"},c.a.createElement("h5",{id:"h5p-hub-license-details-id",className:"h5p-hub-modal-title"},e.props.library.license.id),c.a.createElement("div",{id:"h5p-hub-license-details-description",className:e.state.licenseDetails?void 0:"h5p-hub-loading",dangerouslySetInnerHTML:{__html:e.state.licenseDetails}}))):null},a={};return"screenshots"===this.state.modalType&&(a.label=Q.get("imageLightboxTitle")),"license"===this.state.modalType&&this.state.licenseDetails&&(a.labelledby="h5p-hub-license-details-id",a.describedby="h5p-hub-license-details-description"),c.a.createElement("div",{className:t,role:"region",tabIndex:"-1","aria-labelledby":n,onTransitionEnd:this.onTransitionEnd},c.a.createElement("a",{href:"#",className:"h5p-hub-back-button h5p-hub-icon-arrow-thin","aria-label":Q.get("contentTypeBackButtonLabel"),onClick:this.handleClose,onKeyPress:this.handleBackKeyPress}),c.a.createElement("div",{className:"h5p-hub-container"},c.a.createElement("div",{className:"h5p-hub-image-wrapper"},c.a.createElement("img",{className:"h5p-hub-img-responsive",src:this.props.library.icon||Gt})),c.a.createElement("div",{className:"h5p-hub-text-details"},c.a.createElement("h2",{id:n,className:"h5p-hub-title",tabIndex:"-1"},this.props.library.title||this.props.library.machineName),c.a.createElement("div",{className:"h5p-hub-owner"},this.props.library.owner),c.a.createElement(St,{text:this.props.library.description,maxLength:285}),this.props.library.example&&c.a.createElement("a",{className:"h5p-hub-button h5p-hub-demo-button",target:"_blank",href:this.props.library.example||"#",onKeyPress:function(t){return A(t,e.openExampleUrl)}},Q.get("contentTypeDemoButtonLabel")))),this.state.showImageSlider&&this.props.library.screenshots&&c.a.createElement(Et,{images:this.props.library.screenshots,onImageSelect:this.onImageSelect,showProgress:!1,selected:this.state.selectedScreenshot}),c.a.createElement("hr",null),!!this.state.errorMessage&&c.a.createElement(Ae,i()({},this.state.errorMessage,{severity:"error",onClose:this.handleErrorDismiss})),!!this.state.infoMessage&&c.a.createElement(Ae,i()({},this.state.infoMessage,{severity:"info",onClose:this.handleInfoDismiss})),c.a.createElement(on,{installed:this.state.installed,canInstall:this.state.canInstall,updatable:this.state.updatable,installing:this.state.installing,onInstall:this.handleInstall,onUse:this.handleUse,opened:this.state.opened}),c.a.createElement(nn,{id:this.props.library.license?this.props.library.license.id:"Unspecified",attributes:this.props.library.license?this.props.library.license.attributes:void 0,onShowLicenseDetails:this.handleShowLicenseDetails}),void 0!==this.state.modalType&&c.a.createElement(bt,{onClose:this.onModalClose,className:"h5p-hub-"+this.state.modalType||!1,aria:a,parentId:"h5p-hub",appElementId:"h5p-hub-panel"},c.a.createElement(r,null)))}}]),n}(c.a.Component);un.propTypes={visible:C.a.bool.isRequired,onInstall:C.a.func.isRequired,onUse:C.a.func.isRequired,onClose:C.a.func.isRequired,getAjaxUrl:C.a.func.isRequired,library:C.a.shape({installed:C.a.bool.isRequired,canInstall:C.a.bool.isRequired,isUpToDate:C.a.bool.isRequired,example:C.a.string,title:C.a.string,description:C.a.string.isRequired,machineName:C.a.string.isRequired,screenshots:C.a.arrayOf(C.a.shape({url:I,alt:I})),owner:C.a.string.isRequired,icon:C.a.string,license:C.a.shape({id:C.a.string.isRequired,attributes:C.a.shape({canHoldLiable:C.a.bool.isRequired,useCommercially:C.a.bool,modifiable:C.a.bool,distributable:C.a.bool,sublicensable:C.a.bool,mustIncludeCopyright:C.a.bool,mustIncludeLicense:C.a.bool})})})};var cn=un,fn=function(e){var t=e.throbbing,n=e.details,r=e.onRetry,i=[Q.get("noContentTypesAvailableDesc")];return n&&n.title&&(i.push(n.title),n.details&&(i=i.concat(n.details))),c.a.createElement(Ae,{severity:"error",title:Q.get("noContentTypesAvailable"),message:i},c.a.createElement("button",{type:"h5p-hub-button",className:"h5p-hub-button h5p-hub-button-primary h5p-hub-retry-button",tabIndex:"0",onClick:r,disabled:t},Q.get("tryAgain")))};fn.propTypes={throbbing:C.a.bool,details:C.a.object,onRetry:C.a.func.isRequired},fn.defaultProps={throbbing:!1};var dn=fn,pn=[{name:"title",max:1e3,min:100},{name:"summary",max:50,min:25},{name:"description",max:50,min:25},{name:"keywords",max:50,min:25},{name:"machineName",max:1,min:.5}],hn={recently:"recently",newest:"createdAt","a-to-z":"title"},mn=["createdAt","updatedAt"];function yn(e,t,n){if(t){var r=e.libraries.map((function(e){return{contentType:e,score:bn(t,e)}})).filter((function(t){return t.score>0&&!gn(t.contentType,e.apiVersion)}));return Ln(r)}var i=[hn[n]];if("recently"===n)if(e.recentlyUsed&&e.recentlyUsed.length){for(var a=0;a<e.recentlyUsed.length;a++)for(var o=e.recentlyUsed[a],l=0;l<e.libraries.length;l++){var s=e.libraries[l];s.machineName===o&&(s.recently=a+1)}i.push("popularity")}else i=["popularity"];else"newest"===n&&i.splice(0,0,"installed");return Ln(e.libraries.filter((function(t){return!gn(t,e.apiVersion)})),i)}var gn=function(e,t){var n=!(t.major>e.h5pMajorVersion||t.major===e.h5pMajorVersion&&t.minor>=e.h5pMinorVersion);return e.restricted||!e.installed&&n},bn=function(e,t){var n=e.split(" ").filter((function(e){return""!==e})).map((function(e){return vn(e,t)}));return n.indexOf(0)>-1?0:n.reduce((function(e,t){return e+t}),0)},vn=function(e,t){e=e.trim();for(var n=0;n<pn.length;n++){var r=pn[n],i=wn(e,t[r.name],r.max,r.min);if(-1!==i)return i}return 0},wn=function e(t,n,r,i){if(!n)return-1;if(n instanceof Array){for(var a=0;a<n.length;a++){var o=e(t,n[a],r,i);if(-1!==o)return o}return-1}var l=n.toLowerCase().indexOf(t.toLowerCase());return-1===l?-1:(r-i)*((n.length-l)/n.length)+i},Ln=function(e,t){return e.map((function(e){return e.hasOwnProperty("score")&&e.hasOwnProperty("contentType")?e:{contentType:e,score:.1}})).sort((function(e,n){return t?Mn(e,n,t[0],t.slice(1)):En(e,n)})).map((function(e){return e.contentType}))},Mn=function e(t,n,r,i){if(!t.contentType.hasOwnProperty(r))return 1;if(!n.contentType.hasOwnProperty(r))return-1;var a=-1===mn.indexOf(r)?1:-1;return t.contentType[r]>n.contentType[r]?1*a:t.contentType[r]<n.contentType[r]?-1*a:i.length?e(t,n,i[0],i.slice(1)):0},En=function(e,t){return t.score!==e.score?t.score-e.score:t.contentType.popularity-e.contentType.popularity};function Cn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Sn=function(e){y()(n,e);var t=Cn(n);function n(e){var r;o()(this,n),r=t.call(this,e),M()(h()(r),"handleDetailClose",(function(){r.setState((function(e){return{detailViewActive:!1,setFocus:!e.setFocus}}))})),M()(h()(r),"handleDetailUse",(function(e){r.handleDetailClose(),r.props.onUse(e)})),M()(h()(r),"handleListSelect",(function(e){r.setState({library:e,detailViewActive:!0})})),M()(h()(r),"handleFilterOn",(function(e){r.setState({contentTypes:yn(r.props.contentTypes,e,r.state.orderBy),filterOn:e,focused:null,detailViewActive:!1})})),M()(h()(r),"handleOrderBy",(function(e){r.setState({contentTypes:yn(r.props.contentTypes,null,e),orderBy:e,filterOn:"",focused:null})})),M()(h()(r),"handleFocus",(function(e){r.setState({focused:e})})),M()(h()(r),"handleFocusMove",(function(e){for(var t=r.state.focused||r.state.contentTypes[0],n=0;n<r.state.contentTypes.length;n++)if(t===r.state.contentTypes[n])return void(r.state.contentTypes[n+e]&&r.setState({focused:r.state.contentTypes[n+e]}))})),M()(h()(r),"handleSearchSelect",(function(){var e=r.state.focused||r.state.contentTypes[0];e&&(e.installed?r.props.onUse(e):r.handleListSelect(e))})),M()(h()(r),"handleWarningClose",(function(){r.setState({warnOutdated:!1})})),M()(h()(r),"handleRetry",(function(){r.setState({retrying:!0}),r.props.onReload()}));return r.state={orderBy:"recently",contentTypes:yn(e.contentTypes,null,"recently"),detailViewActive:!1,warnOutdated:r.props.contentTypes.outdated},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){this.setState((function(t){var n;if(t.library)for(var r=0;r<e.contentTypes.libraries.length;r++){var i=e.contentTypes.libraries[r];i.machineName===t.library.machineName&&(n=i)}return{contentTypes:yn(e.contentTypes,t.filterOn,t.orderBy),retrying:void 0,library:n}}))}},{key:"render",value:function(){if(!this.props.contentTypes.libraries||!this.props.contentTypes.libraries.length)return c.a.createElement(dn,{throbbing:this.state.retrying,details:this.props.error,onRetry:this.handleRetry});var e=!(!this.props.contentTypes.recentlyUsed||!this.props.contentTypes.recentlyUsed.length),t=[{id:"recently",text:Q.get(e?"recentlyUsedFirst":"popularFirst")},{id:"newest",text:Q.get("newestFirst")},{id:"a-to-z",text:Q.get("aToZ")}];return c.a.createElement("div",{className:"h5p-hub-content-type-section-view"},c.a.createElement(dt,{value:this.state.filterOn,auto:!this.state.detailViewActive,setFocus:this.props.setFocus,onSearch:this.handleFilterOn,onNavigate:this.handleFocusMove,onSelect:this.handleSearchSelect,instantSearch:!0,placeholder:Q.get("contentTypeSearchFieldPlaceholder")}),!!this.state.warnOutdated&&c.a.createElement(Ae,{severity:"warning",title:Q.get("contentTypeCacheOutdated"),message:Q.get("contentTypeCacheOutdatedDesc"),onClose:this.handleWarningClose}),c.a.createElement("div",{className:"h5p-hub-content-type-section"+(this.state.warnOutdated?" h5p-hub-height-limit":"")+(this.state.filterOn?" h5p-hub-filtering":"")},c.a.createElement(Le,{hits:this.state.contentTypes.length,selected:this.state.orderBy,onChange:this.handleOrderBy,orderVariables:t,orderVisible:!this.state.filterOn,hasSearchResults:!!this.state.filterOn,visible:!this.state.detailViewActive,headerLabel:this.state.filterOn?Q.get("searchResults"):Q.get("contentTypeSectionAll")}),c.a.createElement(en,{contentTypes:this.state.contentTypes,apiVersion:this.props.contentTypes.apiVersion,focused:this.state.focused,setFocus:!this.state.setFocus,visible:!this.state.detailViewActive,onUse:this.props.onUse,onSelect:this.handleListSelect,onFocus:this.handleFocus}),c.a.createElement(cn,{library:this.state.library,apiVersion:this.props.contentTypes.apiVersion,visible:this.state.detailViewActive,onUse:this.handleDetailUse,onClose:this.handleDetailClose,getAjaxUrl:this.props.getAjaxUrl,onInstall:this.props.onInstall})))}}]),n}(c.a.Component);Sn.propTypes={contentTypes:C.a.object.isRequired,setFocus:C.a.bool,getAjaxUrl:C.a.func.isRequired,onUse:C.a.func.isRequired,onInstall:C.a.func.isRequired};var Tn=Sn;n(97),n(98);function xn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Nn=function(e){y()(n,e);var t=xn(n);function n(e){var r;return o()(this,n),(r=t.call(this,e)).clickFileField=r.clickFileField.bind(h()(r)),r.componentDidUpdate=r.componentDidUpdate.bind(h()(r)),r}return s()(n,[{key:"componentDidUpdate",value:function(){this.props.fileSelected?this.useButton.focus():this.fileField.value="",this.props.setFocus&&this.uploadButton.focus()}},{key:"clickFileField",value:function(){this.fileField.click()}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"h5p-hub-upload-form"},c.a.createElement("input",{className:"h5p-hub-upload-path",placeholder:this.props.fileSelected||this.props.fileUploading?this.props.filePath:Q.get("uploadPlaceholder"),onClick:this.clickFileField,tabIndex:"-1",disabled:this.props.fileUploading,readOnly:!0}),c.a.createElement("button",{type:"button",ref:function(t){e.useButton=t},className:"h5p-hub-button h5p-hub-use-button","aria-hidden":this.props.fileSelected?"":"true",disabled:this.props.fileUploading,onClick:this.props.onUpload},Q.get("contentTypeUseButtonLabel")),c.a.createElement("div",{className:"h5p-hub-input-wrapper"},c.a.createElement("input",{type:"file",accept:".h5p","aria-hidden":"true",ref:function(t){e.fileField=t},onChange:this.props.onValidate}),c.a.createElement("button",{type:"button",ref:function(t){return e.uploadButton=t},className:"h5p-hub-button h5p-hub-upload-button",onClick:this.clickFileField,disabled:this.props.fileUploading,tabIndex:"0"},this.props.fileSelected?Q.get("uploadFileButtonChangeLabel"):Q.get("uploadFileButtonLabel"))))}}]),n}(c.a.Component);Nn.propTypes={fileSelected:C.a.bool.isRequired,fileUploading:C.a.bool.isRequired,filePath:C.a.string.isRequired,setFocus:C.a.bool.isRequired,onValidate:C.a.func.isRequired,onUpload:C.a.func.isRequired};var Dn=Nn;function jn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var kn=function(e){y()(n,e);var t=jn(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleErrorDismiss",(function(){r.setState({error:null})})),r.state={fileSelected:!1,filePath:"",fileUploading:!1,error:void 0,uploadData:{}},r.handleValidation=r.handleValidation.bind(h()(r)),r.handleUpload=r.handleUpload.bind(h()(r)),r}return s()(n,[{key:"handleValidation",value:function(e){if(this.setState({error:void 0}),0!==e.target.files.length){var t=e.target.files[0].name;"h5p"!==this.getFileExtension(t)?this.setState({fileSelected:!1,filePath:"",error:{title:Q.get("h5pFileWrongExtensionTitle"),message:Q.get("h5pFileWrongExtensionContent")}}):(this.setState({fileSelected:!0,filePath:t,fileUploading:!1,uploadData:e.target.files[0]}),e.stopPropagation())}}},{key:"handleUpload",value:function(){var e=this;this.setState({fileSelected:!0,fileUploading:!0});var t=new FormData;t.append("h5p",this.state.uploadData),t.append("contentId",this.props.contentId),Y(this.props.getAjaxUrl("library-upload"),t).then((function(t){e.props.onUpload(t.data),e.setState({fileSelected:!1,fileUploading:!1,filePath:"",uploadData:{}})})).catch((function(t){e.setState({fileSelected:!1,fileUploading:!1,error:t,filePath:"",uploadData:{}})}))}},{key:"getFileExtension",value:function(e){return e.replace(/^.*\./,"")}},{key:"render",value:function(){return c.a.createElement("div",{className:"h5p-hub-upload-wrapper"},!!this.state.error&&c.a.createElement(Ae,i()({},this.state.error,{severity:"error",onClose:this.handleErrorDismiss})),c.a.createElement("div",{className:"h5p-hub-upload-throbber"+(this.state.fileUploading?"":" h5p-hub-hidden"),"aria-label":Q.get("uploadingThrobber")}),c.a.createElement("h1",{className:"h5p-hub-upload-instruction-header"},Q.get("uploadInstructionsTitle")),c.a.createElement(Dn,{fileSelected:this.state.fileSelected,fileUploading:this.state.fileUploading,filePath:this.state.filePath,setFocus:this.props.setFocus,onValidate:this.handleValidation,onUpload:this.handleUpload}),c.a.createElement("p",{className:"h5p-hub-upload-instruction-description",dangerouslySetInnerHTML:{__html:Q.get("uploadInstructionsContent")}}))}}]),n}(c.a.Component);kn.propTypes={onUpload:C.a.func.isRequired,getAjaxUrl:C.a.func.isRequired,setFocus:C.a.bool.isRequired};var In=kn;n(99);function On(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var An=function(e){y()(n,e);var t=On(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleUse",(function(e){r.setState({expanded:!1,title:e.title||e.machineName,infoMessage:null}),r.props.onUse(e)})),M()(h()(r),"handleUpload",(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"upload",n=e.h5p.mainLibrary,i=0;i<e.contentTypes.libraries.length;i++)if(e.contentTypes.libraries[i].machineName===n){n=e.contentTypes.libraries[i].title;break}var a=Q.get("uploadSuccess").replace(":title",n);"reuse"===t&&(a=Q.get("reuseSuccess").replace(":title",n)),r.setState({expanded:!1,title:n,contentTypes:e.contentTypes,infoMessage:{title:a,message:e.contentTypes.details}}),r.props.onUpload(e)})),M()(h()(r),"handleUpdate",(function(e){r.props.onUpdate(e),r.setState({contentTypes:e})})),M()(h()(r),"handleReload",(function(){Y(r.props.getAjaxUrl("content-type-cache")).then((function(e){return r.handleUpdate(e)})).catch((function(e){return r.setState({error:e})}))})),M()(h()(r),"handleInfoDismiss",(function(){r.setState({infoMessage:null})})),M()(h()(r),"handleTabPanelSelect",(function(e){r.setState({section:e})})),M()(h()(r),"handleRender",(function(e,t){r.props.onRender(e,t)})),r.state={expanded:e.expanded,section:"h5p-hub-content-types",selected:e.selected,title:e.title,contentTypes:e.contentTypes},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.title!==this.state.title&&(this.state.title=e.title),e.expanded!==this.state.expanded&&(this.state.expanded=e.expanded)}},{key:"componentDidUpdate",value:function(){this.props.onResize()}},{key:"render",value:function(){var e=this;return this.handleRender(this.state.title,this.state.expanded),c.a.createElement("section",{className:"h5p-hub",id:"h5p-hub"},c.a.createElement("div",{className:"h5p-hub-panel h5p-hub-section-".concat(this.state.section).concat(this.state.expanded?" h5p-hub-open":""),id:"h5p-hub-panel"},c.a.createElement(W,{title:this.state.title||Q.get("hubPanelLabel"),sectionId:this.state.section,isExpanded:this.state.expanded,togglePanel:function(){return e.setState({expanded:!e.state.expanded})}}),c.a.createElement("div",{id:"h5p-hub-panel-body-".concat(this.state.section),role:"region",className:this.state.expanded?"":"h5p-hub-hidden"},c.a.createElement(K,{selected:this.state.section,onSelect:this.handleTabPanelSelect,canPaste:this.props.canPaste,canPasteTitle:this.props.canPasteTitle,onPaste:this.props.onPaste},c.a.createElement(Tn,{id:"h5p-hub-content-types",title:Q.get("createContentTabLabel"),contentTypes:this.state.contentTypes,setFocus:this.state.expanded&&"h5p-hub-content-types"===this.state.section,getAjaxUrl:this.props.getAjaxUrl,error:this.state.error,onUse:this.handleUse,onInstall:this.handleUpdate,onReload:this.handleReload}),this.props.enableContentHub&&c.a.createElement(Ht,{id:"h5p-hub-reuse",title:Q.get("reuseContentTabLabel"),isVisible:this.state.expanded&&"h5p-hub-reuse"===this.state.section,getAjaxUrl:this.props.getAjaxUrl,onDownload:this.handleUpload}),c.a.createElement(In,{id:"h5p-hub-upload",title:Q.get("uploadTabLabel"),getAjaxUrl:this.props.getAjaxUrl,contentId:this.props.contentId,setFocus:this.state.expanded&&"h5p-hub-upload"===this.state.section,onUpload:this.handleUpload})))),!!this.state.infoMessage&&c.a.createElement(Ae,i()({},this.state.infoMessage,{severity:"info",onClose:this.handleInfoDismiss})))}}]),n}(c.a.Component);An.propTypes={title:C.a.string,contentTypes:C.a.object.isRequired,selected:C.a.string,getAjaxUrl:C.a.func.isRequired,onResize:C.a.func.isRequired,onUse:C.a.func.isRequired,onUpload:C.a.func.isRequired,enableContentHub:C.a.bool.isRequired};var Pn=An,Rn=function(){function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en";o()(this,e),i()(this,{listeners:{},on:function(e,t,n){var r={listener:t,scope:n};return this.listeners[e]=this.listeners[e]||[],this.listeners[e].push(r),this},trigger:function(e,t){return(this.listeners[e]||[]).every((function(e){return!1!==e.listener.call(e.scope||this,t)}))},propagate:function(e,t,n){var r=this;e.forEach((function(e){return t.on(e,(function(t){return r.trigger(n||e,t)}))}))}});var a=this,l=this.createContainerElement("div");Q.init(n),Se.init(r,t.getAjaxUrl("content-hub-metadata-cache"),t.contentTypes);var s=function(){d.a.render(c.a.createElement(Pn,{title:t.title,expanded:t.expanded,canPaste:t.canPaste,canPasteTitle:t.canPasteTitle,contentId:t.contentId,contentTypes:t.contentTypes,selected:t.selected,getAjaxUrl:t.getAjaxUrl,onResize:a.trigger.bind(a,"resize"),onUse:a.trigger.bind(a,"select"),onUpload:a.trigger.bind(a,"upload"),onUpdate:a.trigger.bind(a,"update"),onPaste:a.trigger.bind(a,"paste"),onRender:function(e,n){t.title=e,t.expanded=n},enableContentHub:t.enableContentHub}),l)};this.setPanelTitle=function(e,n){t.title=e,t.expanded=n,s()},this.setCanPaste=function(e,n){t.canPaste=e,t.canPasteTitle=n,s()},this.getElement=function(){return l},s()}return s()(e,[{key:"createContainerElement",value:function(e){var t=["Enter","Space","Tab"],n=document.createElement(e,{className:"h5p-hub-client-container-using-mouse"});return window.addEventListener("keydown",(function(e){-1!==t.indexOf(e.code)&&n.classList.remove("h5p-hub-client-container-using-mouse")})),window.addEventListener("mousemove",(function(){n.classList.add("h5p-hub-client-container-using-mouse")})),n}}]),e}()}]);
\ No newline at end of file
+*/!function(){"use strict";var i=!("undefined"==typeof window||!window.document||!window.document.createElement),a={canUseDOM:i,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:i&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:i&&!!window.screen};void 0===(r=function(){return a}.call(t,n,t,e))||(e.exports=r)}()},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.dumpClassLists=function(){0};var r={},i={};t.add=function(e,t){return n=e.classList,a="html"==e.nodeName.toLowerCase()?r:i,void t.split(" ").forEach((function(e){!function(e,t){e[t]||(e[t]=0),e[t]+=1}(a,e),n.add(e)}));var n,a},t.remove=function(e,t){return n=e.classList,a="html"==e.nodeName.toLowerCase()?r:i,void t.split(" ").forEach((function(e){!function(e,t){e[t]&&(e[t]-=1)}(a,e),0===a[e]&&n.remove(e)}));var n,a}},function(e,t,n){"use strict";var r,i=n(27),a=(r=i)&&r.__esModule?r:{default:r};var o=void 0,l=void 0,s=[];function u(){0!==s.length&&s[s.length-1].focusContent()}a.default.subscribe((function(e,t){o&&l||((o=document.createElement("div")).setAttribute("data-react-modal-body-trap",""),o.style.position="absolute",o.style.opacity="0",o.setAttribute("tabindex","0"),o.addEventListener("focus",u),(l=o.cloneNode()).addEventListener("focus",u)),(s=t).length>0?(document.body.firstChild!==o&&document.body.insertBefore(o,document.body.firstChild),document.body.lastChild!==l&&document.body.appendChild(l)):(o.parentElement&&o.parentElement.removeChild(o),l.parentElement&&l.parentElement.removeChild(l))}))},function(e,t,n){"use strict";function r(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function i(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function a(e,t){try{var n=this.props,r=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,r)}finally{this.props=n,this.state=r}}function o(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var n=null,o=null,l=null;if("function"==typeof t.componentWillMount?n="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(n="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?o="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(o="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?l="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(l="UNSAFE_componentWillUpdate"),null!==n||null!==o||null!==l){var s=e.displayName||e.name,u="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+s+" uses "+u+" but also contains the following legacy lifecycles:"+(null!==n?"\n  "+n:"")+(null!==o?"\n  "+o:"")+(null!==l?"\n  "+l:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=r,t.componentWillReceiveProps=i),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=a;var c=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var r=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;c.call(this,e,t,r)}}return e}n.r(t),n.d(t,"polyfill",(function(){return o})),r.__suppressDeprecationWarning=!0,i.__suppressDeprecationWarning=!0,a.__suppressDeprecationWarning=!0},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.SPECS={si:{radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]},iec:{radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]},jedec:{radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]}}},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){e.exports={screenSmall:"576px"}},function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return Rn}));var r=n(9),i=n.n(r),a=n(5),o=n.n(a),l=n(6),s=n.n(l),u=n(0),c=n.n(u),f=n(20),d=n.n(f),p=n(3),h=n.n(p),m=n(7),y=n.n(m),g=n(8),b=n.n(g),v=n(4),w=n.n(v),L=n(2),M=n.n(L),E=n(1),C=n.n(E),S={loading:"Loading, please wait...",close:"Close",hubPanelLabel:"Select content type",createContentTabLabel:"Create Content",uploadTabLabel:"Upload",uploadPlaceholder:"No file chosen",uploadInstructionsTitle:"Upload an H5P file.",uploadInstructionsContent:'You may start with examples from <a href="https://h5p.org/content-types-and-applications" target="blank">H5P.org</a>.',uploadFileButtonLabel:"Upload a file",uploadFileButtonChangeLabel:"Change file",uploadingThrobber:"Now uploading...",uploadSuccess:":title was successfully uploaded!",unableToInterpretError:"Unable to interpret response.",unableToInterpretSolution:"Please check your error log.",h5pFileWrongExtensionTitle:"The selected file could not be uploaded",h5pFileWrongExtensionContent:"Only files with the .h5p extension are allowed.",contentTypeSectionAll:"All Content Types",searchResults:"Search Results",contentTypeSearchFieldPlaceholder:"Search for Content Types",contentTypeInstallButtonLabel:"Install",contentTypeInstallingButtonLabel:"Installing",contentTypeUseButtonLabel:"Use",contentTypeDetailButtonLabel:"Details",contentTypeUpdateButtonLabel:"Update",contentTypeUpdatingButtonLabel:"Updating",contentTypeGetButtonLabel:"Get",contentTypeBackButtonLabel:"Back",contentTypeIconAltText:"Icon",contentTypeInstallSuccess:":contentType successfully installed!",contentTypeUpdateSuccess:":contentType successfully updated!",contentTypeInstallError:":contentType could not be installed. Contact your administrator.",contentTypeLicensePanelTitle:"License",contentTypeDemoButtonLabel:"Content Demo",numResults:":num results",show:"Show",recentlyUsedFirst:"Recently Used First",popularFirst:"Popular First",newestFirst:"Newest First",aToZ:"A to Z",noResultsFound:"No results found",noResultsFoundDesc:"There is no content type that matches your search criteria.",readMore:"Read more",readLess:"Read less",contentTypeUpdateAvailable:"Update available",licenseDescription:"Some of the features of this license are indicated below. Click the info icon above to read the original license text.",licenseModalTitle:"License Details",licenseModalSubtitle:"Select a license to view information about proper usage",licenseUnspecified:"Unspecified",licenseCanUseCommercially:"Can use commercially",licenseCanModify:"Can modify",licenseCanDistribute:"Can distribute",licenseCanSublicense:"Can sublicense",licenseCanHoldLiable:"Can hold liable",licenseCannotHoldLiable:"Cannot hold liable",licenseMustIncludeCopyright:"Must include copyright",licenseMustIncludeLicense:"Must include license",licenseFetchDetailsFailed:"Failed fetching license details",imageLightboxTitle:"Images",imageLightBoxProgress:":num of :total",nextImage:"Next image",previousImage:"Previous image",screenshots:"Screenshots",noContentTypesAvailable:"No content types are available",noContentTypesAvailableDesc:"Your site is having difficulties connecting to H5P.org and listing the available content types.",contentTypeCacheOutdated:"Content type list outdated",contentTypeCacheOutdatedDesc:"Your site is having difficulties connecting to H5P.org to check for content type updates. You may not be able to update or install new content types.",tryAgain:"Try again",getHelp:"Get help",pasteButton:"Paste",ok:"OK",language:"Language",noContentHeader:"No Fitting Content?",noContentSuggestion:"Create one yourself!",tutorials:"Tutorials",contentSectionAll:"All shared content",popularContent:"Popular Content",allPopular:"All Popular",newOnTheHub:"New on the Hub",allNew:"All New",filterBy:"Filter by",filter:"Filter",filters:{level:{dropdownLabel:"Level",dialogHeader:"Select level of education",dialogButtonLabel:"Filter level of education"},language:{dropdownLabel:"Language",dialogHeader:"Select language(s)",dialogButtonLabel:"Filter languages",searchPlaceholder:"Type to search for languages"},reviewed:{dropdownLabel:"Reviewed",dialogHeader:"Reviewed Content",dialogButtonLabel:"Filter",optionLabel:"Show only reviewed content"},contentTypes:{dropdownLabel:"Content types",dialogHeader:"Select Content type(s)",dialogButtonLabel:"Filter Content Types",searchPlaceholder:"Type to search for content types"},disciplines:{dropdownLabel:"Discipline",dialogHeader:"Select Your Discipline",dialogButtonLabel:"Filter Disciplines",searchPlaceholder:"Type to search for disciplines"},licenses:{dropdownLabel:"License",dialogHeader:"Select preferred rights of use",dialogButtonLabel:"Filter licenses",options:{modified:"Can be modified",commercial:"Allows commercial use"}}},clearFilters:"Clear all filters",contentSearchFieldPlaceholder:"Search for Content",loadingContentTitle:"We are loading content for you...",loadingContentSubtitle:"Please wait",by:"By",dropdownButton:"Open dropdown",paginationNavigation:"Pagination navigation",page:"Page",currentPage:"Current page",nextPage:"Go to next page",previousPage:"Go to previous page",contentPreviewButtonLabel:"Preview",contentDownloadButtonLabel:"Get Content",contentDownloadButtonDownloadingLabel:"Downloading...",reuseContentTabLabel:"Get Shared Content",contentPublisherPanelHeader:"Publisher Info",noContentFoundDesc:"There is no content that matches your search criteria.",h5pType:"H5P Type",level:"Level",age:"Typical age",size:"Size",failedFetchingData:"Failed fetching data",filterErrorMessage:"Something went wrong. Please reload the page.",in:"in",navigateToParent:"Navigate to parent",downloadFailed:"Download failed",downloadFailedMissingLibrariesTitle:"Download failed",downloadFailedMissingLibrariesMessage:"You are not authorized to install or update the libraries required by this content.",contentHubConnectionFailed:"Could not connect to the content hub.",somethingWentWrongTryAgain:"Something went wrong. Please try again."},T=n(11),x=n.n(T);function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return k(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return o=e.done,e},e:function(e){l=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(l)throw a}}}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var I=function(e,t,n){if(void 0===e[t]||0===e[t].length)return new Error("Non empty string for prop ".concat(t," in ").concat(n))},O=function(e){return e.stopPropagation()},A=function(e,t){-1!==[32,13].indexOf(e.which)&&(e.preventDefault(),t())},P=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:90;return e.length>t?e.substr(0,t-3)+"...":e},R=function(e){return e.map((function(e){return{url:e.path,alt:e.altText}}))},z=function(e,t){var n,r={},i=j(e);try{for(i.s();!(n=i.n()).done;){var a=n.value;r[a+x()(a)]=1}}catch(e){i.e(e)}finally{i.f()}var o,l=j(t);try{for(l.s();!(o=l.n()).done;){var s=o.value,u=s+x()(s);if(!r[u])return!1;r[u]=2}}catch(e){l.e(e)}finally{l.f()}for(var c in r)if(1===r[c])return!1;return!0},F=C.a.shape({id:C.a.string.isRequired,title:C.a.string.isRequired,owner:C.a.string.isRequired,reviewed:C.a.bool.isRequired,content_type:C.a.string.isRequired,description:C.a.string,screenshots:C.a.arrayOf(C.a.shape({path:C.a.string,altText:C.a.string})),icon:C.a.string,level:C.a.string,language:C.a.string.isRequired,disciplines:C.a.array}),_=function(e,t){for(var n=["contentTypes","disciplines","language","level","license","reviewed"],r=0;r<n.length;r++){var i=e[n[r]],a=t[n[r]],o=Array.isArray(i),l=Array.isArray(a);if(o!==l||o&&l&&!z(i,a))return!1}return!0},U=function(e,t){var n=function(e){return e.versions.length?e.versions.reduce((function(t,n){return D(D({},t),{},M()({},"".concat(e.id,"-").concat(n.id),{id:"".concat(e.id,"-").concat(n.id),parentLicenseId:e.id,version:n.id,name:"".concat(e.name," ").concat(n.name),url:n.url}))}),{}):M()({},e.id,D({},e))};if(t.licenses){var r=t.licenses.reduce((function(e,t){var r=n(t);return D(D({},e),r)}),{});return D(D({},e),r)}var i=n(t);return D(D({},e),i)},Q=function(){function e(){o()(this,e)}return s()(e,null,[{key:"init",value:function(t){e.dictionary=function e(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];for(var i=1;i<n.length;i++)for(var a in n[i])n[i].hasOwnProperty(a)&&("object"===x()(n[0][a])&&"object"===x()(n[i][a])?e(n[0][a],n[i][a]):n[0][a]=n[i][a]);return n[0]}(S,t)}},{key:"get",value:function(t,n){var r=e.dictionary[t];return void 0===r?"Key not found in dictionary: ".concat(t):(n&&(r=e.replace(r,n)),r)}},{key:"replace",value:function(e,t){for(var n in t)t[n]&&(e=e.replace(n,t[n]));return e}}]),e}(),Y=(n(18),function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"include",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"cors";return fetch(e,{method:void 0===t?"GET":"POST",credentials:n,mode:r,body:t}).then((function(e){return e.json().catch((function(){throw{title:e.statusText+" ("+e.status+")",message:[Q.get("unableToInterpretError"),Q.get("unableToInterpretSolution")]}}))})).then((function(e){if(!1===e.success)throw{title:e.message,message:e.details};return e}))}),B=(n(40),function(e){var t=e.togglePanel,n=e.isExpanded,r=e.sectionId,i=e.title;return c.a.createElement("div",{className:"h5p-hub-client-drop-down","aria-level":"1",role:"heading"},c.a.createElement("div",{className:"h5p-hub-icon-hub-icon",role:"button",onClick:t,onKeyUp:function(e){13!==e.which&&32!==e.which||t()},"aria-expanded":n.toString(),"aria-controls":"h5p-hub-panel-body-".concat(r),tabIndex:"0"},c.a.createElement("span",{className:"h5p-hub-description"},"H5P Hub."),c.a.createElement("span",{className:"h5p-hub-selected"},i)))});B.propTypes={togglePanel:C.a.func.isRequired,isExpanded:C.a.bool.isRequired,sectionId:C.a.string.isRequired,title:C.a.string.isRequired};var W=B;n(41);function V(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var q=function(e){y()(n,e);var t=V(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"cloneChild",(function(e){return e?c.a.cloneElement(e,e.props.id?{className:(e.props.className?e.props.className+" ":"")+(r.state.selected?e.props.id===r.state.selected?"h5p-hub-highlight":"":r.count?"":"h5p-hub-highlight"),tabIndex:r.state.focused?e.props.id===r.state.focused?0:-1:r.count++?-1:0,role:-1!==["a","button"].indexOf(e.type)?void 0:e.props.role||"button",onClick:function(t){return r.handleClick(t,e.props.id)},onKeyDown:function(t){return r.handleKeyDown(t,e.props.id)},ref:function(t){return t&&!e.props.disabled?r.items.push(t):void 0}}:void 0,!e.props.id&&e.props.children?c.a.Children.map(e.props.children,r.cloneChild):e.props.children):null})),r.state={selected:e.selected,focused:e.selected},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){this.setState({selected:e.selected,focused:e.selected}),e.setFocus!==this.props.setFocus&&this.setState({focusOnRender:!0})}},{key:"select",value:function(e){for(var t=null,n=0;n<this.items.length;n++)if(e===this.items[n].id){t=this.items[n];break}this.props.onChange(e,t&&t.attributes),this.setState({selected:e})}},{key:"focus",value:function(e,t){e&&(this.setState({focused:e,focusOnRender:!t}),this.props.onFocus&&this.props.onFocus(e))}},{key:"getSiblingIdFor",value:function(e,t){for(var n=0;n<this.items.length;n++)if(e===this.items[n].id){var r=this.items[n+t];if(r)return r.id}}},{key:"handleClick",value:function(e,t){e.defaultPrevented||(this.select(t),"A"===e.target.tagName&&e.preventDefault())}},{key:"handleKeyDown",value:function(e,t){if(!e.defaultPrevented)switch(e.which){case 37:case 38:this.focus(this.getSiblingIdFor(t,-1)),e.preventDefault();break;case 39:case 40:this.focus(this.getSiblingIdFor(t,1)),e.preventDefault();break;case 32:case 13:this.select(t),e.preventDefault()}}},{key:"componentDidUpdate",value:function(){if(this.state.focusOnRender)if(delete this.state.focusOnRender,this.state.focused){for(var e=0;e<this.items.length;e++)if(this.state.focused===this.items[e].id){this.items[e].focus();break}}else this.items[0]&&this.items[0].focus()}},{key:"render",value:function(){return this.items=[],this.count=0,c.a.Children.map(this.props.children,this.cloneChild)}}]),n}(c.a.Component);q.propTypes={selected:C.a.string,setFocus:C.a.bool,onChange:C.a.func.isRequired,onFocus:C.a.func,onScrollIntoView:C.a.func};var H=q;function G(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Z=function(e){y()(n,e);var t=G(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleSelect",(function(e){r.setState({selected:e}),r.props.onSelect(e)})),r.state={selected:e.selected},r}return s()(n,[{key:"render",value:function(){var e=this,t=c.a.Children.map(this.props.children,(function(t){return null!==t&&c.a.createElement("li",{className:"h5p-hub-tab-button","aria-selected":e.state.selected===t.props.id,"aria-controls":"h5p-hub-tab-panel-".concat(t.props.id),role:"tab",key:t.props.id},c.a.createElement("a",{id:t.props.id,href:"#"},t.props.title))})),n=c.a.Children.map(this.props.children,(function(t){return null!==t&&c.a.createElement("div",{className:"h5p-hub-tabpanel".concat(e.state.selected===t.props.id?"":" h5p-hub-hidden"),id:"h5p-hub-tab-panel-".concat(t.props.id),"aria-labelledby":t.props.id,role:"tabpanel"},t)}));return c.a.createElement("div",{className:"h5p-hub-tab-panel"},c.a.createElement("nav",null,!!window.localStorage&&c.a.createElement("div",{className:"h5peditor-copypaste-wrap"},c.a.createElement("button",{id:"h5peditor-hub-paste-button",className:"h5peditor-paste-button ".concat(this.props.canPaste?"":"disabled"),disabled:!this.props.canPaste,title:this.props.canPaste?Q.get("pasteFromClipboard"):this.props.canPasteTitle,onClick:this.props.onPaste},Q.get("pasteButton"))),c.a.createElement("ul",{role:"tablist"},c.a.createElement(H,{selected:this.props.children[0].props.id,onChange:this.handleSelect},t))),n)}}]),n}(c.a.Component);Z.propTypes={selected:C.a.string.isRequired,onSelect:C.a.func.isRequired};var K=Z,X=n(10),J=(n(42),function(e){var t=e.headerText,n=e.suggestionText,r=e.tutorialUrl;return c.a.createElement("div",{className:"h5p-hub-no-content"},c.a.createElement("img",{className:"h5p-hub-no-results-img",src:"data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQyLjkxIDk1LjA2Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogbm9uZTsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgY2xpcC1wYXRoOiB1cmwoI2NsaXAtcGF0aCk7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMyB7DQogICAgICAgIGZpbGw6ICNjY2NjZDU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+DQogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjAuMTciIHk9Ii0wLjAyIiB3aWR0aD0iMjQ0LjQiIGhlaWdodD0iOTUuNzgiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDx0aXRsZT5uby1yZXN1bHRzPC90aXRsZT4NCiAgPGcgY2xhc3M9ImNscy0yIj4NCiAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMDguOTIsNzguNDVWOTMuNzhhMS4yOCwxLjI4LDAsMCwxLTEuMjgsMS4yOEg4OS43NWExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjcyLjQ4YTEuMjgsMS4yOCwwLDAsMSwxLjI4LTEuMjhoMTEuOTJhMy41NywzLjU3LDAsMCwxLDIuMTguOTFMMTA4LDc2LjI2QTMuNTcsMy41NywwLDAsMSwxMDguOTIsNzguNDVabS0xLjcsMS4yOGgtNS41NGExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjcyLjkxSDkwLjE4VjkzLjM1aDE3Wk05NCw4MS40M2g5LjM3YS40Mi40MiwwLDAsMSwuNDIuNDN2Ljg1YS40Mi40MiwwLDAsMS0uNDIuNDNIOTRhLjQyLjQyLDAsMCwxLS40My0uNDN2LS44NUEuNDIuNDIsMCwwLDEsOTQsODEuNDNabTkuNzksMy44M3YuODVhLjQyLjQyLDAsMCwxLS40Mi40M0g5NGEuNDIuNDIsMCwwLDEtLjQzLS40M3YtLjg1YS40Mi40MiwwLDAsMSwuNDMtLjQzaDkuMzdBLjQyLjQyLDAsMCwxLDEwMy44MSw4NS4yNlptMCwzLjQxdi44NWEuNDIuNDIsMCwwLDEtLjQyLjQzSDk0YS40Mi40MiwwLDAsMS0uNDMtLjQzdi0uODVhLjQyLjQyLDAsMCwxLC40My0uNDNoOS4zN0EuNDIuNDIsMCwwLDEsMTAzLjgxLDg4LjY3Wk0xMDIuMSw3OGg1YTEuNzEsMS43MSwwLDAsMC0uMjktLjU1bC00LjE3LTQuMTdhMS42OSwxLjY5LDAsMCwwLS41NS0uMjlaIi8+DQogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjE4Ljg3LDg1LjE5LDIxNC45NSw5MGE0LjgsNC44LDAsMCwxLTMuNDEsMS42MkgxOTcuMDZhMywzLDAsMCwxLTMtM1Y3NS44OWEzLDMsMCwwLDEsMy0zaDQuMjZhMywzLDAsMCwxLDMsM3YuNDNoNy4yNGEzLDMsMCwwLDEsMywzdjIuMTNoMi41NmEyLjM3LDIuMzcsMCwwLDEsMi4yMSwxLjI2LDIuMDksMi4wOSwwLDAsMSwuMi45QTIuNjIsMi42MiwwLDAsMSwyMTguODcsODUuMTlabS02LjA2LTMuNzdWNzkuM0ExLjI4LDEuMjgsMCwwLDAsMjExLjU0LDc4aC03LjY3YTEuMjgsMS4yOCwwLDAsMS0xLjI4LTEuMjh2LS44NWExLjI4LDEuMjgsMCwwLDAtMS4yOC0xLjI4aC00LjI2YTEuMjgsMS4yOCwwLDAsMC0xLjI4LDEuMjhWODcuMjRMMTk5LjE5LDgzYTQuNzUsNC43NSwwLDAsMSwzLjQxLTEuNjJabTQuMjYsMS43SDIwMi42YTMuMDcsMy4wNywwLDAsMC0yLjA5LDFsLTMuOTEsNC44M2EuOTIuOTIsMCwwLDAtLjI0LjUzYzAsLjM3LjQxLjQ3LjcxLjQ3aDE0LjQ4YTMsMywwLDAsMCwyLjA5LTFsMy45MS00LjgzYS44NS44NSwwLDAsMCwuMjQtLjUyQzIxNy43OCw4My4yMiwyMTcuMzcsODMuMTMsMjE3LjA4LDgzLjEzWiIvPg0KICAgIDxnPg0KICAgICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIxMTcuNzQiIHk9IjgxLjA2IiB3aWR0aD0iOSIgaGVpZ2h0PSI5IiByeD0iMS43IiByeT0iMS43Ii8+DQogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMzEuNDksODEuNDNhLjM1LjM1LDAsMCwwLS4yNi4xMmwtMy40OCwzLjU0djEuMmwzLjQ4LDMuNTRhLjM5LjM5LDAsMCwwLC4yOC4xMmMuMDUsMCwwLDAsLjA2LDBzLjE3LS4yMy4xNy0uNFY4MS44NWMwLS4xNywwLS4zMy0uMTgtLjRTMTMxLjU0LDgxLjQzLDEzMS40OSw4MS40M1oiLz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzMy43NCw3OS44NFY5My4wNmgtMTdWNzkuMjFjLTEtLjE3LTItLjM2LTItLjU2VjkzLjc4YTEuNCwxLjQsMCwwLDAsMS40MSwxLjI4SDEzNWMuNzEsMCwuNzEtLjU4LjcxLTEuMjhWNzkuNEMxMzUuNzQsNzkuNTUsMTMzLjc0LDc5LjcxLDEzMy43NCw3OS44NFoiLz4NCiAgICA8L2c+DQogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjAuNDQsNy4yNFYyMi41N2ExLjI4LDEuMjgsMCwwLDEtMS4yOCwxLjI4SDEuMjhBMS4yOCwxLjI4LDAsMCwxLDAsMjIuNTdWMS4yOEExLjI4LDEuMjgsMCwwLDEsMS4yOCwwSDEzLjJhMy41NywzLjU3LDAsMCwxLDIuMTguOTFsNC4xNSw0LjE1QTMuNTcsMy41NywwLDAsMSwyMC40NCw3LjI0Wm0tMS43LDEuMjhIMTMuMmExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjEuN0gxLjdWMjIuMTVoMTdabS0xMy4yLDEuN2g5LjM3YS40Mi40MiwwLDAsMSwuNDMuNDN2Ljg1YS40Mi40MiwwLDAsMS0uNDMuNDNINS41NGEuNDIuNDIsMCwwLDEtLjQzLS40M3YtLjg1QS40Mi40MiwwLDAsMSw1LjU0LDEwLjIyWm05LjgsMy44M3YuODVhLjQyLjQyLDAsMCwxLS40My40M0g1LjU0YS40Mi40MiwwLDAsMS0uNDMtLjQzdi0uODVhLjQyLjQyLDAsMCwxLC40My0uNDNoOS4zN0EuNDIuNDIsMCwwLDEsMTUuMzMsMTQuMDVabTAsMy40MXYuODVhLjQyLjQyLDAsMCwxLS40My40M0g1LjU0YS40Mi40MiwwLDAsMS0uNDMtLjQzdi0uODVBLjQyLjQyLDAsMCwxLDUuNTQsMTdoOS4zN0EuNDIuNDIsMCwwLDEsMTUuMzMsMTcuNDZaTTEzLjYzLDYuODFoNWExLjcsMS43LDAsMCwwLS4yOS0uNTVMMTQuMTcsMi4xYTEuNywxLjcsMCwwLDAtLjU1LS4yOVoiLz4NCiAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00Ni44NCw3LjI0VjIyLjU3YTEuMjgsMS4yOCwwLDAsMS0xLjI4LDEuMjhIMjcuNjhhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYxLjI4QTEuMjgsMS4yOCwwLDAsMSwyNy42OCwwSDM5LjZhMy41NywzLjU3LDAsMCwxLDIuMTguOTFsNC4xNSw0LjE1QTMuNTcsMy41NywwLDAsMSw0Ni44NCw3LjI0Wm0tMS43LDEuMjhIMzkuNmExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjEuN0gyOC4xVjIyLjE1aDE3Wm0tNi44MSwzLjQxVjE3YTEuNzIsMS43MiwwLDAsMS0xLjcsMS43SDMxLjUxYTEuNzIsMS43MiwwLDAsMS0xLjctMS43VjExLjkyYTEuNzIsMS43MiwwLDAsMSwxLjctMS43aDUuMTFBMS43MiwxLjcyLDAsMCwxLDM4LjMzLDExLjkyWm01LjExLTEuMjh2Ny42N2EuNDQuNDQsMCwwLDEtLjI3LjRsLS4xNiwwYS40NS40NSwwLDAsMS0uMzEtLjEybC0zLjUzLTMuNTR2LTEuMmwzLjUzLTMuNTRhLjQ1LjQ1LDAsMCwxLC4zMS0uMTJsLjE2LDBBLjQ0LjQ0LDAsMCwxLDQzLjQ0LDEwLjY1Wk00MCw2LjgxaDVhMS42OSwxLjY5LDAsMCwwLS4yOS0uNTVMNDAuNTcsMi4xQTEuNywxLjcsMCwwLDAsNDAsMS44MVoiLz4NCiAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik03My4yNCw3LjI0VjIyLjU3QTEuMjgsMS4yOCwwLDAsMSw3MiwyMy44NUg1NC4wOGExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjEuMjhBMS4yOCwxLjI4LDAsMCwxLDU0LjA4LDBINjZhMy41NywzLjU3LDAsMCwxLDIuMTguOTFsNC4xNSw0LjE1QTMuNTcsMy41NywwLDAsMSw3My4yNCw3LjI0Wm0tMS43LDEuMjhINjZhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYxLjdINTQuNVYyMi4xNWgxN1pNNjEuMzIsMTEuNzFWMTlhLjQ0LjQ0LDAsMCwxLS4yNy40bC0uMTYsMGEuNDcuNDcsMCwwLDEtLjMxLS4xMkw1OC4zOCwxN0g1Ni42M2EuNDIuNDIsMCwwLDEtLjQzLS40M1YxNC4wNWEuNDIuNDIsMCwwLDEsLjQzLS40M2gxLjc0bDIuMjEtMi4yMmEuNDMuNDMsMCwwLDEsLjczLjMxWm0zLjEsNi41M2E0LjI1LDQuMjUsMCwwLDAsMC01LjgzLjg1Ljg1LDAsMSwwLTEuMjQsMS4xNywyLjU0LDIuNTQsMCwwLDEsMCwzLjQ5Ljg2Ljg2LDAsMCwwLDAsMS4yMS45Mi45MiwwLDAsMCwuNTkuMjNBLjg5Ljg5LDAsMCwwLDY0LjQyLDE4LjI1Wm0yLjg1LDEuOTJhNy42NSw3LjY1LDAsMCwwLDAtOS42Ni44NS44NSwwLDEsMC0xLjMyLDEuMDgsNiw2LDAsMCwxLDAsNy41MS44NC44NCwwLDAsMCwuMTIsMS4yLjgzLjgzLDAsMCwwLC41My4yQS44NC44NCwwLDAsMCw2Ny4yNywyMC4xNlpNNjYuNDMsNi44MWg1YTEuNjksMS42OSwwLDAsMC0uMjktLjU1TDY3LDIuMWExLjcsMS43LDAsMCwwLS41NS0uMjlaIi8+DQogICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNOTkuNjQsNy4yNFYyMi41N2ExLjI4LDEuMjgsMCwwLDEtMS4yOCwxLjI4SDgwLjQ4YTEuMjgsMS4yOCwwLDAsMS0xLjI4LTEuMjhWMS4yOEExLjI4LDEuMjgsMCwwLDEsODAuNDgsMEg5Mi40YTMuNTcsMy41NywwLDAsMSwyLjE4LjkxbDQuMTUsNC4xNUEzLjU3LDMuNTcsMCwwLDEsOTkuNjQsNy4yNFptLTEuNywxLjI4SDkyLjRhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYxLjdIODAuOVYyMi4xNWgxN1pNODIuNjEsMTEuMDdhMi41NiwyLjU2LDAsMSwxLDIuNTYsMi41NkEyLjU2LDIuNTYsMCwwLDEsODIuNjEsMTEuMDdabTEzLjYzLDkuMzdIODIuNjFWMTcuODlsMi41Ni0yLjU2LDEuNywxLjdMOTIsMTEuOTJsNC4yNiw0LjI2Wk05Mi44Myw2LjgxaDVhMS42OSwxLjY5LDAsMCwwLS4yOS0uNTVMOTMuMzcsMi4xYTEuNywxLjcsMCwwLDAtLjU1LS4yOVoiLz4NCiAgICA8Zz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTYwLjgxLDQxLjIxVjU2LjU0YTEuMjgsMS4yOCwwLDAsMS0xLjI4LDEuMjhINDEuNjVhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS4yNEExLjI4LDEuMjgsMCwwLDEsNDEuNjUsMzRINTMuNTdhMy41NywzLjU3LDAsMCwxLDIuMTguOTFMNTkuOTEsMzlBMy41NywzLjU3LDAsMCwxLDYwLjgxLDQxLjIxWm0tMS43LDEuMjhINTMuNTdhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS42N0g0Mi4wOFY1Ni4xMWgxN1ptLTEzLjIsMS43aDkuMzdhLjQyLjQyLDAsMCwxLC40My40M3YuODVhLjQyLjQyLDAsMCwxLS40My40M0g0NS45MWEuNDIuNDIsMCwwLDEtLjQzLS40M3YtLjg1QS40Mi40MiwwLDAsMSw0NS45MSw0NC4xOVpNNTUuNyw0OHYuODVhLjQyLjQyLDAsMCwxLS40My40M0g0NS45MWEuNDIuNDIsMCwwLDEtLjQzLS40M1Y0OGEuNDIuNDIsMCwwLDEsLjQzLS40M2g5LjM3QS40Mi40MiwwLDAsMSw1NS43LDQ4Wm0wLDMuNDF2Ljg1YS40Mi40MiwwLDAsMS0uNDMuNDNINDUuOTFhLjQyLjQyLDAsMCwxLS40My0uNDN2LS44NWEuNDIuNDIsMCwwLDEsLjQzLS40M2g5LjM3QS40Mi40MiwwLDAsMSw1NS43LDUxLjQzWk01NCw0MC43OGg1YTEuNywxLjcsMCwwLDAtLjI5LS41NWwtNC4xNy00LjE3YTEuNjksMS42OSwwLDAsMC0uNTUtLjI5WiIvPg0KICAgICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNODcuMjIsNDEuMjFWNTYuNTRhMS4yOCwxLjI4LDAsMCwxLTEuMjgsMS4yOEg2OC4wNWExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjM1LjI0QTEuMjgsMS4yOCwwLDAsMSw2OC4wNSwzNEg4MGEzLjU3LDMuNTcsMCwwLDEsMi4xOC45MUw4Ni4zMSwzOUEzLjU3LDMuNTcsMCwwLDEsODcuMjIsNDEuMjFabS0xLjcsMS4yOEg4MGExLjI4LDEuMjgsMCwwLDEtMS4yOC0xLjI4VjM1LjY3SDY4LjQ4VjU2LjExaDE3Wk03OC43LDQ1Ljg5VjUxQTEuNzIsMS43MiwwLDAsMSw3Nyw1Mi43SDcxLjg4YTEuNzIsMS43MiwwLDAsMS0xLjctMS43VjQ1Ljg5YTEuNzIsMS43MiwwLDAsMSwxLjctMS43SDc3QTEuNzIsMS43MiwwLDAsMSw3OC43LDQ1Ljg5Wm01LjExLTEuMjh2Ny42N2EuNDQuNDQsMCwwLDEtLjI3LjRsLS4xNiwwYS40NC40NCwwLDAsMS0uMzEtLjEyTDc5LjU1LDQ5di0xLjJsMy41My0zLjU0YS40NC40NCwwLDAsMSwuMzEtLjEybC4xNiwwQS40NC40NCwwLDAsMSw4My44MSw0NC42MVpNODAuNCw0MC43OGg1YTEuNjksMS42OSwwLDAsMC0uMjktLjU1bC00LjE3LTQuMTdhMS42OSwxLjY5LDAsMCwwLS41NS0uMjlaIi8+DQogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xODUuMTUsNDEuMjFWNTYuNTRhMS4yOCwxLjI4LDAsMCwxLTEuMjgsMS4yOEgxNjZhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS4yNEExLjI4LDEuMjgsMCwwLDEsMTY2LDM0aDExLjkyYTMuNTcsMy41NywwLDAsMSwyLjE4LjkxTDE4NC4yNCwzOUEzLjU3LDMuNTcsMCwwLDEsMTg1LjE1LDQxLjIxWm0tMS43LDEuMjhoLTUuNTRhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS42N0gxNjYuNDFWNTYuMTFoMTdabS0xMC4yMiwzLjE5djcuMjRhLjQ0LjQ0LDAsMCwxLS4yNy40bC0uMTYsMGEuNDcuNDcsMCwwLDEtLjMxLS4xMkwxNzAuMjgsNTFoLTEuNzRhLjQyLjQyLDAsMCwxLS40My0uNDNWNDhhLjQyLjQyLDAsMCwxLC40My0uNDNoMS43NGwyLjIxLTIuMjJhLjQzLjQzLDAsMCwxLC43My4zMVptMy4xLDYuNTNhNC4yNSw0LjI1LDAsMCwwLDAtNS44My44NS44NSwwLDEsMC0xLjI0LDEuMTcsMi41NCwyLjU0LDAsMCwxLDAsMy40OS44Ni44NiwwLDAsMCwwLDEuMjEuOTIuOTIsMCwwLDAsLjU5LjIzQS44OS44OSwwLDAsMCwxNzYuMzMsNTIuMjFabTIuODUsMS45MmE3LjY1LDcuNjUsMCwwLDAsMC05LjY2Ljg1Ljg1LDAsMSwwLTEuMzIsMS4wOCw2LDYsMCwwLDEsMCw3LjUxLjg0Ljg0LDAsMCwwLC4xMiwxLjIuODMuODMsMCwwLDAsLjUzLjJBLjg0Ljg0LDAsMCwwLDE3OS4xNyw1NC4xM1ptLS44NC0xMy4zNWg1YTEuNjksMS42OSwwLDAsMC0uMjktLjU1bC00LjE3LTQuMTdhMS42OSwxLjY5LDAsMCwwLS41NS0uMjlaIi8+DQogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMTEuNTUsNDEuMjFWNTYuNTRhMS4yOCwxLjI4LDAsMCwxLTEuMjgsMS4yOEgxOTIuMzlhMS4yOCwxLjI4LDAsMCwxLTEuMjgtMS4yOFYzNS4yNEExLjI4LDEuMjgsMCwwLDEsMTkyLjM5LDM0aDExLjkyYTMuNTcsMy41NywwLDAsMSwyLjE4LjkxTDIxMC42NSwzOUEzLjU3LDMuNTcsMCwwLDEsMjExLjU1LDQxLjIxWm0tMS43LDEuMjhoLTUuNTRBMS4yOCwxLjI4LDAsMCwxLDIwMyw0MS4yMVYzNS42N0gxOTIuODFWNTYuMTFoMTdaTTE5NC41Miw0NWEyLjU2LDIuNTYsMCwxLDEsMi41NiwyLjU2QTIuNTYsMi41NiwwLDAsMSwxOTQuNTIsNDVabTEzLjYzLDkuMzdIMTk0LjUyVjUxLjg1bDIuNTYtMi41NiwxLjcsMS43LDUuMTEtNS4xMSw0LjI2LDQuMjZabS0zLjQxLTEzLjYzaDVhMS42OSwxLjY5LDAsMCwwLS4yOS0uNTVsLTQuMTctNC4xN2ExLjY5LDEuNjksMCwwLDAtLjU1LS4yOVoiLz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI0Mi4zLDQ4bC0zLjkzLDQuODNBNC44LDQuOCwwLDAsMSwyMzUsNTQuNDFIMjIwLjQ5YTMsMywwLDAsMS0zLTNWMzguNjVhMywzLDAsMCwxLDMtM2g0LjI2YTMsMywwLDAsMSwzLDN2LjQzSDIzNWEzLDMsMCwwLDEsMywzdjIuMTNoMi41NmEyLjM3LDIuMzcsMCwwLDEsMi4yMSwxLjI2LDIuMDgsMi4wOCwwLDAsMSwuMi45QTIuNjIsMi42MiwwLDAsMSwyNDIuMyw0OFptLTYuMDYtMy43N1Y0Mi4wNkExLjI4LDEuMjgsMCwwLDAsMjM1LDQwLjc4SDIyNy4zQTEuMjgsMS4yOCwwLDAsMSwyMjYsMzkuNXYtLjg1YTEuMjgsMS4yOCwwLDAsMC0xLjI4LTEuMjhoLTQuMjZhMS4yOCwxLjI4LDAsMCwwLTEuMjgsMS4yOFY1MGwzLjQxLTQuMTlBNC43NSw0Ljc1LDAsMCwxLDIyNiw0NC4xOVptNC4yNiwxLjdIMjI2YTMuMDcsMy4wNywwLDAsMC0yLjA5LDFMMjIwLDUxLjcxYS45Mi45MiwwLDAsMC0uMjQuNTNjMCwuMzcuNDEuNDcuNzEuNDdIMjM1YTMsMywwLDAsMCwyLjA5LTFMMjQxLDQ2Ljg4YS44NS44NSwwLDAsMCwuMjQtLjUyQzI0MS4yMSw0NiwyNDAuOCw0NS44OSwyNDAuNTEsNDUuODlaIi8+DQogICAgPC9nPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEwOCwxOC40OGEuNjYuNjYsMCwwLDEsLjE0LS43NEwxMTIsMTNhMywzLDAsMCwxLDIuMDktLjkySDEyOC42Yy42NCwwLC45LjM5LjQ3LjkybC0uMi4yMWMuNjQsMCwxLjI4LjEsMS45MS4xOGEyLjQxLDIuNDEsMCwwLDAsMC0yLDIuNDQsMi40NCwwLDAsMC0yLjIxLTEuMzVoLTIuODZ2LTJhMi43OSwyLjc5LDAsMCwwLTIuNjgtM2gtNy4zMlY0LjY4YTIuNjQsMi42NCwwLDAsMC0yLjktMi42MmgtNC4yNmEyLjU5LDIuNTksMCwwLDAtMi44NCwyLjYyVjE3LjQ2YTIuOTEsMi45MSwwLDAsMCwuNzgsMi4wN0MxMDcsMTkuMTcsMTA3LjQ2LDE4LjgyLDEwOCwxOC40OFptLS4yMy0xNC4zM2MwLS4xOC4xNC0uMDkuODQtLjA5aDQuMjZjLjcxLDAsLjktLjA4LjkuNjJ2Ljg1YTEuODgsMS44OCwwLDAsMCwxLjY1LDEuNTJoNy42N2MuNzEsMCwuNjguMzMuNjgsMXYyaC05LjYyYTYuNDcsNi40NywwLDAsMC00LjA5LDEuN2wtMi4yOSwzLjczWiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzMC44Nyw0Ny43NGEzLjcyLDMuNzIsMCwwLDAtMS43OCwyLjQ1Ljg3Ljg3LDAsMCwxLS43NC44OUgxMjMuOWMtLjQxLDAtLjY3LS42My0uNjctMXYtLjgzYzAtMi4yNCwyLjIyLTQuMTcsMy44NS00LjkxLDEuNDMtLjY1LDItMS4yNiwyLTIuNDRzLTEuMzUtMi0yLjg1LTJhMy43OSwzLjc5LDAsMCwwLTIsLjU0LDEwLjQ4LDEwLjQ4LDAsMCwwLTIsMi4xMy43Ny43NywwLDAsMS0uNTcuMy44Ni44NiwwLDAsMS0uNDYtLjE1bC0zLTIuMzJhLjczLjczLDAsMCwxLS4xOS0xLDkuNCw5LjQsMCwwLDEsOC41OS00LjkzYzQsMCw4LjQxLDMuMTcsOC40MSw3LjQxQzEzNSw0NS40MSwxMzIuNjMsNDYuNzYsMTMwLjg3LDQ3Ljc0Wm0tMS43LDkuNzFhLjc0Ljc0LDAsMCwxLS43NC43NEgxMjRhLjc0Ljc0LDAsMCwxLS43NC0uNzRWNTNhLjc0Ljc0LDAsMCwxLC43NC0uNzRoNC40NGEuNzQuNzQsMCwwLDEsLjc0Ljc0WiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE2Ni40OCw4OWExLjkxLDEuOTEsMCwwLDEtMS4zNC0uNTVsLTE5LjA3LTE5LTIuODQsMmEyOS44NCwyOS44NCwwLDEsMSw3LjY4LTcuNjlsLTIsMi44NSwxOSwxOUEyLDIsMCwwLDEsMTY2LjQ4LDg5Wm0tNDAuMTYtNjhhMjUuNzcsMjUuNzcsMCwxLDAsMjUuNzcsMjUuNzdBMjUuOCwyNS44LDAsMCwwLDEyNi4zMiwyMS4wOFoiLz4NCiAgICA8Zz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE1MS42OCw4OS40OWEuOTIuOTIsMCwwLDAsLjU5LjIzLjg5Ljg5LDAsMCwwLC42Mi0uMjcsNC4yNSw0LjI1LDAsMCwwLDAtNS44My44NS44NSwwLDEsMC0xLjI0LDEuMTcsMi41NCwyLjU0LDAsMCwxLDAsMy40OUEuODYuODYsMCwwLDAsMTUxLjY4LDg5LjQ5WiIvPg0KICAgICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTU1Ljc2LDg2LjU0YTUuOSw1LjksMCwwLDEtMS4zMywzLjc1Ljg0Ljg0LDAsMCwwLC4xMiwxLjIuODMuODMsMCwwLDAsLjUzLjIuODQuODQsMCwwLDAsLjY3LS4zMiw3LjY4LDcuNjgsMCwwLDAsMS43Mi00LjgzczAtLjA3LDAtLjFsLTIuMTYtMi4xNUE1LjkxLDUuOTEsMCwwLDEsMTU1Ljc2LDg2LjU0WiIvPg0KICAgICAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTU5Ljc0LDg5djQuMDhoLTE3Vjc2LjI1YzAsLjMyLTEsLjYyLTIsLjkxVjkzLjc4YzAsLjcxLDEuMTEsMS4yOCwxLjgxLDEuMjhoMTcuODlhMS4zLDEuMywwLDAsMCwxLjMtMS4yOFY5MC42OFoiLz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE0NS4xMSw4OC4wNmgxLjc0bDIuMjEsMi4zMWEuNTQuNTQsMCwwLDAsLjMxLjE2LjQ1LjQ1LDAsMCwwLC4xMywwLC4zOC4zOCwwLDAsMCwuMjQtLjM4VjgyLjkyYS40MS40MSwwLDAsMC0uMjQtLjRjLS4xNi0uMDctLjMyLS40MS0uNDUtLjI5bC0yLjIsMS44NGgtMS43NGMtLjI0LDAtLjM3LDEtLjM3LDEuMnYyLjU2QzE0NC43NCw4OC4wNSwxNDQuODcsODguMDYsMTQ1LjExLDg4LjA2WiIvPg0KICAgIDwvZz4NCiAgICA8Zz4NCiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE4Ny41Myw3Ni4yNmwtNC4zMS0zLjcyYy0uNDktLjQ5LTEuNjMtLjQ4LTIuMzQtLjQ4SDE2OWMtLjcxLDAtMS4yMS0uMjgtMS4yMS40MnY3LjIzbDIsMS43VjczLjA2aDEwdjUuMzhjMCwuNzEuNDMuNjIsMS4xNC42Mmg1Ljg2djE0aC0xN3YtLjgxYTkuMTgsOS4xOCwwLDAsMS0yLC42M3YuODlBMS4yMywxLjIzLDAsMCwwLDE2OSw5NS4wNmgxNy44OWMuNzEsMCwxLjktLjU4LDEuOS0xLjI4Vjc4LjQ1QTQsNCwwLDAsMCwxODcuNTMsNzYuMjZabS01Ljc4LjhWNzNjMCwuMDguMjMuMi4zMy4yOUwxODYuMTMsNzdjLjA5LjA5LjEuMDcuMTguMDdaIi8+DQogICAgICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xODQuNzQsODcuMzlsLTQuMjctNC4yNi01LjEyLDUuMTEtMS43MS0xLjctMS4zOCwxLjIxYTQuNTYsNC41NiwwLDAsMS0xLjUyLDMuMXYuMjJoMTRaIi8+DQogICAgICA8Y2lyY2xlIGNsYXNzPSJjbHMtMyIgY3g9IjE3My42NCIgY3k9IjgyLjI4IiByPSIyLjU2Ii8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg=="}),c.a.createElement("section",{className:"h5p-hub-right-text"},c.a.createElement("div",{className:"h5p-hub-header"},t),c.a.createElement("div",{className:"h5p-hub-suggestion-text"},n),r&&c.a.createElement("div",null,c.a.createElement("a",{className:"h5p-hub-url",target:"_blank",href:r},Q.get("tutorials")))))});J.propTypes={headerText:C.a.string.isRequired,suggestionText:C.a.string.isRequired,tutorialUrl:C.a.string};var $=J;n(43);function ee(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var te=function(e){y()(n,e);var t=ee(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"focusedExits",(function(){for(var e=0;e<r.props.children.length;e++)if(r.props.children[e].props.id===r.props.focused)return!0;return!1})),r.state={setFocus:!1,focused:""},r}return s()(n,[{key:"componentDidMount",value:function(){"tabular"===this.props.type&&this.props.setFocus&&this.setState((function(e){return{setFocus:!e.setFocus}}))}},{key:"componentDidUpdate",value:function(e){var t=this;e.setFocus!==this.props.setFocus&&this.focusedExits()&&this.setState((function(e){return{setFocus:!e.setFocus,focused:t.props.focused}}))}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"h5p-hub-list ".concat(this.props.type," ").concat(this.props.classNames)},c.a.createElement("ol",{ref:function(t){return e.listElement=t},"aria-label":this.props.title},c.a.createElement(H,{onChange:this.props.onSelect,selected:this.state.focused,setFocus:this.state.setFocus},this.props.children)))}}]),n}(c.a.Component);te.propTypes={type:C.a.oneOf(["tabular","grid"]).isRequired,classNames:C.a.string,children:C.a.arrayOf(C.a.node).isRequired,onSelect:C.a.func.isRequired,focused:C.a.string,setFocus:C.a.bool,title:C.a.string.isRequired},te.defaultProps={classNames:""};var ne=te,re=(n(44),n(15)),ie=n.n(re),ae=function(e){return"h5p-hub-paginator-page-".concat(e)};function oe(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var le=function(e){y()(n,e);var t=oe(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"resize",(function(){r.setState({screenWidth:document.documentElement.clientWidth})})),M()(h()(r),"handlePageSelected",(function(e,t){var n=t.getNamedItem("data-page").value,i=r.props.setFocus;"-1"==n?n=r.props.selectedPage-1:"+1"==n&&(n=r.props.selectedPage+1),1!=n&&n!=r.props.pages||(i=!r.props.setFocus),r.props.onChange(i,parseInt(n))})),r.state={screenWidth:document.documentElement.clientWidth},r}return s()(n,[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.resize)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.resize)}},{key:"render",value:function(){return c.a.createElement("nav",{role:"navigation"},c.a.createElement("ul",{className:"h5p-hub-list-of-numbers","aria-label":Q.get("paginationNavigation")},c.a.createElement(H,{selected:ae(this.props.selectedPage),onChange:this.handlePageSelected,setFocus:this.props.setFocus},function(e,t,n){var r=[],i=parseInt(ie.a.screenSmall),a=function(e){return c.a.createElement("li",{id:"h5p-hub-paginator-dots",disabled:!0,key:"dots: "+e,className:"h5p-hub-dots"},c.a.createElement("div",{className:"h5p-hub-dots-text"},"..."))},o=function(t){return c.a.createElement("li",{key:t.toString(),className:"h5p-hub-list-element"},c.a.createElement("a",{href:"#",id:ae(t),"data-page":t,"aria-label":Q.get("page")+" "+t+(t==e&&", "+Q.get("currentPage")),"aria-current":t==e},t))},l=function(e,t){var n;return c.a.createElement("li",{key:e,className:"h5p-hub-list-element ".concat(t?"":"disabled")},c.a.createElement("a",(n={href:"#",id:e,"data-page":e},M()(n,"id","h5p-hub-paginator-".concat("-1"==e?"previous":"next")),M()(n,"disabled",!t),M()(n,"aria-label",Q.get("".concat("-1"==e?"previous":"next","Page"))),M()(n,"className","-1"==e?"h5p-hub-previous-arrow":"h5p-hub-next-arrow"),n)))};if(r.push(l("-1",e>1)),t<=7&&n>i)for(var s=1;s<=t;s++)r.push(o(s));else if(n<i)for(var u=e-1;u<e+2;u++)u>0&&u<=t&&r.push(o(u));else if(e<5){for(var f=1;f<6;f++)r.push(o(f));r.push(a("end")),r.push(o(t))}else if(e>t-3){r.push(o(1)),r.push(a("beginning"));for(var d=t-3-1;d<=t;d++)r.push(o(d))}else{r.push(o(1)),r.push(a("beginning"));for(var p=e-1;p<e+2;p++)r.push(o(p));r.push(a("end")),r.push(o(t))}return r.push(l("+1",e<t)),r}(this.props.selectedPage,this.props.pages,this.state.screenWidth))))}}]),n}(c.a.Component);le.propTypes={onChange:C.a.func.isRequired,selectedPage:C.a.number.isRequired,pages:C.a.number.isRequired,setFocus:C.a.bool};var se=le,ue=(n(45),n(14)),ce=n.n(ue);function fe(e){var t=e.src,n=e.className,r=void 0===n?"":n,i=Object(u.useState)(!t),a=ce()(i,2),o=a[0],l=a[1];return c.a.createElement("img",{className:"h5p-hub-content-icon ".concat(r),src:o?"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2NDAgNDgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NDAgNDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRDBEMEQxO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiNEQkRCREM7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MjgsNDgwSDEyYy02LjYsMC0xMi01LjQtMTItMTJWMTJDMCw1LjQsNS40LDAsMTIsMGg2MTZjNi42LDAsMTIsNS40LDEyLDEydjQ1NkM2NDAsNDc0LjYsNjM0LjYsNDgwLDYyOCw0ODB6DQoJIi8+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTE4LjcsMTgwLjRjLTEwLjUtMTAuMS0yNi4zLTE1LjEtNDcuNC0xNS4xaC01Ni4xaC0xNC44djQwaC04NS4ybC03LDI4LjZjNS44LTIuNywxNC4xLTUuNCwxOS43LTYuOA0KCQljNS43LTEuNCwxMS40LTEuMiwxNi45LTEuMmMxOC44LDAsMzQuMiw1LjgsNDUuOSwxNy4yYzExLjcsMTEuNCwxNy41LDI1LjgsMTcuNSw0My4xYzAsMTIuMS0zLDIzLjktOSwzNS4xDQoJCWMtNi4xLDExLjItMTQuNiwxOS45LTI1LjcsMjUuOGMtNCwyLjEtOC40LDQtMTMuMiw1LjNoNTQuN2gxNy40di02OC40aDMyLjNjMjMuNSwwLDQwLjktNS40LDUyLjQtMTYuMQ0KCQljMTEuNS0xMC43LDE3LjItMjUuNywxNy4yLTQ0LjZDNTM0LjQsMjA0LjgsNTI5LjEsMTkwLjUsNTE4LjcsMTgwLjR6IE00NzAuOSwyMzkuN2MtNC41LDMuOS0xMi40LDUuNy0yMy42LDUuN2gtMTQuN3YtNDEuM2gxNw0KCQljMTAuOCwwLDE4LjMsMS45LDIyLjIsNi4xYzQsNC4xLDUuOSw4LjksNS45LDE0LjhDNDc3LjgsMjMxLDQ3NS40LDIzNS44LDQ3MC45LDIzOS43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zMjYuMSwyNTkuOWMtMTAuMiwwLTE5LDUuOS0yMy4yLDE0LjVsLTUxLTcuMmwyMy0xMDEuOGgtMzAuNWgtMTUuN3Y4MGgtNjQuNXYtODBoLTU2Ljh2MTg3LjFoNTYuOHYtNjguNA0KCQloNjQuNXY2OC40aDE1LjdoNTQuMmMtOC42LTIuNi0xNi4xLTUuOS0yMi4yLTEwLjVjLTYuMi00LjYtMTEuMi05LjktMTUuMS0xNS45Yy0zLjktNS45LTYuOC0xMi41LTkuNC0yMS4zbDUxLjEtNy40DQoJCWM0LjMsOC41LDEzLDE0LjMsMjMuMSwxNC4zYzE0LjMsMCwyNS45LTExLjYsMjUuOS0yNS45UzM0MC4zLDI1OS45LDMyNi4xLDI1OS45eiIvPg0KPC9nPg0KPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iNTMuNCIgY3k9IjU0IiByPSIxOC4xIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxMDUuOCIgY3k9IjU0IiByPSIxOC4xIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxNTUuMiIgY3k9IjU0IiByPSIxOC4xIi8+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTg3LjIsNzEuOWgtMjg3Yy0xMCwwLTE4LjEtOC4yLTE4LjEtMTguMXYwYzAtMTAsOC4yLTE4LjEsMTguMS0xOC4xaDI4N2MxMCwwLDE4LjEsOC4yLDE4LjEsMTguMXYwDQoJQzYwNS40LDYzLjgsNTk3LjIsNzEuOSw1ODcuMiw3MS45eiIvPg0KPC9zdmc+DQo=":t,onError:function(){o||l(!0)}})}fe.propTypes={src:C.a.string,className:C.a.string};var de=function(e){var t=e.content;return c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{className:"h5p-hub-left"},c.a.createElement(fe,{src:t.icon})),c.a.createElement("div",{className:"h5p-hub-middle"},c.a.createElement("div",{className:"h5p-hub-headline"},c.a.createElement("span",{className:"h5p-hub-title ".concat(t.reviewed?"h5p-hub-reviewed":"")},P(t.title)),c.a.createElement("span",{className:"h5p-hub-by"},Q.get("by")),c.a.createElement("span",{className:"h5p-hub-owner"},P(t.owner,50))),c.a.createElement("div",{className:"h5p-hub-content-type"},t.contentType),c.a.createElement("div",{className:"h5p-hub-summary"},t.summary)),c.a.createElement("div",{className:"h5p-hub-right"}))};de.propTypes={content:C.a.object.isRequired};var pe=de,he=(n(49),function(e){var t=e.content;return c.a.createElement("div",{className:"h5p-hub-grid-item"},c.a.createElement(fe,{src:t.icon}),c.a.createElement("div",{className:"h5p-hub-grid-item-title"},t.title),c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-orange h5p-hub-button-inverse-primary",tabIndex:"-1"},Q.get("contentTypeDetailButtonLabel")))});he.propTypes={content:C.a.object.isRequired};var me=he,ye=(n(50),function(e){var t=e.type;return c.a.createElement(ne,{type:"".concat(t),classNames:"h5p-hub-loading",title:Q.get("loading"),onSelect:function(){}},function(e,t){for(var n=[],r=0;r<t;r++)n.push("tabular"===e?c.a.createElement("li",{className:"h5p-hub-content-item h5p-hub-".concat(e),key:r},c.a.createElement("div",{className:"h5p-hub-left"},c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-image"})),c.a.createElement("div",{className:"h5p-hub-middle"},c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-medium"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-short"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-long"}))):c.a.createElement("li",{className:"h5p-hub-content-item h5p-hub-".concat(e),key:r},c.a.createElement("div",{className:"h5p-hub-grid-item"},c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-image"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-medium"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-text-short"}),c.a.createElement("div",{className:"h5p-hub-loading-block h5p-hub-button"}))));return n}(t,6))});ye.propTypes={type:C.a.string.isRequired};var ge=ye,be=(n(51),function e(t){var n=t.itemsPromise,r=t.type,i=t.onSelect,a=t.visible,o=t.handlePageChange,l=t.showPagination,s=t.focused,f=t.setFocus,d=t.title,p=Object(u.useMemo)((function(){return e.listId++}),[]),h={},m="tabular"===r?pe:me;return c.a.createElement("div",{className:"h5p-hub-content-list","aria-hidden":!a},c.a.createElement(X.b,{promiseFn:n},c.a.createElement(X.b.Pending,null,c.a.createElement(ge,{type:r})),c.a.createElement(X.b.Rejected,null,(function(){return c.a.createElement("span",{className:"h5p-hub-fetching-failed"},Q.get("failedFetchingData"))})),c.a.createElement(X.b.Fulfilled,null,(function(e){return e.numResults?c.a.createElement(c.a.Fragment,null,c.a.createElement(ne,{type:r,onSelect:function(e){return i(h[e],e,r)},focused:s,setFocus:f,title:d},e.content.map((function(e,t){return h["h5p-hub-".concat(p,"-").concat(e.id)]=e,c.a.createElement("li",{className:"h5p-hub-content-item h5p-hub-".concat(r),id:"h5p-hub-".concat(p,"-").concat(e.id),key:t,tabIndex:1==t},c.a.createElement(m,{content:e,key:e.id,id:e.id}))}))),l&&c.a.createElement(se,{selectedPage:e.page,pages:e.pages,onChange:o,setFocus:!1})):null}))))});be.propTypes={itemsPromise:C.a.func.isRequired,type:C.a.string,onSelect:C.a.func.isRequired,visible:C.a.bool.isRequired,handlePageChange:C.a.func,showPagination:C.a.bool,focused:C.a.string,setFocus:C.a.bool,title:C.a.string.isRequired},be.defaultProps={type:"tabular",showPagination:!0},be.listId=0;var ve=be,we=(n(59),function(e){var t=e.searchPromise,n=e.selected,r=e.onChange,i=e.orderVisible,a=void 0===i||i,o=e.visible,l=e.orderVariables,s=e.headerLabel,u=l.map((function(e){return c.a.createElement("li",{key:e.id},c.a.createElement("a",{href:"#",id:e.id},e.text))}));return c.a.createElement("div",{className:"h5p-hub-navbar"+(o?"":" h5p-hub-hidden")},c.a.createElement("div",{className:"h5p-hub-result-header"},s,t&&c.a.createElement("span",{className:"h5p-hub-result-hits"},c.a.createElement(X.b,{promiseFn:t},c.a.createElement(X.b.Fulfilled,null,(function(e){return"(".concat(Q.get("numResults").replace(":num",e.numResults),")")}))))),a&&c.a.createElement("div",{id:"h5p-hub-sort-by",className:"h5p-hub-sort-by-header"},Q.get("show"),":"),a&&c.a.createElement("ul",{className:"h5p-hub-sort-by-list","aria-labelledby":"h5p-hub-sort-by"},c.a.createElement(H,{selected:n,onChange:r},u)))});we.propTypes={searchPromise:C.a.func,selected:C.a.string.isRequired,onChange:C.a.func.isRequired,visible:C.a.bool.isRequired,orderVariables:C.a.array.isRequired,orderVisible:C.a.bool,headerLabel:C.a.string.isRequired};var Le=we,Me={search:"search",disciplines:"disciplines",contentTypes:"content-types",licenses:"licenses",languages:"languages",levels:"levels",reviewed:"reviewed",license:"license"};function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ce=function(){return(new Date).getTime()},Se=function(){function e(t){var n=t.language,r=void 0===n?"en":n;o()(this,e),this.language=r,this.licenses={},this.searchCache={}}return s()(e,null,[{key:"init",value:function(t,n,r){e.instance||function(){e.instance=new e(t),e.contentTypes=new Promise((function(t){var n=e.massageContentTypes(r);t(e.makeHierarchicalContentTypes(n))})),e.flatContentTypes=new Promise((function(t){t(e.massageContentTypes(r))}));for(var i=[],a=[{name:"levels",promise:"levels",hierarchical:!1},{name:"languages",promise:"languages",hierarchical:!1},{name:"licenses",promise:"licenses",hierarchical:!1},{name:"disciplines",promise:"disciplines",hierarchical:!0},{name:"flatDisciplines",promise:"disciplines",hierarchical:!1}],o=function(t){e[a[t].name]=new Promise((function(e,n){i.push({type:a[t].promise,hierarchical:a[t].hierarchical,resolve:e,reject:n})}))},l=0;l<a.length;l++)o(l);new Y(n).then((function(t){for(var n=0;n<i.length;n++){var r=i[n];!0===t.success&&void 0!==t.data[r.type]?r.hierarchical?r.resolve(e.makeHierarchicalList(e.massageMetadata(t.data[r.type]))):"licenses"===r.type?r.resolve(e.massageLicenses(t.data[r.type])):r.resolve(e.massageMetadata(t.data[r.type])):r.reject(new Error("Unable to load "+r.type+" metadata."))}})).catch((function(e){for(var t=0;t<i.length;t++)i[t].reject(e)}))}()}},{key:"massageMetadata",value:function(e){for(var t=0;t<e.length;t++){var n=e[t];n.label=n.translation?n.translation:n.name,n.id=n.name}return e}},{key:"massageLicenses",value:function(t){return t.map((function(t){var n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t);return void 0!==n.licenses?n.licenses=e.massageLicenses(n.licenses):(n.id=n.name,n.name=n.translation||n.name,n.versions=e.massageMetadata(n.versions)),n}))}},{key:"massageContentTypes",value:function(e){for(var t=[],n=0;n<e.libraries.length;n++){var r=e.libraries[n];t.push({id:r.machineName,label:r.title,categories:r.categories})}return t}},{key:"makeHierarchicalList",value:function(e){for(var t={},n=0;n<e.length;n++)t[e[n].id]=e[n];for(var r=0;r<e.length;r++)if(null!==e[r].parent){var i=t[e[r].parent];i.children=i.children?i.children.concat([e[r]]):[e[r]]}for(var a=[],o=0,l=Object.values(t);o<l.length;o++){var s=l[o];null===s.parent&&a.push(s)}return a}},{key:"makeHierarchicalContentTypes",value:function(e){for(var t={},n=0;n<e.length;n++)e[n].categories&&e[n].categories.length>0&&e[n].categories.forEach((function(e){void 0===t[e]&&(t[e]={id:e,label:e,children:[]})}));for(var r=function(n){var r=e[n].categories;void 0!==r&&r.length>0&&r.forEach((function(r){var i=t[r];i.children=i.children.concat([e[n]])}))},i=0;i<e.length;i++)r(i);return Object.values(t)}},{key:"getLicense",value:function(t){return e.instance.licenses[t]||(e.instance.licenses[t]=e.instance.get(Me.license,{id:t})),e.instance.licenses[t]}},{key:"getCachedQueryResults",value:function(t){var n=e.instance.searchCache[t];if(n&&Ce()<n.expiresAt)return n.promise}},{key:"search",value:function(t){var n=new FormData;if(void 0!==t.filters){void 0!==t.filters.license&&(-1!==t.filters.license.indexOf("modified")&&n.append("can_be_modified",1),-1!==t.filters.license.indexOf("commercial")&&n.append("allows_commercial_use",1)),void 0!==t.filters.reviewed&&-1!==t.filters.reviewed.indexOf("reviewed")&&n.append("reviewed",1);var r={contentTypes:"content_types",disciplines:"disciplines",language:"languages",level:"levels"};for(var i in r)if(r.hasOwnProperty(i)&&void 0!==t.filters[i])for(var a=t.filters[i],o=0;o<a.length;o++)n.append(r[i]+"[]",a[o])}"newest"===t.orderBy&&n.append("sort_by","created_at"),void 0!==t.page&&t.page>1&&n.append("from",(6*(t.page-1)).toString()),void 0!==t.query&&t.query.trim()&&n.append("text",t.query);var l=new URLSearchParams(n).toString(),s=this.getCachedQueryResults(l);if(s)return function(){return s};var u=new Promise((function(r,i){if(void 0===window.H5PIntegration.Hub)return i(new Error("Did you forget to add the Hub integration?"));var a=window.H5PIntegration.Hub.contentSearchUrl;return new Y(a,n,"omit").then((function(e){r({numResults:e.total,content:e.items,pages:Math.ceil(parseInt(e.total)/6),page:t.page||1})})).catch((function(t){delete e.instance.searchCache[l],i(t)}))}));return e.instance.searchCache[l]={promise:u,expiresAt:Ce()+6e4},function(){return u}}}]),e}(),Te=(n(60),function(e){var t,n=e.title,r=e.itemsPromise,i=e.actionLabel,a=e.onAction,o=e.onSelect,l=e.focused,s=e.setFocus;return c.a.createElement("div",{className:"h5p-hub-content-selection-list"},c.a.createElement("div",{className:"h5p-hub-header"},c.a.createElement("div",{className:"h5p-hub-title"},n),c.a.createElement("a",{className:"h5p-hub-action",href:"#",onClick:a},i)),c.a.createElement(ve,(t={itemsPromise:r,type:"grid",visible:!0,showPagination:!1,onSelect:o,setFocus:null,focused:l},M()(t,"setFocus",s),M()(t,"title",n),t)))});Te.propTypes={title:C.a.string.isRequired,itemsPromise:C.a.func.isRequired,actionLabel:C.a.string.isRequired,onAction:C.a.func.isRequired,onSelect:C.a.func.isRequired,setFocus:C.a.bool,focused:C.a.string};var xe=Te,Ne=n(12),De=n.n(Ne),je=(n(61),n(62),n(13)),ke=n.n(je);n(72);function Ie(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Oe=function(e){y()(n,e);var t=Ie(n);function n(){return o()(this,n),t.apply(this,arguments)}return s()(n,[{key:"createTroubleshootingURL",value:function(e){return e?"https://h5p.org/documentation/troubleshooting#".concat(e):void 0}},{key:"render",value:function(){var e=this,t="h5p-hub-message h5p-hub-".concat(this.props.severity)+(this.props.onClose?" h5p-hub-dismissible":""),n=this.props.message;n&&!Array.isArray(n)&&(n=[n]);var r=n?n.map((function(t,n){var r=t.message||t,i=e.createTroubleshootingURL(t.code);return c.a.createElement("p",{key:n,className:"h5p-hub-message-body"},c.a.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),i&&c.a.createElement("a",{className:"h5p-hub-get-help",target:"_blank",href:i},Q.get("getHelp")))})):null;return c.a.createElement("div",{className:t,role:"alert"},this.props.onClose&&c.a.createElement("button",{className:"h5p-hub-message-close",tabIndex:"0","aria-label":Q.get("Close"),onClick:this.props.onClose}),c.a.createElement("div",{className:"h5p-hub-message-content"},c.a.createElement("h2",null,this.props.title),r),this.props.children)}}]),n}(c.a.Component);Oe.propTypes={severity:C.a.oneOf(["info","warning","error"]).isRequired,title:C.a.string.isRequired,message:C.a.oneOfType([C.a.string,C.a.array]),onClose:C.a.func,children:C.a.oneOfType([C.a.object,C.a.array])};var Ae=Oe;function Pe(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Re=function(e){y()(n,e);var t=Pe(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"closeModal",(function(){r.appElement.removeAttribute("aria-hidden"),r.props.onFilterClosed(r.props.id)})),M()(h()(r),"calculateLeftPosition",(function(){var e=r.props.filterBarRef.current.offsetWidth,t=Math.max(r.props.toggleButtonRef.current.offsetLeft-50,0);return t+586.88>e&&(t=Math.max(e-586.88,0)),t})),M()(h()(r),"calculateTopPosition",(function(){var e=r.props.filterBarRef.current;return e.offsetTop+e.offsetHeight})),M()(h()(r),"handleResize",(function(){r.setState({left:r.calculateLeftPosition(),top:r.calculateTopPosition()})})),r.appElement=document.getElementById("h5p-hub-reuse-content-container"),r.state={left:r.calculateLeftPosition(),top:r.calculateTopPosition()},r}return s()(n,[{key:"componentDidMount",value:function(){window.addEventListener("click",this.closeModal),window.addEventListener("resize",this.handleResize)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("click",this.closeModal),window.removeEventListener("resize",this.handleResize)}},{key:"swallowClicks",value:function(e){e.stopPropagation()}},{key:"render",value:function(){var e={overlay:{top:this.state.top+"px"},content:{left:this.state.left+"px"}};return c.a.createElement(ke.a,{isOpen:!0,onRequestClose:this.closeModal,contentLabel:this.props.id,parentSelector:function(){return document.getElementById("h5p-hub-reuse-view")},appElement:this.appElement,className:"h5p-hub-filter-dialog",overlayClassName:"h5p-hub-filter-modal",aria:{labelledby:"h5p-hub-header-text"},style:e,shouldCloseOnOverlayClick:!1},c.a.createElement("div",{className:"h5p-hub-filter-dialog-content",onClick:this.swallowClicks},c.a.createElement("div",{className:"h5p-hub-header-text",id:"h5p-hub-filter-modal-header-text"},this.props.dictionary.dialogHeader),this.props.failedDataFetch?c.a.createElement(Ae,{severity:"error",title:Q.get("failedFetchingData"),message:Q.get("filterErrorMessage")}):this.props.data?this.props.children:c.a.createElement("div",{className:"h5p-hub-loading"}),c.a.createElement("button",{className:"h5p-hub-apply-filters-button",onClick:this.closeModal},this.props.dictionary.dialogButtonLabel)))}}]),n}(c.a.Component);Re.propTypes={id:C.a.string.isRequired,data:C.a.array,onFilterClosed:C.a.func.isRequired,checked:C.a.array.isRequired,handleChecked:C.a.func.isRequired,dictionary:C.a.object.isRequired,toggleButtonRef:C.a.shape({current:C.a.instanceOf(Element)}),filterBarRef:C.a.shape({current:C.a.instanceOf(Element)}),failedDataFetch:C.a.bool};var ze=Re,Fe=(n(73),c.a.forwardRef((function(e,t){var n=e.checked,r=e.id,i=e.onClick,a=e.open,o=e.data,l=e.dropdownLabel,s=1==n.length&&1==o.length,u=n.length>0&&!s;return c.a.createElement("div",{className:"h5p-hub-filter-button"},c.a.createElement("button",{tabIndex:"-1",className:a?"h5p-hub-open":s?"h5p-hub-one-checked":u?"h5p-hub-filter-checked":"",onClick:function(e){e.stopPropagation(),i(r)},ref:t},l,c.a.createElement("div",{className:s?"h5p-hub-icon h5p-hub-check":"h5p-hub-icon"},u&&"(".concat(n.length,")"))))})));Fe.propTypes={checked:C.a.array,id:C.a.string.isRequired,onClick:C.a.func.isRequired,open:C.a.bool.isRequired,data:C.a.array,dropdownLabel:C.a.string.isRequired};var _e=Fe,Ue=(n(74),n(75),c.a.forwardRef((function(e,t){var n=e.id,r=e.label,i=e.checked,a=e.filter,o=e.onChecked,l=e.focused,s=e.checkboxChildren,u=e.navigateToChildren,f=e.parent,d=e.checkedNumber,p=e.tabIndex,h=e.children;return c.a.createElement("li",{ref:t,id:"h5p-hub-"+n,key:a+n,className:"h5p-hub-checkbox ".concat(i?"h5p-hub-checked ":""," ").concat(l?"h5p-hub-highlighted":""," ").concat(s?"h5p-hub-parent":""),role:"checkbox","aria-checked":i,"aria-label":r,onClick:function(){return s?u(n,s):o(a,n,!i)},tabIndex:p||"0",onKeyDown:function(e){"Enter"!==e.key&&" "!=e.key||(o(a,n,!i),e.preventDefault())}},c.a.createElement("div",{className:"h5p-hub-content",key:"label"+n},c.a.createElement("div",{className:"h5p-hub-icon",onClick:function(e){return s?function(e,t,n,r){r.stopPropagation(),o(e,t,n,f)}(a,n,!i,e):{}}}),c.a.createElement("div",{className:"h5p-hub-label-text"},h||r,d>0&&" (".concat(d,")"))))})));Ue.propTypes={id:C.a.string.isRequired,label:C.a.string.isRequired,onChecked:C.a.func.isRequired,checked:C.a.bool.isRequired,filter:C.a.string.isRequired,focused:C.a.bool,children:C.a.any,checkboxChildren:C.a.array,navigateToChildren:C.a.func,parent:C.a.string,tabIndex:C.a.string,checkedNumber:C.a.any};var Qe=Ue,Ye=function(e,t){return-1!=t.indexOf(e)},Be=function(e,t,n){return(e?e.filter((function(e){return Ye(e.id,n)})).length:0)+(-1===n.indexOf(t.id)?0:1)},We=c.a.forwardRef((function(e,t){var n=e.items,r=e.onChecked,i=e.checked,a=e.filter,o=e.focused,l=e.navigateToChildren,s=e.parent,f=e.listRefId,d=e.getDescendants,p=e.tabIndex,h=e.appliedSearch,m=e.navigateDirection,y=e.setNavigateDirection;return Object(u.useEffect)((function(){y&&setTimeout((function(){y("")}),350)}),[n]),c.a.createElement("ul",{className:"h5p-hub-checkbox-list ".concat(m?"h5p-hub-animate-in-".concat(m):""),role:"group","aria-labelledby":a.label,ref:t&&t[f]},n.map((function(e){return c.a.createElement(Qe,{key:s+e.id,id:e.id,label:e.label,checked:Ye(e.id,i),filter:a,onChecked:r,focused:o==e.id,checkboxChildren:e.children,navigateToChildren:l,parent:s,checkedNumber:e.children&&Be(d(e),e,h),ref:t&&t[e.id],tabIndex:p})})))}));We.propTypes={items:C.a.array,onChecked:C.a.func.isRequired,checked:C.a.array,filter:C.a.string.isRequired,focused:C.a.string,navigateToChildren:C.a.func,parent:C.a.string,listRefId:C.a.string,tabIndex:C.a.string,getDescendants:C.a.func,appliedSearch:C.a.array,navigateDirection:C.a.string,setNavigateDirection:C.a.func};var Ve=We,qe=(n(76),c.a.forwardRef((function(e,t){var n=e.onChecked,r=e.checked,i=e.filter,a=e.focused,o=e.parent,l=e.listRefId,s=e.getDescendants,u=e.tabIndex,f=e.categoryList,d=e.searchValue,p=e.categoryRefId,h=e.appliedSearch,m=function(e){return e.map((function(e){return c.a.createElement("div",{key:o+e.id},c.a.createElement(Qe,{key:o+e.id,id:e.id,label:e.label,checked:Ye(e.id,r),filter:i,onChecked:n,focused:a===e.id,parent:o,checkedNumber:Be(s(e),e,h),ref:t&&t[e.id],tabIndex:u},d.length>1&&function(e,t){for(var n=[],r=t.length,i=0;i<e.length;i++)-1!==e.slice(i,i+r).toLowerCase().indexOf(t.toLowerCase())&&(n.push(i),i+=r);var a=[c.a.createElement("span",{key:"checkbox-span-bold-start"},e.slice(0,n[0]))];return n.forEach((function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;a.push(c.a.createElement("span",{key:"checkbox-span-"+i,className:"h5p-hub-non-bold"},e.slice(t,t+r))),n[i+1]?a.push(c.a.createElement("span",{key:"checkbox-span-bold-"+i},e.slice(t+r,n[i+1]))):a.push(c.a.createElement("span",{key:"checkbox-span-bold-"+i},e.slice(t+r))),i+=1})),a.map((function(e){return e}))}(e.label,d)))}))};return c.a.createElement("ul",{className:"h5p-hub-checkbox-list",role:"group","aria-labelledby":i.label,ref:t&&t[l]},f.map((function(e){return c.a.createElement("div",{key:"headers-"+e.id,className:e.noLine?"":"h5p-hub-bottom-line"},c.a.createElement("div",null,null!==e.catNoParent?m([e.catNoParent]):null),e.children&&c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{key:e,ref:t[p+e.id],className:"h5p-hub-category-header"},"".concat(Q.get("in")," ").concat(e.label)),m(e.children)))})))})));qe.propTypes={onChecked:C.a.func.isRequired,checked:C.a.array,filter:C.a.string.isRequired,focused:C.a.string,parent:C.a.string,listRefId:C.a.string.isRequired,tabIndex:C.a.string,categoryRefId:C.a.string.isRequired,checkedParents:C.a.array,getDescendants:C.a.func.isRequired,categoryList:C.a.array.isRequired,searchValue:C.a.string.isRequired,appliedSearch:C.a.array};var He=qe,Ge=(n(77),c.a.forwardRef((function(e,t){var n=e.value,r=e.onSearch,i=e.onNavigateVertical,a=e.onSelect,o=e.placeholder,l=e.onClick,s=e.onNavigateSideway,u=e.onFocus,f=e.inSearch;return c.a.createElement("div",{onMouseDown:l,className:"h5p-hub-search-button"},c.a.createElement("div",{className:"h5p-hub-search-field",role:"search"},c.a.createElement("input",{className:"h5p-hub-filter-search-bar",type:"text",value:n,"aria-label":o,placeholder:o,ref:t,onKeyDown:function(e){return function(e){switch(e.key){case"ArrowUp":i(-1),e.preventDefault();break;case"ArrowDown":i(1),e.preventDefault();break;case"ArrowRight":f||(s(1),e.preventDefault());break;case"ArrowLeft":f||(s(-1),e.preventDefault());break;case"Enter":a(),e.preventDefault()}}(e)},onChange:function(e){var t=e.target;r(t.value)},onFocus:u}),c.a.createElement("div",{className:"h5p-hub-icon-arrow"})))})));Ge.propTypes={value:C.a.string,onSearch:C.a.func.isRequired,onNavigateVertical:C.a.func.isRequired,onNavigateSideway:C.a.func.isRequired,onSelect:C.a.func.isRequired,placeholder:C.a.string.isRequired,onClick:C.a.func.isRequired,onFocus:C.a.func,inSearch:C.a.bool},Ge.defaultProps={onNavigateVertical:function(){},onNavigateSideway:function(){},onSelect:function(){}};var Ze=Ge;n(78);function Ke(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Xe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Xe(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return o=e.done,e},e:function(e){l=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(l)throw a}}}}function Xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $e(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Je(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Je(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function et(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var tt=function(e){y()(n,e);var t=et(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleClearSearch",(function(){r.setState({checkboxElements:r.props.items.sort(r.compare),searchValue:"",inSearch:!1,categoryList:[],dropdownOpen:!0}),r.searchRef.current.focus()})),M()(h()(r),"handleOnSearch",(function(e){if(""===e)r.handleClearSearch();else if(1===e.length)r.setState({searchValue:e,checkboxElements:r.props.items,dropdownOpen:!0,parent:[],inSearch:!0,focused:null,categoryList:[]});else{var t=[],n=[];r.props.category?(n=r.makeCategorySearchList(e)).forEach((function(e){e.catNoParent&&t.push(e.catNoParent),t.push.apply(t,e.children)})):t=r.leafs&&r.leafs.filter((function(t){return RegExp(e.toUpperCase()).test(t.label.toUpperCase())})).sort(r.compare),r.setState({checkboxElements:t,searchValue:e,dropdownOpen:!0,parent:[],inSearch:!0,focused:null,categoryList:n})}})),M()(h()(r),"makeCategorySearchList",(function(e){for(var t=[],n=0;n<r.props.items.length;n++){var i=r.props.items[n],a=RegExp(e.toUpperCase()).test(i.label.toUpperCase())&&r.getCheckboxFromId(i.id,r.props.items),o=[];i.children&&(o=i.children.filter((function(t){return RegExp(e.toUpperCase()).test(t.label.toUpperCase())}))),o.length>0?t.push({id:i.id,label:i.label,children:o,catNoParent:a?i:null}):a&&t.push({id:i.id,label:i.label,catNoParent:i})}for(var l=0;l<t.length;l++){var s=t[l];t[l+1]&&s.children&&-1!==s.children.map((function(e){return e.id})).indexOf(t[l+1].id)&&(t[l]=$e($e({},s),{},{noLine:!0}))}return t[t.length-1]=$e($e({},t[t.length-1]),{},{noLine:!0}),t})),M()(h()(r),"handleSearchFocus",(function(){r.click||r.state.dropdownOpen||(r.click=setTimeout((function(){r.setState({dropdownOpen:!0}),r.click=null}),100))})),M()(h()(r),"handleSearchClick",(function(){r.click||(r.click=setTimeout((function(){r.setState((function(e){return{dropdownOpen:r.props.dropdownAlwaysOpen||!e.dropdownOpen}})),r.click=null}),100))})),M()(h()(r),"handleChecked",(function(e,t,n){if(r.state.dropdownOpen&&t&&r.state.checkboxElements[r.indexOfId(t)]){if(r.setState({setFocus:!0,focused:t}),r.state.checkboxElements[r.indexOfId(t)].children){var i=r.getCheckboxFromId(t,r.parents),a=r.getDescendants(i).map((function(e){return e.id}));r.props.handleChecked(e,[t].concat(De()(a)),n)}else r.props.handleChecked(e,t,n);r.searchRef.current.focus()}})),M()(h()(r),"setParentsChecked",(function(){var e=[];r.parents.forEach((function(t){return r.checkedOf(r.getDescendants(t),r.props.checked)?e.push(t.id):{}})),r.setState({checkedParents:e})})),M()(h()(r),"handleNavigateVertical",(function(e){var t=r.indexOfId(r.state.focused)+e,n=r.state.checkboxElements[t];if(r.state.dropdownOpen&&t!==r.state.checkboxElements.length&&void 0===n)r.setState({focused:r.state.checkboxElements.map((function(e){return e.id}))[0]}),r.checkboxRefs[r.listRefId].current.scrollTop=0;else if(r.state.dropdownOpen&&t!==r.state.checkboxElements.length){r.setState({focused:n.id});var i=r.checkboxRefs[r.state.checkboxElements[0].id].current.offsetHeight,a=r.checkboxRefs[r.listRefId].current.offsetHeight,o=r.state.parent?i:0,l=0,s=0;if(r.state.categoryList.length>0){l=r.checkboxRefs[r.categoryRefId+r.state.categoryList[0].id].current.offsetHeight;var u,c=0,f=Ke(r.state.categoryList);try{for(f.s();!(u=f.n()).done;){var d=u.value;if(d.catNoParent&&(c+=1),c>t)break;c+=d.children.length,s+=1}}catch(e){f.e(e)}finally{f.f()}}var p=o+(t+1)*i+s*l-a;r.checkboxRefs[r.listRefId].current.scrollTop=p}})),M()(h()(r),"handleNavigateSideway",(function(e){r.state.dropdownOpen&&-1==e&&r.state.parent?r.navigateToParent():r.state.dropdownOpen&&1==e&&r.state.focused&&r.getCheckboxFromId(r.state.focused,r.parents)&&r.navigateToChildren(r.state.focused,r.getCheckboxFromId(r.state.focused,r.parents).children)})),M()(h()(r),"navigateToChildren",(function(e,t){r.setState({checkboxElements:t,parent:[].concat(De()(r.state.parent),[e]),navigateDirection:"right"}),r.searchRef.current.focus()})),M()(h()(r),"navigateToParent",(function(){var e=r.state.parent[r.state.parent.length-2],t=r.getCheckboxFromId(e,r.parents)&&r.getCheckboxFromId(e,r.parents).children,n=r.state.parent,i=n.pop();r.setState({parent:n,checkboxElements:t||r.props.items.sort(r.compare),focused:i,navigateDirection:"left"}),r.searchRef.current.focus()})),M()(h()(r),"compare",(function(e,t){var n=e.label.toUpperCase(),r=t.label.toUpperCase();return n<r?-1:n>r?1:void 0})),M()(h()(r),"getDescendants",(function(e){if(null===e)return[];for(var t=[],n=[e];n.length>0;){var r=n.pop();r&&r.children&&(t.concat(r.children),r.children.forEach((function(e){t.push(e),n.push(e)})))}return t})),M()(h()(r),"setParentsAndLeafs",(function(e){for(var t=0;t<e.length;t++){var n=e[t];n.children?(r.parents.push(n),r.setParentsAndLeafs(n.children)):null===r.getCheckboxFromId(n.id,r.leafs)&&r.leafs.push(n)}})),M()(h()(r),"getCheckboxFromId",(function(e,t){for(var n=0;n<t.length;n++)if(t[n].id===e)return t[n];return null})),M()(h()(r),"indexOfId",(function(e){return r.state.checkboxElements.map((function(e){return e.id})).indexOf(e)})),r.state={checkboxElements:r.props.items.sort(r.compare),searchValue:"",dropdownOpen:!1,setFocus:!1,focused:null,checkedParents:[],parent:[],inSearch:!1,categoryList:[],navigateDirection:""},r.searchRef=c.a.createRef(),r.leafs=[],r.allParents=[],r.parents=[],r.checkboxRefs={},r.listRefId="list",r.categoryRefId="category",r.checkboxRefs[r.listRefId]=c.a.createRef(),r.setParentsAndLeafs(r.props.items),r.parents.forEach((function(e){r.checkboxRefs[e.id]=c.a.createRef(),r.checkboxRefs[r.categoryRefId+e.id]=c.a.createRef()})),r.leafs.forEach((function(e){return r.checkboxRefs[e.id]=c.a.createRef()})),r}return s()(n,[{key:"componentDidMount",value:function(){this.setParentsChecked(),this.props.dropdownAlwaysOpen&&this.setState({dropdownOpen:!0})}},{key:"componentWillUnmount",value:function(){this.setState({parent:[],focused:null,inSearch:!1,dropdownOpen:this.props.dropdownAlwaysOpen})}},{key:"componentDidUpdate",value:function(e){e.checked!==this.props.checked&&this.setParentsChecked([],!1)}},{key:"checkedOf",value:function(e,t){return Array.isArray(e)&&t?!!t&&e.filter((function(e){return-1!==t.indexOf(e.id)})).length>0:-1!=this.props.checked.indexOf(e)||-1!==this.state.checkedParents.indexOf(e)}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"h5p-hub-search-filter"},c.a.createElement(Ze,{ref:this.searchRef,value:this.state.searchValue,onSearch:this.handleOnSearch,placeholder:this.props.dictionary.searchPlaceholder,onClick:this.handleSearchClick,onNavigateVertical:this.handleNavigateVertical,onSelect:function(){return e.handleChecked(e.props.filter,e.state.focused,!e.checkedOf(e.state.focused),e.state.parent[e.state.parent.length-1])},onNavigateSideway:this.handleNavigateSideway,onFocus:this.handleSearchFocus,inSearch:this.state.inSearch}),this.state.parent.length>0&&this.state.dropdownOpen&&c.a.createElement("div",{className:"h5p-hub-navigate-parent"},c.a.createElement("button",{onClick:this.navigateToParent,"aria-label":Q.get("navigateToParent")}),this.getCheckboxFromId(this.state.parent[this.state.parent.length-1],this.parents).label),this.state.searchValue.length>0&&c.a.createElement("button",{onClick:this.handleClearSearch,className:"h5p-hub-clear-button"}),this.state.dropdownOpen&&this.props.items&&(!this.props.category||this.state.searchValue.length<2)&&c.a.createElement(Ve,{onChecked:this.handleChecked,items:this.state.checkboxElements,checked:this.props.checked.concat(this.state.checkedParents),checkedParents:this.state.checkedParents,filter:this.props.filter,focused:this.state.focused,navigateToChildren:this.navigateToChildren,parent:this.state.parent[this.state.parent.length-1],ref:this.checkboxRefs,listRefId:this.listRefId,getDescendants:this.getDescendants,tabIndex:"-1",appliedSearch:this.props.checked,navigateDirection:this.state.navigateDirection,setNavigateDirection:function(t){return e.setState({navigateDirection:t})}}),this.state.dropdownOpen&&this.props.items&&this.props.category&&(this.state.categoryList.length>0||this.state.categoryList.topCategories)&&this.state.inSearch&&c.a.createElement(He,{onChecked:this.handleChecked,checked:this.props.checked.concat(this.state.checkedParents),checkedParents:this.state.checkedParents,filter:this.props.filter,focused:this.state.focused,ref:this.checkboxRefs,listRefId:this.listRefId,getDescendants:this.getDescendants,tabIndex:"-1",categoryList:this.state.categoryList,searchValue:this.state.searchValue,categoryRefId:this.categoryRefId,appliedSearch:this.props.checked}))}}]),n}(c.a.Component);tt.propTypes={items:C.a.array,handleChecked:C.a.func.isRequired,checked:C.a.array,filter:C.a.string.isRequired,dictionary:C.a.object.isRequired,category:C.a.bool,dropdownAlwaysOpen:C.a.bool};var nt=tt;function rt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function it(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rt(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function at(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var ot=function(e){y()(n,e);var t=at(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"showClearFilters",(function(){var e=!1;return Object.keys(r.props.checked).forEach((function(t){r.props.checked[t].length>0&&r.props.clearFilterExceptions&&-1===r.props.clearFilterExceptions.indexOf(t)&&(e=!0)})),e})),M()(h()(r),"clearFilters",(function(){for(var e={},t=0;t<r.props.clearFilterExceptions.length;t++){var n=r.props.clearFilterExceptions[t];e[n]=r.props.checked[n]}r.props.setChecked(e),r.props.applyFilters(e)})),M()(h()(r),"handleFilterButtonClicked",(function(e){var t=r.state.openFilter===e;r.setState({openFilter:t?"":e}),t&&r.props.applyFilters(r.props.checked)})),M()(h()(r),"handleFilterClosed",(function(e){var t=e.split("-").pop();r.state.openFilter.split("-").pop()===t&&r.setState({openFilter:""}),r.props.applyFilters(r.props.checked)})),M()(h()(r),"handleChecked",(function(e,t,n){if(Array.isArray(t)){if(null==r.props.checked[e]&&null!=t)r.props.setChecked(it(it({},r.props.checked),{},M()({},e,t)));else if(null!=t){var i=n?r.props.checked[e].filter((function(e){return-1==t.indexOf(e)})).concat(t):r.props.checked[e].filter((function(e){return-1==t.indexOf(e)}));r.props.setChecked(it(it({},r.props.checked),{},M()({},e,i)))}}else if(null==r.props.checked[e]&&null!=t)r.props.setChecked(it(it({},r.props.checked),{},M()({},e,[t])));else if(null!=t){var a=n?[].concat(De()(r.props.checked[e]),[t]):r.props.checked[e].filter((function(e){return e!=t}));r.props.setChecked(it(it({},r.props.checked),{},M()({},e,a)))}})),M()(h()(r),"findFilterById",(function(e){for(var t=e.replace("h5p-hub-filter-button-",""),n=0;n<r.props.filters.length;n++)if(r.props.filters[n].id===t)return r.props.filters[n]})),r.state={openFilter:""},r.filterBarRef=c.a.createRef(),r.filterButtons={},r.props.filters.forEach((function(e){r.filterButtons[e.id]=c.a.createRef()})),r}return s()(n,[{key:"render",value:function(){var e=this,t=this.props.filters.map((function(t){return c.a.createElement("li",{key:t.id,id:"h5p-hub-filter-button-"+t.id},c.a.createElement(_e,{id:"h5p-hub-filter-button-"+t.id,dropdownLabel:t.dictionary.dropdownLabel,onClick:e.handleFilterButtonClicked,checked:e.props.checked[t.id]?e.props.checked[t.id]:[],open:e.state.openFilter==t.id,data:e.props.metaData[t.id],ref:e.filterButtons[t.id]}))})),n=this.findFilterById(this.state.openFilter);return c.a.createElement("div",{className:"h5p-hub-filter-bar",ref:this.filterBarRef},c.a.createElement("div",{className:"h5p-hub-filter-label",id:"h5p-hub-content-hub-filter-label"},this.props.label),c.a.createElement("ul",{className:"h5p-hub-filter-buttons","aria-labelledby":"h5p-hub-content-hub-filter-label"},c.a.createElement(H,{selected:this.open,onChange:this.handleFilterButtonClicked},t)),n&&c.a.createElement(ze,{id:"h5p-hub-"+n.id,key:n.id,dictionary:n.dictionary,data:this.props.metaData[n.id],onFilterClosed:this.handleFilterClosed,checked:this.props.checked[n.id]?this.props.checked[n.id]:[],handleChecked:this.handleChecked,toggleButtonRef:this.filterButtons[n.id],filterBarRef:this.filterBarRef,failedDataFetch:this.props.failedDataFetch[n.id]},"checkboxList"===n.type&&this.props.metaData[n.id]&&c.a.createElement(Ve,{onChecked:this.handleChecked,items:this.props.metaData[n.id],checked:this.props.checked[n.id]?this.props.checked[n.id]:[],filter:n.id}),"search"===n.type&&this.props.metaData[n.id]&&c.a.createElement(nt,{handleChecked:this.handleChecked,items:this.props.metaData[n.id],checked:this.props.checked[n.id]?this.props.checked[n.id]:[],filter:n.id,dictionary:n.dictionary,dropdownAlwaysOpen:!0}),"categorySearch"===n.type&&this.props.metaData[n.id]&&c.a.createElement(nt,{handleChecked:this.handleChecked,items:this.props.metaData[n.id],checked:this.props.checked[n.id]?this.props.checked[n.id]:[],filter:n.id,dictionary:n.dictionary,category:!0,dropdownAlwaysOpen:!0})),this.showClearFilters()&&c.a.createElement("div",{className:"h5p-hub-clear-filters"},c.a.createElement("button",{onClick:this.clearFilters,"aria-label":Q.get("clearFilters")},Q.get("clearFilters"))))}}]),n}(c.a.Component);ot.propTypes={label:C.a.string.isRequired,filters:C.a.array.isRequired,applyFilters:C.a.func.isRequired,metaData:C.a.object.isRequired,failedDataFetch:C.a.object.isRequired,checked:C.a.object.isRequired,setChecked:C.a.func.isRequired,clearFilterExceptions:C.a.array};var lt=ot,st=(n(79),function(e){var t=e.label,n=Object(u.useRef)(null);return c.a.createElement(ke.a,{isOpen:!0,contentLabel:t,className:"h5p-hub-downloading-modal",overlayClassName:"h5p-hub-downloading-modal-overlay",aria:{label:t},appElement:document.getElementById("h5p-hub-panel"),parentSelector:function(){return document.getElementById("h5p-hub")},onAfterOpen:function(){n.current.focus()}},c.a.createElement("img",{className:"h5p-hub-spinner",src:"data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJ2aXNpYmxlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PGc+PHBhdGggeG1sbnM6ZGVmYXVsdD0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJjaXJjbGUtby1ub3RjaCIgZD0iTTIxLjAxLDEyYzAuMDItMS40Ni0wLjMyLTIuOS0xLTQuMmMtMS4zMy0yLjU2LTMuOC00LjMyLTYuNjUtNC43NXYyLjM4YzEuNSwwLjI5LDIuODYsMS4xMSwzLjgyLDIuMyAgYzEuNTgsMS45LDEuOTcsNC41MywxLDYuODFjLTAuNjcsMS42MS0xLjk0LDIuODgtMy41NSwzLjU1Yy0xLjY1LDAuNzEtMy41MiwwLjcxLTUuMTcsMGMtMS42MS0wLjY3LTIuODgtMS45NC0zLjU1LTMuNTUgIGMtMC45Ny0yLjI4LTAuNTgtNC45MSwxLTYuODFjMC45Ni0xLjE5LDIuMzItMi4wMSwzLjgyLTIuM1YzLjA1QzcuODUsMy40NSw1LjM1LDUuMjIsNC4wMSw3LjhjLTEuMjMsMi4zOC0xLjM0LDUuMTgtMC4zLDcuNjUgIGMwLjksMi4xNywyLjYzLDMuOSw0LjgsNC43OWMyLjI0LDAuOTUsNC43NiwwLjk1LDcsMGMyLjE2LTAuOSwzLjg4LTIuNjIsNC43OC00Ljc4QzIwLjc2LDE0LjM3LDIxLDEzLjE5LDIxLjAxLDEyTDIxLjAxLDEyeiIgc3R5bGU9ImZpbGw6IHJnYigxOCwgMTgsIDE4KTsiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIvPjwvZz48L3N2Zz4=","aria-hidden":"true"}),c.a.createElement("span",{className:"h5p-hub-downloading-message",tabIndex:"-1",ref:n},t))});st.propTypes={label:C.a.string.isRequired};var ut=st;n(80);function ct(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var ft=function(e){y()(n,e);var t=ct(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleInput",(function(e){var t=e.target;t.value!==r.state.value&&(r.setState({value:t.value}),r.props.auto&&!r.searchTimer&&(r.searchTimer=setTimeout((function(){r.props.onSearch(t.value),r.searchTimer=null}),40)))})),M()(h()(r),"handleKeyDown",(function(e){switch(e.which){case 38:r.props.onNavigate(-1),e.preventDefault();break;case 40:r.props.onNavigate(1),e.preventDefault();break;case 13:r.props.auto?r.props.onSelect():r.props.onSearch(e.target.value),e.preventDefault()}})),M()(h()(r),"handleClick",(function(){r.props.onSearch(r.input.value)})),r.state={value:""},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.value!==this.state.value&&this.setState({value:e.value}),e.setFocus!==this.props.setFocus&&this.setState({focusOnRender:e.setFocus})}},{key:"componentDidUpdate",value:function(){this.state.focusOnRender&&(delete this.state.focusOnRender,this.input.focus())}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"h5p-hub-search-wrapper",role:"search"},c.a.createElement("div",{className:"h5p-hub-border-wrap"},c.a.createElement("input",{className:"h5p-hub-search-bar",type:"text",defaultValue:this.state.value,"aria-label":this.props.placeholder,placeholder:this.props.placeholder,onInput:this.props.instantSearch?this.handleInput:function(){},onKeyDown:function(t){return e.handleKeyDown(t)},ref:function(t){return e.input=t}}),c.a.createElement("div",{className:"h5p-hub-icon-search",onClick:this.handleClick})))}}]),n}(c.a.Component);ft.propTypes={value:C.a.string,auto:C.a.bool.isRequired,setFocus:C.a.bool,onSearch:C.a.func.isRequired,onNavigate:C.a.func.isRequired,onSelect:C.a.func.isRequired,instantSearch:C.a.bool,placeholder:C.a.string.isRequired},ft.defaultProps={instantSearch:!1,onNavigate:function(){},onSelect:function(){},auto:!1,setFocus:!1};var dt=ft;n(81);function pt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var ht=function(e){y()(n,e);var t=pt(n);function n(){return o()(this,n),t.apply(this,arguments)}return s()(n,[{key:"render",value:function(){var e=this,t=this.props.type||"div";return c.a.createElement(t,i()({},this.props.buttonProps,{role:"button",tabIndex:"0",onClick:function(){return e.props.onButtonClick()},onKeyPress:function(t){return A(t,e.props.onButtonClick)}}),this.props.children)}}]),n}(c.a.Component);ht.propTypes={onButtonClick:C.a.func,buttonProps:C.a.object,type:C.a.string};var mt=ht;n(82);function yt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var gt=function(e){y()(n,e);var t=yt(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"closeModal",(function(){document.getElementById(r.props.appElementId).removeAttribute("aria-hidden"),r.props.onClose()})),r}return s()(n,[{key:"render",value:function(){var e=this,t={className:"h5p-hub-lightbox-close","aria-label":Q.get("close")};return c.a.createElement(ke.a,{isOpen:!0,onRequestClose:this.closeModal,contentLabel:this.props.label,className:"h5p-hub-lightbox-inner ".concat(this.props.className),overlayClassName:"h5p-hub-lightbox",aria:this.props.aria,appElement:document.getElementById(this.props.appElementId),parentSelector:function(){return document.getElementById(e.props.parentId)}},c.a.createElement(mt,{buttonProps:t,onButtonClick:this.closeModal}),this.props.children)}}]),n}(c.a.Component);gt.propTypes={onClose:C.a.func.isRequired,aria:C.a.shape({label:C.a.string,labelledby:C.a.string,describedby:C.a.string}),className:C.a.string.isRequired,parentId:C.a.string.isRequired,appElementId:C.a.string.isRequired};var bt=gt;n(83);function vt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var wt=function(e){y()(n,e);var t=vt(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"onWindowResized",(function(){if(r.carousel){for(var e=r.carousel.offsetWidth,t=5,n=0;n<Lt.length;n++)if(e<Lt[n].breakpoint){t=Lt[n].imagesToShow;break}r.state.imagesToShow!=t&&r.setState({imagesToShow:t,offset:0,selected:0})}})),M()(h()(r),"handleImageSelected",(function(e){r.props.onImageSelect&&r.props.onImageSelect(e)})),M()(h()(r),"previousSlide",(function(){r.setState((function(e){var t=e.offset-1;if(t>=0)return{offset:t,selected:t}}))})),M()(h()(r),"nextSlide",(function(){r.setState((function(e,t){var n=e.offset+1;if(n<t.images.length)return{offset:n,selected:n}}))})),M()(h()(r),"handleGlobalKeyDown",(function(e){39===e.which?r.nextSlide():37===e.which&&r.previousSlide()})),r.state={imagesToShow:r.props.imagesToShow||5,offset:r.props.selected||0,selected:r.props.selected||0,modalIsOpen:!1,focusOnRender:!1},r}return s()(n,[{key:"componentDidMount",value:function(){this.props.imagesToShow||window.addEventListener("resize",this.onWindowResized)}},{key:"componentWillUnmount",value:function(){this.props.imagesToShow||window.removeEventListener("resize",this.onWindowResized)}},{key:"shouldComponentUpdate",value:function(e,t){return!(this.state.focusOnRender&&!t.focusOnRender)}},{key:"moveFocus",value:function(e){var t=this;this.setState((function(n){var r=n.selected+e;if(r>=0&&r<t.props.images.length){var i=n.offset;return r<n.offset?i=n.offset-1:r>=n.offset+n.imagesToShow&&(i=n.offset+1),{selected:r,focusOnRender:!0,offset:i}}}))}},{key:"componentWillReceiveProps",value:function(e){this.setState({selected:e.selected||0,offset:0})}},{key:"componentDidUpdate",value:function(){this.state.focusOnRender&&(this.items[this.state.selected].focus(),this.scroller.scrollLeft=0,this.setState({focusOnRender:!1}))}},{key:"handleKeyDown",value:function(e,t){if(!e.defaultPrevented){var n=!1;switch(e.which){case 37:case 38:this.moveFocus(-1),n=!0;break;case 39:case 40:this.moveFocus(1),n=!0;break;case 32:case 13:this.handleImageSelected(t),n=!0}n&&(e.stopPropagation(),e.preventDefault())}}},{key:"render",value:function(){var e=this,t=this.props.images;if(!t||!t.length)return null;var n=this.state.imagesToShow,r=t.length,i={width:100/r+"%"},a=100*r/n,o={width:"".concat(a,"%"),marginLeft:"-".concat(this.state.offset*(a/r),"%")};this.items=[];var l=t.map((function(t,n){return c.a.createElement("li",{key:n,style:i,tabIndex:n===e.state.selected?0:-1,onKeyDown:function(t){return e.handleKeyDown(t,n)},onClick:function(){return e.handleImageSelected(n)},ref:function(t){return t?e.items.push(t):void 0}},c.a.createElement("img",{src:t.url,alt:t.alt,className:e.props.onImageSelect?"h5p-hub-selectable":""}))})),s=0===this.state.offset,u=this.state.imagesToShow+this.state.offset>=r,f=r>this.state.imagesToShow;return c.a.createElement("div",{className:"h5p-hub-carousel",role:"region","aria-label":Q.get("screenshots"),ref:function(t){return e.carousel=t},onKeyDown:this.handleGlobalKeyDown},f&&c.a.createElement(Mt,{type:"prev",label:Q.get("previousImage"),onClick:this.previousSlide,disabled:s}),c.a.createElement("nav",{className:"h5p-hub-scroller",ref:function(t){return e.scroller=t}},c.a.createElement("ul",{style:o,onTransitionEnd:O},l)),f&&c.a.createElement(Mt,{type:"next",label:Q.get("nextImage"),onClick:this.nextSlide,disabled:u}),this.props.showProgress&&c.a.createElement("div",{className:"h5p-hub-progress",role:"alert"},Q.get("imageLightBoxProgress").replace(":num",this.state.offset+1).replace(":total",r)))}}]),n}(c.a.Component),Lt=[{breakpoint:576,imagesToShow:2},{breakpoint:768,imagesToShow:3},{breakpoint:992,imagesToShow:4}],Mt=function(e){var t=e.onClick,n=e.type,r=e.disabled,i=e.label;return c.a.createElement("button",{className:"h5p-hub-navigation h5p-hub-"+n,"aria-disabled":r,"aria-label":i,disabled:r,onClick:t})};wt.propTypes={onImageSelect:C.a.func,imagesToShow:C.a.number,showProgress:C.a.bool.isRequired,selected:C.a.number,images:C.a.arrayOf(C.a.shape({url:I,alt:I})).isRequired};var Et=wt;n(84);function Ct(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var St=function(e){y()(n,e);var t=Ct(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleToggle",(function(e){e.preventDefault(),r.setState({expanded:!r.state.expanded})})),M()(h()(r),"handleKeyPress",(function(e){32===e.which&&r.handleToggle(e)})),r.state={expanded:!1},r}return s()(n,[{key:"render",value:function(){var e=this.props.text;if(!e)return null;var t=e.length>this.props.maxLength,n=t?e.substr(0,this.props.maxLength):e,r=t?e.substr(this.props.maxLength):"";return t&&!this.state.expanded&&(n+="…"),c.a.createElement("p",{className:"small h5p-read-more"},c.a.createElement("span",{tabIndex:"-1"},n),t&&[c.a.createElement("span",{key:"part-two",tabIndex:"-1",className:this.state.expanded?"":"h5p-hub-hidden"},r),c.a.createElement("a",{href:"#",key:"button",className:"h5p-hub-link "+(this.state.expanded?"h5p-hub-read-less":"h5p-hub-read-more"),onClick:this.handleToggle,onKeyPress:this.handleKeyPress},Q.get(this.state.expanded?"readLess":"readMore"))])}}]),n}(c.a.Component);n(85);function Tt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var xt=function(e){y()(n,e);var t=Tt(n);function n(e){var r;return o()(this,n),(r=t.call(this,e)).state={expanded:e.expanded},r}return s()(n,[{key:"handleToggle",value:function(e){this.setState({expanded:this.state.expanded===e.props.id?void 0:e.props.id})}},{key:"render",value:function(){var e=this,t=c.a.Children.map(this.props.children,(function(t){var n={className:"h5p-hub-accordion-toggler","aria-expanded":e.state.expanded===t.props.id};return c.a.createElement("div",null,c.a.createElement("dt",{"aria-level":"2",role:"heading",className:"h5p-hub-accordion-heading"},c.a.createElement(mt,{buttonProps:n,onButtonClick:function(){return e.handleToggle(t)}},c.a.createElement("span",{className:"h5p-hub-icon-accordion-arrow"}),c.a.createElement("span",null,t.props.header))),c.a.createElement("dl",{role:"region",className:"h5p-hub-accordion-region"+(e.state.expanded==t.props.id?"":" hidden")},c.a.createElement("div",{className:"h5p-hub-panel-body"},t)))}));return c.a.createElement("dl",{className:"h5p-hub-accordion"},t)}}]),n}(c.a.Component),Nt=(n(86),function(e){var t=e.content,n=e.licenseInfo;return c.a.createElement(xt,null,n,c.a.createElement("div",{header:Q.get("contentPublisherPanelHeader"),className:"h5p-hub-publisher-info"},c.a.createElement("h3",{className:"h5p-hub-publisher-name"},t.publisher.name),c.a.createElement("img",{className:"h5p-hub-publisher-image",src:t.publisher.logo}),c.a.createElement("div",{className:"h5p-hub-publisher-description"},t.publisher.description)))});Nt.propTypes={content:F,licenseInfo:C.a.element};var Dt=Nt,jt=(n(87),function(e){var t=e.id,n=Se.getLicense(t);return c.a.createElement("div",null,c.a.createElement("div",{className:"h5p-hub-modal-header"},Q.get("licenseModalTitle")),c.a.createElement("div",{className:"h5p-hub-modal-content"},c.a.createElement("h5",{id:"h5p-hub-license-details-id",className:"h5p-hub-modal-title"},t),c.a.createElement(X.b,{promise:n()},c.a.createElement(X.b.Pending,null,c.a.createElement("div",{id:"h5p-hub-license-details-description",className:"h5p-hub-loading"})),c.a.createElement(X.b.Fulfilled,null,(function(e){return c.a.createElement("div",{id:"h5p-hub-license-details-description",dangerouslySetInnerHTML:{__html:e}})})))))});jt.propTypes={id:C.a.string.isRequired};var kt=jt,It=(n(88),function(e){var t=e.content;return c.a.createElement("ul",null,c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-owner",className:"h5p-hub-label"},Q.get("by"),": "),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-owner",className:"h5p-hub-content"},t.owner)),c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-h5p-type",className:"h5p-hub-label"},Q.get("h5pType")+": "),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-h5p-type",className:"h5p-hub-content"},t.h5pTitle)),c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-language",className:"h5p-hub-label"},Q.get("language"),": "),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-language",className:"h5p-hub-content"},t.language)),t.disciplines&&t.disciplines.length?c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-discipline",className:"h5p-hub-label h5p-hub-capitalize"},Q.get("in"),":"),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-discipline",className:"h5p-hub-content"},t.disciplines)):null,t.level&&c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-level",className:"h5p-hub-label"},Q.get("level"),": "),c.a.createElement("span",{className:"h5p-hub-content h5p-hub-capitalize","aria-labelledby":"h5p-hub-info-list-level"},t.level)),c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-size",className:"h5p-hub-label"},Q.get("size"),": "),c.a.createElement("span",{"aria-labelledby":"h5p-hub-info-list-size",className:"h5p-hub-content"},t.filesize)),t.age&&c.a.createElement("li",null,c.a.createElement("span",{id:"h5p-hub-info-list-age",className:"h5p-hub-label"},Q.get("age"),": "),c.a.createElement("span",{className:"h5p-hub-content","aria-labelledby":"h5p-hub-info-list-age"},t.age)))});It.propTypes={content:F};var Ot=It,At=(n(89),function(e){var t=e.id,n=e.version,r=e.onShowLicenseDetails,i=e.attributes,a=e.licenseDetailsUrl;return c.a.createElement("div",{className:"h5p-hub-short-license-info"}," ","Unspecified"!==t?c.a.createElement(c.a.Fragment,null,c.a.createElement("h3",null,"".concat(t," ").concat(n||"")),r?c.a.createElement("button",{type:"button",className:"h5p-hub-short-license-read-more","aria-label":Q.get("readMore"),onClick:r}):a?c.a.createElement("a",{className:"h5p-hub-short-license-read-more","aria-label":Q.get("readMore"),href:a,target:"_blank"}):null,c.a.createElement("p",null,Q.get("licenseDescription")),c.a.createElement("ul",{className:"h5p-hub-ul h5p-hub-small"},void 0!==i.canHoldLiable&&c.a.createElement("li",null,Q.get(i.canHoldLiable?"licenseCanHoldLiable":"licenseCannotHoldLiable")),i.useCommercially&&c.a.createElement("li",null,Q.get("licenseCanUseCommercially")),i.modifiable&&c.a.createElement("li",null,Q.get("licenseCanModify")),i.distributable&&c.a.createElement("li",null,Q.get("licenseCanDistribute")),i.sublicensable&&c.a.createElement("li",null,Q.get("licenseCanSublicense")),i.mustIncludeCopyright&&c.a.createElement("li",null,Q.get("licenseMustIncludeCopyright")),i.mustIncludeLicense&&c.a.createElement("li",null,Q.get("licenseMustIncludeLicense")))):c.a.createElement("p",null,Q.get("licenseUnspecified")))});At.propTypes={id:C.a.string.isRequired,version:C.a.string,onShowLicenseDetails:C.a.func,attributes:C.a.shape({canHoldLiable:C.a.bool,useCommercially:C.a.bool,modifiable:C.a.bool,distributable:C.a.bool,sublicensable:C.a.bool,mustIncludeCopyright:C.a.bool,mustIncludeLicense:C.a.bool}),licenseDetailsUrl:C.a.string};var Pt=At;function Rt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var zt=function(e){y()(n,e);var t=Rt(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"onTransitionEnd",(function(){r.state.visible?r.focusSet||(r.focusSet=!0,r.title.focus()):r.props.onClose()})),M()(h()(r),"onImageSelect",(function(e){r.setState({modalType:"screenshots",selectedScreenshot:e})})),M()(h()(r),"onModalClose",(function(){r.setState({modalType:void 0,licenseDetails:void 0})})),M()(h()(r),"handleClose",(function(e){e.preventDefault(),r.props.onDismissMessage(),r.props.aboutToClose(),r.setState({visible:!1})})),M()(h()(r),"handleBackKeyPress",(function(e){32===e.which&&r.handleClose(e)})),M()(h()(r),"componentDidMount",(function(){setTimeout((function(){r.setState({visible:!0})}),1),window.addEventListener("resize",r.resize),Se.licenses.then((function(e){var t=e.reduce(U,{}),n=r.props.content.license.version?t["".concat(r.props.content.license.id,"-").concat(r.props.content.license.version)]:t[r.props.content.license.id];r.setState({licenseDetailsUrl:n.url})}))})),M()(h()(r),"resize",(function(){r.setState({screenWidth:document.documentElement.clientWidth})})),r.state={visible:!1,selectedScreenshot:0,modalType:void 0,showImageSlider:!0,message:void 0,screenWidth:document.documentElement.clientWidth},r.focusSet=!1,r.screenSmall=parseInt(ie.a.screenSmall),r}return s()(n,[{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.resize)}},{key:"render",value:function(){var e=this,t="h5p-hub-content-detail"+(this.state.visible?" h5p-hub-show":""),n="h5p-hub-content-detail-view-title",r=this.props.content,i={},a=function(){return i.label=Q.get("imageLightboxTitle"),"screenshots"===e.state.modalType?c.a.createElement(Et,{images:R(r.screenshots),imagesToShow:1,showProgress:!0,selected:e.state.selectedScreenshot}):"license"===e.state.modalType?(i.labelledby="h5p-hub-license-details-id",i.describedby="h5p-hub-license-details-description",c.a.createElement(kt,{id:r.license.id})):void 0};return c.a.createElement("div",{className:t,role:"region",tabIndex:"-1","aria-labelledby":n,onTransitionEnd:this.onTransitionEnd},c.a.createElement("a",{href:"#",className:"h5p-hub-back-button h5p-hub-icon-arrow-thin","aria-label":Q.get("contentTypeBackButtonLabel"),onClick:this.handleClose,onKeyPress:this.handleBackKeyPress}),c.a.createElement("div",{className:"h5p-hub-container"},c.a.createElement("div",{className:"h5p-hub-image-wrapper"},c.a.createElement(fe,{src:r.icon,className:"h5p-hub-img-responsive"})),c.a.createElement("div",{className:"h5p-hub-text-details"},c.a.createElement("h2",{id:n,className:"h5p-hub-title ".concat(r.reviewed?"h5p-hub-reviewed":""),tabIndex:"-1",ref:function(t){return e.title=t}},r.title),c.a.createElement("div",{className:"h5p-hub-info-list"},c.a.createElement(Ot,{content:this.props.content})),c.a.createElement(St,{text:r.description,maxLength:285}),r.preview_url&&c.a.createElement("a",{className:"h5p-hub-button h5p-hub-demo-button",target:"_blank",href:r.preview_url},Q.get("contentPreviewButtonLabel"))),c.a.createElement("div",{className:"h5p-hub-info-list"},c.a.createElement(Ot,{content:this.props.content}))),this.state.showImageSlider&&r.screenshots&&c.a.createElement(Et,{images:R(r.screenshots),onImageSelect:this.onImageSelect,showProgress:!1,selected:this.state.selectedScreenshot}),c.a.createElement("hr",null),this.props.message,c.a.createElement("div",{className:"h5p-hub-button-bar"},c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-orange h5p-hub-button-inverse-primary h5p-hub-button-download-content",onClick:function(){return e.props.onDownload(r)}},Q.get("contentDownloadButtonLabel"))),c.a.createElement(Dt,{content:r,licenseInfo:c.a.createElement(Pt,{header:Q.get("contentTypeLicensePanelTitle"),id:r.license.id,version:r.license.version,licenseDetailsUrl:this.state.licenseDetailsUrl,attributes:{useCommercially:r.license.allows_commercial_use,modifiable:r.license.can_be_modified}})}),void 0!==this.state.modalType&&c.a.createElement(bt,{onClose:this.onModalClose,className:this.state.modalType?"h5p-hub-"+this.state.modalType:"",aria:i,parentId:"h5p-hub",appElementId:"h5p-hub-panel"},c.a.createElement(a,null)))}}]),n}(c.a.Component);zt.propTypes={onDownload:C.a.func.isRequired,onClose:C.a.func.isRequired,aboutToClose:C.a.func.isRequired,content:F,message:C.a.node,onDismissMessage:C.a.func.isRequired};var Ft=zt,_t=n(29),Ut=n.n(_t);n(91);function Qt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Yt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qt(Object(n),!0).forEach((function(t){M()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Bt(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Wt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Wt(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,l=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return o=e.done,e},e:function(e){l=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(l)throw a}}}}function Wt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Vt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var qt=function(e){y()(n,e);var t=Vt(n);function n(e){var r;o()(this,n),r=t.call(this,e),M()(h()(r),"handlePageChange",(function(e,t){t!==r.state.page&&r.setState({page:t,focusOnRender:e})})),M()(h()(r),"scrollToSearchResults",(function(){r.reuseContentResultRef.current.scrollTo?r.reuseContentResultRef.current.scrollTo({left:0,top:0,behavior:"smooth"}):r.reuseContentResultRef.current.focus()})),M()(h()(r),"handleOrderBy",(function(e){e!==r.state.orderBy&&r.setState({orderBy:e})})),M()(h()(r),"handleSearch",(function(e){e!==r.state.query&&r.setState({query:e})})),M()(h()(r),"applyFilters",(function(e){_(r.state.appliedFilters,e)||r.setState({appliedFilters:e})})),M()(h()(r),"showContentDetails",(function(e,t){r.setState({detailViewVisible:!0,contentListVisible:!1,content:e,focused:t})})),M()(h()(r),"closeContentDetails",(function(){r.setState((function(e){return{contentListVisible:!0,setFocus:!e.setFocus}}))})),M()(h()(r),"showAllOrderedBy",(function(e){var t={};r.clearFilterExceptions.forEach((function(e){t[e]=r.state.appliedFilters[e]})),r.setState({orderBy:e,appliedFilters:t,selectedFilters:t,query:"",page:1})})),M()(h()(r),"showMessage",(function(e,t,n){var i={title:e,message:t,severity:n,onClose:function(){return r.clearMessage()}};r.setState({message:c.a.createElement(Ae,i)})})),M()(h()(r),"clearMessage",(function(){r.setState({message:null})})),M()(h()(r),"getFriendlyMessage",(function(e){var t=Q.get("downloadFailed"),n=Q.get("somethingWentWrongTryAgain");if(e instanceof TypeError)n=Q.get("contentHubConnectionFailed");else if(Array.isArray(e.message)){var r,i=!1,a=Bt(e.message);try{for(a.s();!(r=a.n()).done;){if("missing-required-library"===r.value.code){i=!0;break}}}catch(e){a.e(e)}finally{a.f()}i&&(t=Q.get("downloadFailedMissingLibrariesTitle"),n="\n          <p>".concat(Q.get("downloadFailedMissingLibrariesMessage"),'</p>\n          <ul class="h5p-hub-message-item-list">\n            ').concat(e.message.map((function(e){return"<li>".concat(e.message,"</li>")})).join("\n"),"\n          </ul>\n        "))}return{title:t,message:n,severity:"error"}})),M()(h()(r),"handleDownload",(function(e){r.setState({downloading:!0},(function(){Y(r.props.getAjaxUrl("get-content",{hubId:e.id}),"").then((function(e){r.props.onDownload(e.data,"reuse")})).catch((function(e){var t=r.getFriendlyMessage(e),n=t.title,i=t.message,a=t.severity;r.showMessage(n,i,a)})).finally((function(){return r.setState({downloading:!1})}))}))})),M()(h()(r),"getH5PTitle",(function(e){if(r.state.metaData.flatContentTypes){var t=r.state.metaData.flatContentTypes.filter((function(t){return t.id.split(" ")[0]===e.split(" ")[0]}));if(t.length>0)return t[0].label}return e})),M()(h()(r),"getLabel",(function(e,t){if(r.state.metaData[t]){var n=r.state.metaData[t].filter((function(t){return t.id===e}));if(n.length>0&&null!==n[0].translation)return n[0].translation}return e})),M()(h()(r),"setChecked",(function(e){r.setState({selectedFilters:e})})),r.state={page:1,orderBy:"popular",appliedFilters:{reviewed:["reviewed"]},hasSearchResults:!1,contentListVisible:!0,detailViewVisible:!1,focusOnRender:!1,focused:"",setFocus:!1,failedDataFetch:{},metaData:{},initialized:!1,downloading:!1,selectedFilters:{reviewed:["reviewed"]}},r.orderBySettings=[{id:"popular",text:Q.get("popularFirst")},{id:"newest",text:Q.get("newestFirst")}];var i=Q.get("filters");return r.reviewedFilter=[{id:"reviewed",label:i.reviewed.optionLabel}],r.licenseFilter=[{id:"modified",label:i.licenses.options.modified},{id:"commercial",label:i.licenses.options.commercial}],r.metaData=[{id:"disciplines",promise:Se.disciplines},{id:"contentTypes",promise:Se.contentTypes},{id:"language",promise:Se.languages},{id:"level",promise:Se.levels},{id:"flatDisciplines",promise:Se.flatDisciplines},{id:"flatContentTypes",promise:Se.flatContentTypes}],r.metaData.forEach((function(e){e.promise.then((function(t){r.setState({metaData:Yt(Yt({},r.state.metaData),{},M()({},e.id,t))})}),(function(){r.setState({failedDataFetch:Yt(Yt({},r.state.failedDataFetch),{},M()({},e.id,!0))})}))})),r.filters=[{id:"disciplines",dictionary:i.disciplines,type:"categorySearch"},{id:"contentTypes",dictionary:i.contentTypes,type:"search"},{id:"license",dictionary:i.licenses,type:"checkboxList"},{id:"language",dictionary:i.language,type:"search"},{id:"level",dictionary:i.level,type:"checkboxList"},{id:"reviewed",dictionary:i.reviewed,type:"checkboxList"}],r.reuseContentResultRef=c.a.createRef(),r.clearFilterExceptions=["reviewed"],r}return s()(n,[{key:"componentDidUpdate",value:function(e,t){!this.state.initialized&&this.props.isVisible&&this.setState({newContent:Se.search({orderBy:"newest",limit:6,filters:this.state.appliedFilters}),popularContent:Se.search({orderBy:"popularity",limit:6,filters:this.state.appliedFilters}),search:Se.search({filters:this.state.appliedFilters}),initialized:!0});var n=t.orderBy!==this.state.orderBy||t.query!==this.state.query||!_(t.appliedFilters,this.state.appliedFilters);(n||t.page!==this.state.page)&&(this.setState({detailViewVisible:!1,contentListVisible:!0,focused:"",setFocus:!0,search:Se.search({query:this.state.query,filters:this.state.appliedFilters,orderBy:this.state.orderBy,page:n?1:this.state.page})}),this.scrollToSearchResults())}},{key:"render",value:function(){var e=this,t=this.state.initialized&&(this.state.query||"popular"!==this.state.orderBy),n=this.state.initialized&&(this.state.query||"newest"!==this.state.orderBy),r=Q.get("contentDownloadButtonDownloadingLabel");return c.a.createElement("div",{id:"h5p-hub-reuse-view"},this.state.downloading&&c.a.createElement(ut,{label:r}),c.a.createElement(dt,{placeholder:Q.get("contentSearchFieldPlaceholder"),onSearch:this.handleSearch,value:this.state.query,setFocus:this.props.isVisible}),c.a.createElement(lt,{label:Q.get("filterBy"),filters:this.filters,applyFilters:this.applyFilters,checked:this.state.selectedFilters,setChecked:this.setChecked,metaData:Yt(Yt({},this.state.metaData),{},{license:this.licenseFilter,reviewed:this.reviewedFilter}),failedDataFetch:this.state.failedDataFetch,clearFilterExceptions:this.clearFilterExceptions}),c.a.createElement("div",{className:"h5p-hub-reuse-content-container",id:"h5p-hub-reuse-content-container"},c.a.createElement("div",{className:this.state.contentListVisible?"":"h5p-hub-content-list-hidden"},c.a.createElement(Le,{searchPromise:this.state.search,selected:this.state.orderBy,onChange:this.handleOrderBy,headerLabel:Q.get("contentSectionAll"),visible:this.state.contentListVisible,orderVariables:this.orderBySettings}),c.a.createElement("div",{className:"h5p-hub-reuse-content-result",ref:this.reuseContentResultRef},this.state.initialized&&c.a.createElement(ve,{itemsPromise:this.state.search,onSelect:this.showContentDetails,visible:this.state.contentListVisible,handlePageChange:this.handlePageChange,focused:this.state.focused,setFocus:this.state.setFocus,title:Q.get("contentSectionAll")}),c.a.createElement(X.a,{promiseFn:this.state.search},c.a.createElement(X.a.Fulfilled,null,(function(e){return c.a.createElement($,{tutorialUrl:e.numResults?"https://h5p.org/documentation/for-authors/tutorials":null,suggestionText:Q.get(e.numResults?"noContentSuggestion":"noContentFoundDesc"),headerText:Q.get(e.numResults?"noContentHeader":"noResultsFound")})}))),t&&c.a.createElement(xe,{itemsPromise:this.state.popularContent,title:Q.get("popularContent"),actionLabel:Q.get("allPopular"),onAction:function(){return e.showAllOrderedBy("popular")},onSelect:this.showContentDetails,focused:this.state.focused,setFocus:this.state.setFocus}),n&&c.a.createElement(xe,{itemsPromise:this.state.newContent,title:Q.get("newOnTheHub"),actionLabel:Q.get("allNew"),onAction:function(){return e.showAllOrderedBy("newest")},onSelect:this.showContentDetails,focused:this.state.focused,setFocus:this.state.setFocus}))),this.state.detailViewVisible&&c.a.createElement(Ft,{content:Yt(Yt({},this.state.content),{},{h5pTitle:this.getH5PTitle(this.state.content.content_type),language:this.getLabel(this.state.content.language,"language"),disciplines:this.state.content.disciplines.map((function(t,n,r){return e.getLabel(t,"flatDisciplines")+(r.length-1!==n?", ":"")})),level:this.getLabel(this.state.content.level,"level"),filesize:Ut()(this.state.content.size)}),downloading:this.state.downloading,message:this.state.message,onDismissMessage:this.clearMessage,onDownload:this.handleDownload,aboutToClose:function(){return e.closeContentDetails()},onClose:function(){return e.setState({detailViewVisible:!1})}})))}}]),n}(c.a.Component);qt.propTypes={title:C.a.string.isRequired,isVisible:C.a.bool};var Ht=qt,Gt="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMjI1Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICBmaWxsOiAjYzZjNmM3Ow0KICAgICAgfQ0KDQogICAgICAuY2xzLTMsIC5jbHMtNCB7DQogICAgICBmaWxsOiAjZmZmOw0KICAgICAgfQ0KDQogICAgICAuY2xzLTMgew0KICAgICAgb3BhY2l0eTogMC43Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHRpdGxlPmNvbnRlbnQgdHlwZSBwbGFjZWhvbGRlcl8yPC90aXRsZT4NCiAgPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+DQogICAgPGcgaWQ9ImNvbnRlbnRfdHlwZV9wbGFjZWhvbGRlci0xX2NvcHkiIGRhdGEtbmFtZT0iY29udGVudCB0eXBlIHBsYWNlaG9sZGVyLTEgY29weSI+DQogICAgICA8cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0MDAiIGhlaWdodD0iMjI1Ii8+DQogICAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjExMi41MSIgeT0iNDMuNDEiIHdpZHRoPSIxNzYuOTYiIGhlaWdodD0iMTM1LjQ1IiByeD0iMTAiIHJ5PSIxMCIvPg0KICAgICAgPGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxMzYuNjYiIGN5PSI2MS45OCIgcj0iNC44MSIvPg0KICAgICAgPGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxNTEuNDkiIGN5PSI2MS45OCIgcj0iNC44MSIvPg0KICAgICAgPGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxNjYuMSIgY3k9IjYxLjk4IiByPSI0LjgxIi8+DQogICAgICA8ZyBpZD0iX0dyb3VwXyIgZGF0YS1uYW1lPSImbHQ7R3JvdXAmZ3Q7Ij4NCiAgICAgICAgPGcgaWQ9Il9Hcm91cF8yIiBkYXRhLW5hbWU9IiZsdDtHcm91cCZndDsiPg0KICAgICAgICAgIDxwYXRoIGlkPSJfQ29tcG91bmRfUGF0aF8iIGRhdGEtbmFtZT0iJmx0O0NvbXBvdW5kIFBhdGgmZ3Q7IiBjbGFzcz0iY2xzLTQiIGQ9Ik0yNjMuMjgsOTUuMjFDMjYwLDkyLjA3LDI1NSw5MS41LDI0OC40Myw5MS41SDIyN3Y4SDE5OS41bC0yLjE3LDEwLjI0YTI1Ljg0LDI1Ljg0LDAsMCwxLDExLjQ4LTEuNjMsMTkuOTMsMTkuOTMsMCwwLDEsMTQuMzksNS41NywxOC4yNiwxOC4yNiwwLDAsMSw1LjUyLDEzLjYsMjMuMTEsMjMuMTEsMCwwLDEtMi44NCwxMS4wNSwxOC42NSwxOC42NSwwLDAsMS04LjA2LDcuNzksOSw5LDAsMCwxLTQuMTIsMS4zN0gyMzZ2LTIxaDEwLjQyYzcuMzYsMCwxMi44My0xLjYxLDE2LjQyLTVzNS4zOC03LjQ4LDUuMzgtMTMuNDRDMjY4LjIyLDEwMi4yOSwyNjYuNTcsOTguMzUsMjYzLjI4LDk1LjIxWm0tMTUsMTdjLTEuNDIsMS4yMi0zLjksMS4yNS03LjQxLDEuMjVIMjM2di0xNGg1LjYyYTkuNTcsOS41NywwLDAsMSw3LDIuOTMsNy4wNSw3LjA1LDAsMCwxLDEuODUsNC45MkE2LjMzLDYuMzMsMCwwLDEsMjQ4LjMxLDExMi4yNVoiLz4NCiAgICAgICAgICA8cGF0aCBpZD0iX1BhdGhfIiBkYXRhLW5hbWU9IiZsdDtQYXRoJmd0OyIgY2xhc3M9ImNscy00IiBkPSJNMjAyLjksMTE5LjExYTguMTIsOC4xMiwwLDAsMC03LjI4LDQuNTJsLTE2LTEuMjIsNy4yMi0zMC45MkgxNzR2MjJIMTUzdi0yMkgxMzZ2NTZoMTd2LTIxaDIxdjIxaDIwLjMxYy0yLjcyLDAtNS0xLjUzLTctM2ExOS4xOSwxOS4xOSwwLDAsMS00LjczLTQuODMsMjMuNTgsMjMuNTgsMCwwLDEtMy02LjZsMTYtMi4yNmE4LjExLDguMTEsMCwxLDAsNy4yNi0xMS43MloiLz4NCiAgICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIxNzcuNjYiIHk9IjU3LjY2IiB3aWR0aD0iOTIuMjgiIGhlaWdodD0iOS4zOCIgcng9IjMuNSIgcnk9IjMuNSIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=";function Zt(e,t){var n=t.major>e.h5pMajorVersion||t.major===e.h5pMajorVersion&&t.minor>=e.h5pMinorVersion;return!e.isUpToDate&&e.installed&&e.canInstall&&n}n(92);var Kt=function(e){var t=e.contentType,n=e.apiVersion,r=e.tabindex,i=e.onSelect,a=t.title||t.machineName,o=Zt(t,n),l=function(e){i(t),e.preventDefault()},s=t.icons?t.icons.map((function(e,t){return c.a.createElement("img",{key:t,className:"h5p-hub-media-text-icon",src:e.src,alt:e.alt,title:e.alt})})):null;return c.a.createElement("div",null,c.a.createElement("div",{className:"h5p-hub-media-left"},c.a.createElement("img",{className:"h5p-hub-media-object",src:t.icon||Gt,alt:a+" "+Q.get("contentTypeIconAltText")})),c.a.createElement("div",{className:"h5p-hub-media-body"},c.a.createElement("div",{className:"h4 h5p-hub-media-heading"},a),s,t.installed?c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-primary",tabIndex:r,onClick:l,onKeyDown:function(e){13!==e.which&&32!==e.which||l(e)}},Q.get("contentTypeDetailButtonLabel")):c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-inverse-primary h5p-hub-button-install",tabIndex:r},Q.get("contentTypeGetButtonLabel")),c.a.createElement("div",{className:"h5p-hub-content-type-update-info"+(o?"":" hidden")},Q.get("contentTypeUpdateAvailable")),c.a.createElement("div",{className:"h5p-hub-description"},t.summary||"")))};Kt.propTypes={contentType:C.a.object.isRequired,apiVersion:C.a.object.isRequired,tabindex:C.a.number.isRequired,onSelect:C.a.func.isRequired};var Xt=Kt;n(93);function Jt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var $t=function(e){y()(n,e);var t=Jt(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"getLibrary",(function(e){for(var t=0;t<r.props.contentTypes.length;t++){var n=r.props.contentTypes[t];if(n.machineName.toLocaleLowerCase().replace(".","-")===e.replace("h5p-hub-",""))return n}})),M()(h()(r),"handleFocus",(function(e){r.props.onFocus(r.getLibrary(e))})),M()(h()(r),"handleSelect",(function(e){var t=r.getLibrary(e);t.installed?r.props.onUse(t):(r.props.onSelect(t),r.props.onFocus(t))})),M()(h()(r),"scrollIntoView",(function(e){var t=r.choose.items[0].offsetTop;if(e.offsetTop-t<r.list.scrollTop)r.list.scrollTop=e.offsetTop-t;else{var n=e.offsetTop-t+e.clientHeight;if(n>r.list.scrollTop+r.list.clientHeight){var i=window.getComputedStyle(r.listElement);r.list.scrollTop=n-r.list.clientHeight+parseFloat(i.marginTop)+parseFloat(i.marginBottom)}}})),r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.contentTypes!==this.props.contentTypes&&this.setState({resetScroll:!0})}},{key:"componentDidUpdate",value:function(){if(this.state&&this.state.resetScroll)delete this.state.resetScroll,this.list.scrollTop=0;else if(this.props.focused&&this.choose&&this.choose.items)for(var e=this.props.focused.machineName.toLocaleLowerCase().replace(".","-"),t=0;t<this.choose.items.length;t++)if(e===this.choose.items[t].id){this.scrollIntoView(this.choose.items[t]);break}}},{key:"render",value:function(){var e=this,t=this.props.contentTypes.map((function(t,n){return c.a.createElement("li",{key:n,id:t.machineName.toLocaleLowerCase().replace(".","-"),className:"h5p-hub-media"},c.a.createElement(Xt,{contentType:t,apiVersion:e.props.apiVersion,tabindex:e.props.focused?e.props.focused===t?0:-1:0===n?0:-1,onSelect:e.props.onSelect}))}));return H5P.externalDispatcher.trigger("h5p-hub-content-types-render",{numContentTypes:this.props.contentTypes.length,contentTypeListClassName:"h5p-hub-content-type-list"}),c.a.createElement("div",{className:"h5p-hub-content-type-list","aria-hidden":!this.props.visible,ref:function(t){return e.list=t}},this.props.contentTypes.length?c.a.createElement("ol",{ref:function(t){return e.listElement=t}},c.a.createElement(H,{selected:this.props.focused?this.props.focused.machineName.toLocaleLowerCase().replace(".","-"):null,setFocus:this.props.setFocus,onChange:this.handleSelect,onFocus:this.handleFocus,ref:function(t){return e.choose=t}},t)):c.a.createElement("div",{className:"h5p-hub-no-results"},c.a.createElement("div",{className:"h5p-hub-no-results-title"},Q.get("noResultsFound")),c.a.createElement("div",{className:"h5p-hub-no-results-desc"},Q.get("noResultsFoundDesc"))))}}]),n}(c.a.Component);$t.propTypes={contentTypes:C.a.array.isRequired,apiVersion:C.a.object.isRequired,focused:C.a.object,visible:C.a.bool,setFocus:C.a.bool,onUse:C.a.func.isRequired,onSelect:C.a.func.isRequired,onFocus:C.a.func.isRequired};var en=$t,tn=(n(94),function(e){var t=e.id,n=e.attributes,r=e.onShowLicenseDetails;return c.a.createElement(xt,null,c.a.createElement(Pt,{header:Q.get("contentTypeLicensePanelTitle"),id:t,attributes:n,onShowLicenseDetails:r}))});tn.propTypes={id:C.a.string,onShowLicenseDetails:C.a.func,attributes:C.a.shape({canHoldLiable:C.a.bool,useCommercially:C.a.bool,modifiable:C.a.bool,distributable:C.a.bool,sublicensable:C.a.bool,mustIncludeCopyright:C.a.bool,mustIncludeLicense:C.a.bool})};var nn=tn;n(95);function rn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var an=function(e){y()(n,e);var t=rn(n);function n(e){var r;return o()(this,n),(r=t.call(this,e)).state={focusOnRender:!0},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.opened!==this.props.opened&&this.setState({focusOnRender:!0})}},{key:"shouldComponentUpdate",value:function(e,t){return this.state===t}},{key:"componentDidUpdate",value:function(){this.state.focusOnRender&&(this.useButton?this.useButton.focus():this.installButton.focus()),delete this.state.focusOnRender}},{key:"render",value:function(){var e,t=this,n=!1,r=this.props.installed&&!this.props.installing;return this.props.installed&&this.props.updatable?(e=this.props.installing?"Updating":"Update",n=this.props.installing):this.props.installed||(e=this.props.installing?"Installing":"Install",n=this.props.installing),c.a.createElement("div",{className:"h5p-hub-content-type-detail-button-bar"},e&&c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-inverse-primary h5p-hub-button-".concat(e.toLowerCase()),disabled:n,onClick:this.props.installing?void 0:this.props.onInstall,ref:function(e){return t.installButton=e}},Q.get("contentType".concat(e,"ButtonLabel"))),r&&c.a.createElement("button",{type:"button",className:"h5p-hub-button h5p-hub-button-primary",onClick:this.props.onUse,ref:function(e){return t.useButton=e}},Q.get("contentTypeUseButtonLabel")))}}]),n}(c.a.Component);an.propTypes={canInstall:C.a.bool.isRequired,installed:C.a.bool.isRequired,installing:C.a.bool.isRequired,updatable:C.a.bool.isRequired,onInstall:C.a.func.isRequired,onUse:C.a.func.isRequired,opened:C.a.bool.isRequired};var on=an;n(96);function ln(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var sn={},un=function(e){y()(n,e);var t=ln(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"onTransitionEnd",(function(){!r.state.visible&&r.state.showImageSlider?r.setState({showImageSlider:!1}):r.state.visible&&r.setState({focusUseButton:r.state.visible})})),M()(h()(r),"onImageSelect",(function(e){r.setState({modalType:"screenshots",selectedScreenshot:e})})),M()(h()(r),"onModalClose",(function(){r.setState({modalType:void 0,licenseDetails:void 0})})),M()(h()(r),"handleInstall",(function(){r.setState({installing:!0,errorMessage:null,infoMessage:null}),Y(r.props.getAjaxUrl("library-install",{id:r.props.library.machineName}),"").then((function(e){r.props.onInstall(e.data);var t=r.props.installed?"contentTypeUpdateSuccess":"contentTypeInstallSuccess",n=r.props.library.title||r.props.library.machineName;r.setState({installed:!0,installing:!1,infoMessage:{title:Q.get(t,{":contentType":n}),message:e.data.details}})})).catch((function(e){r.setState({updating:!1,installing:!1,errorMessage:e})}))})),M()(h()(r),"handleClose",(function(e){e.preventDefault(),r.props.onClose()})),M()(h()(r),"handleUse",(function(){r.props.onUse(r.props.library)})),M()(h()(r),"handleShowLicenseDetails",(function(){var e=r.props.library.license.id,t=sn[e];t?r.setState({licenseDetails:t}):fetch("https://api.h5p.org/v1/licenses/".concat(r.props.library.license.id)).then((function(e){return e.json()})).then((function(n){t=!1===n.success?Q.get("licenseFetchDetailsFailed"):sn[e]=n.description.replace(":owner",r.props.library.owner).replace(":year",(new Date).getFullYear()),r.setState({licenseDetails:t})})).catch((function(){r.setState({licenseDetails:Q.get("licenseFetchDetailsFailed")})})),r.setState({modalType:"license"})})),M()(h()(r),"handleErrorDismiss",(function(){r.setState({errorMessage:null})})),M()(h()(r),"handleInfoDismiss",(function(){r.setState({infoMessage:null})})),M()(h()(r),"handleBackKeyPress",(function(e){32===e.which&&r.handleClose(e)})),M()(h()(r),"openExampleUrl",(function(){window.open(r.props.library.example,"_blank")})),r.state={visible:!1,selectedScreenshot:0,modalType:void 0,installed:!1,canInstall:!1,updatable:!1,installing:!1,showImageSlider:!0,message:void 0,opened:!1},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.library&&(this.props.library!==e.library&&this.setState({errorMessage:null,infoMessage:null}),!this.props.visible&&e.visible?this.setState({opened:!0}):this.setState({opened:!1}),this.setState({installed:e.library.installed,canInstall:e.library.canInstall,updatable:Zt(e.library,e.apiVersion),installing:!1,visible:e.visible,showImageSlider:!0}))}},{key:"render",value:function(){var e=this,t="h5p-hub-content-type-detail"+(this.state.visible?" h5p-hub-show":""),n="h5p-hub-content-type-detail-view-title";if(!this.props.library)return c.a.createElement("div",{className:t});var r=function(){return"screenshots"===e.state.modalType?c.a.createElement(Et,{images:e.props.library.screenshots,imagesToShow:1,showProgress:!0,selected:e.state.selectedScreenshot}):"license"===e.state.modalType?c.a.createElement("div",null,c.a.createElement("div",{className:"h5p-hub-modal-header"},Q.get("licenseModalTitle")),c.a.createElement("div",{className:"h5p-hub-modal-content"},c.a.createElement("h5",{id:"h5p-hub-license-details-id",className:"h5p-hub-modal-title"},e.props.library.license.id),c.a.createElement("div",{id:"h5p-hub-license-details-description",className:e.state.licenseDetails?void 0:"h5p-hub-loading",dangerouslySetInnerHTML:{__html:e.state.licenseDetails}}))):null},a={};return"screenshots"===this.state.modalType&&(a.label=Q.get("imageLightboxTitle")),"license"===this.state.modalType&&this.state.licenseDetails&&(a.labelledby="h5p-hub-license-details-id",a.describedby="h5p-hub-license-details-description"),c.a.createElement("div",{className:t,role:"region",tabIndex:"-1","aria-labelledby":n,onTransitionEnd:this.onTransitionEnd},c.a.createElement("a",{href:"#",className:"h5p-hub-back-button h5p-hub-icon-arrow-thin","aria-label":Q.get("contentTypeBackButtonLabel"),onClick:this.handleClose,onKeyPress:this.handleBackKeyPress}),c.a.createElement("div",{className:"h5p-hub-container"},c.a.createElement("div",{className:"h5p-hub-image-wrapper"},c.a.createElement("img",{className:"h5p-hub-img-responsive",src:this.props.library.icon||Gt})),c.a.createElement("div",{className:"h5p-hub-text-details"},c.a.createElement("h2",{id:n,className:"h5p-hub-title",tabIndex:"-1"},this.props.library.title||this.props.library.machineName),c.a.createElement("div",{className:"h5p-hub-owner"},this.props.library.owner),c.a.createElement(St,{text:this.props.library.description,maxLength:285}),this.props.library.example&&c.a.createElement("a",{className:"h5p-hub-button h5p-hub-demo-button",target:"_blank",href:this.props.library.example||"#",onKeyPress:function(t){return A(t,e.openExampleUrl)}},Q.get("contentTypeDemoButtonLabel")))),this.state.showImageSlider&&this.props.library.screenshots&&c.a.createElement(Et,{images:this.props.library.screenshots,onImageSelect:this.onImageSelect,showProgress:!1,selected:this.state.selectedScreenshot}),c.a.createElement("hr",null),!!this.state.errorMessage&&c.a.createElement(Ae,i()({},this.state.errorMessage,{severity:"error",onClose:this.handleErrorDismiss})),!!this.state.infoMessage&&c.a.createElement(Ae,i()({},this.state.infoMessage,{severity:"info",onClose:this.handleInfoDismiss})),c.a.createElement(on,{installed:this.state.installed,canInstall:this.state.canInstall,updatable:this.state.updatable,installing:this.state.installing,onInstall:this.handleInstall,onUse:this.handleUse,opened:this.state.opened}),c.a.createElement(nn,{id:this.props.library.license?this.props.library.license.id:"Unspecified",attributes:this.props.library.license?this.props.library.license.attributes:void 0,onShowLicenseDetails:this.handleShowLicenseDetails}),void 0!==this.state.modalType&&c.a.createElement(bt,{onClose:this.onModalClose,className:"h5p-hub-"+this.state.modalType||!1,aria:a,parentId:"h5p-hub",appElementId:"h5p-hub-panel"},c.a.createElement(r,null)))}}]),n}(c.a.Component);un.propTypes={visible:C.a.bool.isRequired,onInstall:C.a.func.isRequired,onUse:C.a.func.isRequired,onClose:C.a.func.isRequired,getAjaxUrl:C.a.func.isRequired,library:C.a.shape({installed:C.a.bool.isRequired,canInstall:C.a.bool.isRequired,isUpToDate:C.a.bool.isRequired,example:C.a.string,title:C.a.string,description:C.a.string.isRequired,machineName:C.a.string.isRequired,screenshots:C.a.arrayOf(C.a.shape({url:I,alt:I})),owner:C.a.string.isRequired,icon:C.a.string,license:C.a.shape({id:C.a.string.isRequired,attributes:C.a.shape({canHoldLiable:C.a.bool.isRequired,useCommercially:C.a.bool,modifiable:C.a.bool,distributable:C.a.bool,sublicensable:C.a.bool,mustIncludeCopyright:C.a.bool,mustIncludeLicense:C.a.bool})})})};var cn=un,fn=function(e){var t=e.throbbing,n=e.details,r=e.onRetry,i=[Q.get("noContentTypesAvailableDesc")];return n&&n.title&&(i.push(n.title),n.details&&(i=i.concat(n.details))),c.a.createElement(Ae,{severity:"error",title:Q.get("noContentTypesAvailable"),message:i},c.a.createElement("button",{type:"h5p-hub-button",className:"h5p-hub-button h5p-hub-button-primary h5p-hub-retry-button",tabIndex:"0",onClick:r,disabled:t},Q.get("tryAgain")))};fn.propTypes={throbbing:C.a.bool,details:C.a.object,onRetry:C.a.func.isRequired},fn.defaultProps={throbbing:!1};var dn=fn,pn=[{name:"title",max:1e3,min:100},{name:"summary",max:50,min:25},{name:"description",max:50,min:25},{name:"keywords",max:50,min:25},{name:"machineName",max:1,min:.5}],hn={recently:"recently",newest:"createdAt","a-to-z":"title"},mn=["createdAt","updatedAt"];function yn(e,t,n){if(t){var r=e.libraries.map((function(e){return{contentType:e,score:bn(t,e)}})).filter((function(t){return t.score>0&&!gn(t.contentType,e.apiVersion)}));return Ln(r)}var i=[hn[n]];if("recently"===n)if(e.recentlyUsed&&e.recentlyUsed.length){for(var a=0;a<e.recentlyUsed.length;a++)for(var o=e.recentlyUsed[a],l=0;l<e.libraries.length;l++){var s=e.libraries[l];s.machineName===o&&(s.recently=a+1)}i.push("popularity")}else i=["popularity"];else"newest"===n&&i.splice(0,0,"installed");return Ln(e.libraries.filter((function(t){return!gn(t,e.apiVersion)})),i)}var gn=function(e,t){var n=!(t.major>e.h5pMajorVersion||t.major===e.h5pMajorVersion&&t.minor>=e.h5pMinorVersion);return e.restricted||!e.installed&&n},bn=function(e,t){var n=e.split(" ").filter((function(e){return""!==e})).map((function(e){return vn(e,t)}));return n.indexOf(0)>-1?0:n.reduce((function(e,t){return e+t}),0)},vn=function(e,t){e=e.trim();for(var n=0;n<pn.length;n++){var r=pn[n],i=wn(e,t[r.name],r.max,r.min);if(-1!==i)return i}return 0},wn=function e(t,n,r,i){if(!n)return-1;if(n instanceof Array){for(var a=0;a<n.length;a++){var o=e(t,n[a],r,i);if(-1!==o)return o}return-1}var l=n.toLowerCase().indexOf(t.toLowerCase());return-1===l?-1:(r-i)*((n.length-l)/n.length)+i},Ln=function(e,t){return e.map((function(e){return e.hasOwnProperty("score")&&e.hasOwnProperty("contentType")?e:{contentType:e,score:.1}})).sort((function(e,n){return t?Mn(e,n,t[0],t.slice(1)):En(e,n)})).map((function(e){return e.contentType}))},Mn=function e(t,n,r,i){if(!t.contentType.hasOwnProperty(r))return 1;if(!n.contentType.hasOwnProperty(r))return-1;var a=-1===mn.indexOf(r)?1:-1;return t.contentType[r]>n.contentType[r]?1*a:t.contentType[r]<n.contentType[r]?-1*a:i.length?e(t,n,i[0],i.slice(1)):0},En=function(e,t){return t.score!==e.score?t.score-e.score:t.contentType.popularity-e.contentType.popularity};function Cn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Sn=function(e){y()(n,e);var t=Cn(n);function n(e){var r;o()(this,n),r=t.call(this,e),M()(h()(r),"handleDetailClose",(function(){r.setState((function(e){return{detailViewActive:!1,setFocus:!e.setFocus}}))})),M()(h()(r),"handleDetailUse",(function(e){r.handleDetailClose(),r.props.onUse(e)})),M()(h()(r),"handleListSelect",(function(e){r.setState({library:e,detailViewActive:!0})})),M()(h()(r),"handleFilterOn",(function(e){r.setState({contentTypes:yn(r.props.contentTypes,e,r.state.orderBy),filterOn:e,focused:null,detailViewActive:!1})})),M()(h()(r),"handleOrderBy",(function(e){r.setState({contentTypes:yn(r.props.contentTypes,null,e),orderBy:e,filterOn:"",focused:null})})),M()(h()(r),"handleFocus",(function(e){r.setState({focused:e})})),M()(h()(r),"handleFocusMove",(function(e){for(var t=r.state.focused||r.state.contentTypes[0],n=0;n<r.state.contentTypes.length;n++)if(t===r.state.contentTypes[n])return void(r.state.contentTypes[n+e]&&r.setState({focused:r.state.contentTypes[n+e]}))})),M()(h()(r),"handleSearchSelect",(function(){var e=r.state.focused||r.state.contentTypes[0];e&&(e.installed?r.props.onUse(e):r.handleListSelect(e))})),M()(h()(r),"handleWarningClose",(function(){r.setState({warnOutdated:!1})})),M()(h()(r),"handleRetry",(function(){r.setState({retrying:!0}),r.props.onReload()}));return r.state={orderBy:"recently",contentTypes:yn(e.contentTypes,null,"recently"),detailViewActive:!1,warnOutdated:r.props.contentTypes.outdated},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){this.setState((function(t){var n;if(t.library)for(var r=0;r<e.contentTypes.libraries.length;r++){var i=e.contentTypes.libraries[r];i.machineName===t.library.machineName&&(n=i)}return{contentTypes:yn(e.contentTypes,t.filterOn,t.orderBy),retrying:void 0,library:n}}))}},{key:"render",value:function(){if(!this.props.contentTypes.libraries||!this.props.contentTypes.libraries.length)return c.a.createElement(dn,{throbbing:this.state.retrying,details:this.props.error,onRetry:this.handleRetry});var e=!(!this.props.contentTypes.recentlyUsed||!this.props.contentTypes.recentlyUsed.length),t=[{id:"recently",text:Q.get(e?"recentlyUsedFirst":"popularFirst")},{id:"newest",text:Q.get("newestFirst")},{id:"a-to-z",text:Q.get("aToZ")}];return c.a.createElement("div",{className:"h5p-hub-content-type-section-view"},c.a.createElement(dt,{value:this.state.filterOn,auto:!this.state.detailViewActive,setFocus:this.props.setFocus,onSearch:this.handleFilterOn,onNavigate:this.handleFocusMove,onSelect:this.handleSearchSelect,instantSearch:!0,placeholder:Q.get("contentTypeSearchFieldPlaceholder")}),!!this.state.warnOutdated&&c.a.createElement(Ae,{severity:"warning",title:Q.get("contentTypeCacheOutdated"),message:Q.get("contentTypeCacheOutdatedDesc"),onClose:this.handleWarningClose}),c.a.createElement("div",{className:"h5p-hub-content-type-section"+(this.state.warnOutdated?" h5p-hub-height-limit":"")+(this.state.filterOn?" h5p-hub-filtering":"")},c.a.createElement(Le,{hits:this.state.contentTypes.length,selected:this.state.orderBy,onChange:this.handleOrderBy,orderVariables:t,orderVisible:!this.state.filterOn,hasSearchResults:!!this.state.filterOn,visible:!this.state.detailViewActive,headerLabel:this.state.filterOn?Q.get("searchResults"):Q.get("contentTypeSectionAll")}),c.a.createElement(en,{contentTypes:this.state.contentTypes,apiVersion:this.props.contentTypes.apiVersion,focused:this.state.focused,setFocus:!this.state.setFocus,visible:!this.state.detailViewActive,onUse:this.props.onUse,onSelect:this.handleListSelect,onFocus:this.handleFocus}),c.a.createElement(cn,{library:this.state.library,apiVersion:this.props.contentTypes.apiVersion,visible:this.state.detailViewActive,onUse:this.handleDetailUse,onClose:this.handleDetailClose,getAjaxUrl:this.props.getAjaxUrl,onInstall:this.props.onInstall})))}}]),n}(c.a.Component);Sn.propTypes={contentTypes:C.a.object.isRequired,setFocus:C.a.bool,getAjaxUrl:C.a.func.isRequired,onUse:C.a.func.isRequired,onInstall:C.a.func.isRequired};var Tn=Sn;n(97),n(98);function xn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var Nn=function(e){y()(n,e);var t=xn(n);function n(e){var r;return o()(this,n),(r=t.call(this,e)).clickFileField=r.clickFileField.bind(h()(r)),r.componentDidUpdate=r.componentDidUpdate.bind(h()(r)),r}return s()(n,[{key:"componentDidUpdate",value:function(){this.props.fileSelected?this.useButton.focus():this.fileField.value="",this.props.setFocus&&this.uploadButton.focus()}},{key:"clickFileField",value:function(){this.fileField.click()}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"h5p-hub-upload-form"},c.a.createElement("input",{className:"h5p-hub-upload-path",placeholder:this.props.fileSelected||this.props.fileUploading?this.props.filePath:Q.get("uploadPlaceholder"),onClick:this.clickFileField,tabIndex:"-1",disabled:this.props.fileUploading,readOnly:!0}),c.a.createElement("button",{type:"button",ref:function(t){e.useButton=t},className:"h5p-hub-button h5p-hub-use-button","aria-hidden":this.props.fileSelected?"":"true",disabled:this.props.fileUploading,onClick:this.props.onUpload},Q.get("contentTypeUseButtonLabel")),c.a.createElement("div",{className:"h5p-hub-input-wrapper"},c.a.createElement("input",{type:"file",accept:".h5p","aria-hidden":"true",ref:function(t){e.fileField=t},onChange:this.props.onValidate}),c.a.createElement("button",{type:"button",ref:function(t){return e.uploadButton=t},className:"h5p-hub-button h5p-hub-upload-button",onClick:this.clickFileField,disabled:this.props.fileUploading,tabIndex:"0"},this.props.fileSelected?Q.get("uploadFileButtonChangeLabel"):Q.get("uploadFileButtonLabel"))))}}]),n}(c.a.Component);Nn.propTypes={fileSelected:C.a.bool.isRequired,fileUploading:C.a.bool.isRequired,filePath:C.a.string.isRequired,setFocus:C.a.bool.isRequired,onValidate:C.a.func.isRequired,onUpload:C.a.func.isRequired};var Dn=Nn;function jn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var kn=function(e){y()(n,e);var t=jn(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleErrorDismiss",(function(){r.setState({error:null})})),r.state={fileSelected:!1,filePath:"",fileUploading:!1,error:void 0,uploadData:{}},r.handleValidation=r.handleValidation.bind(h()(r)),r.handleUpload=r.handleUpload.bind(h()(r)),r}return s()(n,[{key:"handleValidation",value:function(e){if(this.setState({error:void 0}),0!==e.target.files.length){var t=e.target.files[0].name;"h5p"!==this.getFileExtension(t)?this.setState({fileSelected:!1,filePath:"",error:{title:Q.get("h5pFileWrongExtensionTitle"),message:Q.get("h5pFileWrongExtensionContent")}}):(this.setState({fileSelected:!0,filePath:t,fileUploading:!1,uploadData:e.target.files[0]}),e.stopPropagation())}}},{key:"handleUpload",value:function(){var e=this;this.setState({fileSelected:!0,fileUploading:!0});var t=new FormData;t.append("h5p",this.state.uploadData),t.append("contentId",this.props.contentId),Y(this.props.getAjaxUrl("library-upload"),t).then((function(t){e.props.onUpload(t.data),e.setState({fileSelected:!1,fileUploading:!1,filePath:"",uploadData:{}})})).catch((function(t){e.setState({fileSelected:!1,fileUploading:!1,error:t,filePath:"",uploadData:{}})}))}},{key:"getFileExtension",value:function(e){return e.replace(/^.*\./,"")}},{key:"render",value:function(){return c.a.createElement("div",{className:"h5p-hub-upload-wrapper"},!!this.state.error&&c.a.createElement(Ae,i()({},this.state.error,{severity:"error",onClose:this.handleErrorDismiss})),c.a.createElement("div",{className:"h5p-hub-upload-throbber"+(this.state.fileUploading?"":" h5p-hub-hidden"),"aria-label":Q.get("uploadingThrobber")}),c.a.createElement("h1",{className:"h5p-hub-upload-instruction-header"},Q.get("uploadInstructionsTitle")),c.a.createElement(Dn,{fileSelected:this.state.fileSelected,fileUploading:this.state.fileUploading,filePath:this.state.filePath,setFocus:this.props.setFocus,onValidate:this.handleValidation,onUpload:this.handleUpload}),c.a.createElement("p",{className:"h5p-hub-upload-instruction-description",dangerouslySetInnerHTML:{__html:Q.get("uploadInstructionsContent")}}))}}]),n}(c.a.Component);kn.propTypes={onUpload:C.a.func.isRequired,getAjaxUrl:C.a.func.isRequired,setFocus:C.a.bool.isRequired};var In=kn;n(99);function On(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w()(e);if(t){var i=w()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b()(this,n)}}var An=function(e){y()(n,e);var t=On(n);function n(e){var r;return o()(this,n),r=t.call(this,e),M()(h()(r),"handleUse",(function(e){r.setState({expanded:!1,title:e.title||e.machineName,infoMessage:null}),r.props.onUse(e)})),M()(h()(r),"handleUpload",(function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"upload",n=e.h5p.mainLibrary,i=0;i<e.contentTypes.libraries.length;i++)if(e.contentTypes.libraries[i].machineName===n){n=e.contentTypes.libraries[i].title;break}var a=Q.get("uploadSuccess").replace(":title",n);"reuse"===t&&(a=Q.get("reuseSuccess").replace(":title",n)),r.setState({expanded:!1,title:n,contentTypes:e.contentTypes,infoMessage:{title:a,message:e.contentTypes.details}}),r.props.onUpload(e)})),M()(h()(r),"handleUpdate",(function(e){r.props.onUpdate(e),r.setState({contentTypes:e})})),M()(h()(r),"handleReload",(function(){Y(r.props.getAjaxUrl("content-type-cache")).then((function(e){return r.handleUpdate(e)})).catch((function(e){return r.setState({error:e})}))})),M()(h()(r),"handleInfoDismiss",(function(){r.setState({infoMessage:null})})),M()(h()(r),"handleTabPanelSelect",(function(e){r.setState({section:e})})),M()(h()(r),"handleRender",(function(e,t){r.props.onRender(e,t)})),r.state={expanded:e.expanded,section:"h5p-hub-content-types",selected:e.selected,title:e.title,contentTypes:e.contentTypes},r}return s()(n,[{key:"componentWillReceiveProps",value:function(e){e.title!==this.state.title&&(this.state.title=e.title),e.expanded!==this.state.expanded&&(this.state.expanded=e.expanded)}},{key:"componentDidUpdate",value:function(){this.props.onResize()}},{key:"render",value:function(){var e=this;return this.handleRender(this.state.title,this.state.expanded),c.a.createElement("section",{className:"h5p-hub",id:"h5p-hub"},c.a.createElement("div",{className:"h5p-hub-panel h5p-hub-section-".concat(this.state.section).concat(this.state.expanded?" h5p-hub-open":""),id:"h5p-hub-panel"},c.a.createElement(W,{title:this.state.title||Q.get("hubPanelLabel"),sectionId:this.state.section,isExpanded:this.state.expanded,togglePanel:function(){return e.setState({expanded:!e.state.expanded})}}),c.a.createElement("div",{id:"h5p-hub-panel-body-".concat(this.state.section),role:"region",className:this.state.expanded?"":"h5p-hub-hidden"},c.a.createElement(K,{selected:this.state.section,onSelect:this.handleTabPanelSelect,canPaste:this.props.canPaste,canPasteTitle:this.props.canPasteTitle,onPaste:this.props.onPaste},c.a.createElement(Tn,{id:"h5p-hub-content-types",title:Q.get("createContentTabLabel"),contentTypes:this.state.contentTypes,setFocus:this.state.expanded&&"h5p-hub-content-types"===this.state.section,getAjaxUrl:this.props.getAjaxUrl,error:this.state.error,onUse:this.handleUse,onInstall:this.handleUpdate,onReload:this.handleReload}),this.props.enableContentHub&&c.a.createElement(Ht,{id:"h5p-hub-reuse",title:Q.get("reuseContentTabLabel"),isVisible:this.state.expanded&&"h5p-hub-reuse"===this.state.section,getAjaxUrl:this.props.getAjaxUrl,onDownload:this.handleUpload}),c.a.createElement(In,{id:"h5p-hub-upload",title:Q.get("uploadTabLabel"),getAjaxUrl:this.props.getAjaxUrl,contentId:this.props.contentId,setFocus:this.state.expanded&&"h5p-hub-upload"===this.state.section,onUpload:this.handleUpload})))),!!this.state.infoMessage&&c.a.createElement(Ae,i()({},this.state.infoMessage,{severity:"info",onClose:this.handleInfoDismiss})))}}]),n}(c.a.Component);An.propTypes={title:C.a.string,contentTypes:C.a.object.isRequired,selected:C.a.string,getAjaxUrl:C.a.func.isRequired,onResize:C.a.func.isRequired,onUse:C.a.func.isRequired,onUpload:C.a.func.isRequired,enableContentHub:C.a.bool.isRequired};var Pn=An,Rn=function(){function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en";o()(this,e),i()(this,{listeners:{},on:function(e,t,n){var r={listener:t,scope:n};return this.listeners[e]=this.listeners[e]||[],this.listeners[e].push(r),this},trigger:function(e,t){return(this.listeners[e]||[]).every((function(e){return!1!==e.listener.call(e.scope||this,t)}))},propagate:function(e,t,n){var r=this;e.forEach((function(e){return t.on(e,(function(t){return r.trigger(n||e,t)}))}))}});var a=this,l=this.createContainerElement("div");Q.init(n),Se.init(r,t.getAjaxUrl("content-hub-metadata-cache"),t.contentTypes);var s=function(){d.a.render(c.a.createElement(Pn,{title:t.title,expanded:t.expanded,canPaste:t.canPaste,canPasteTitle:t.canPasteTitle,contentId:t.contentId,contentTypes:t.contentTypes,selected:t.selected,getAjaxUrl:t.getAjaxUrl,onResize:a.trigger.bind(a,"resize"),onUse:a.trigger.bind(a,"select"),onUpload:a.trigger.bind(a,"upload"),onUpdate:a.trigger.bind(a,"update"),onPaste:a.trigger.bind(a,"paste"),onRender:function(e,n){t.title=e,t.expanded=n},enableContentHub:t.enableContentHub}),l)};this.setPanelTitle=function(e,n){t.title=e,t.expanded=n,s()},this.setCanPaste=function(e,n){t.canPaste=e,t.canPasteTitle=n,s()},this.getElement=function(){return l},s()}return s()(e,[{key:"createContainerElement",value:function(e){var t=["Enter","Space","Tab"],n=document.createElement(e,{className:"h5p-hub-client-container-using-mouse"});return window.addEventListener("keydown",(function(e){-1!==t.indexOf(e.code)&&n.classList.remove("h5p-hub-client-container-using-mouse")})),window.addEventListener("mousemove",(function(){n.classList.add("h5p-hub-client-container-using-mouse")})),n}}]),e}()}]);
\ No newline at end of file
-- 
GitLab