@ndla/ui 30.0.2 → 30.0.6

package/lib/TopicMenu/TopicMenu.js

@@ -9,7 +9,11 @@ exports["default"] = exports.TopicMenu = exports.renderAdditionalIcon = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -47,15 +51,17 @@ var _Programme = require("../Programme");
 
 var _Messages = require("../Messages");
 
-var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -73,25 +79,24 @@ var classes = new _reactBemHelper["default"]({
   name: 'topic-menu',
   prefix: 'c-'
 });
-var StyledButton = /*#__PURE__*/(0, _base["default"])(_button.ButtonV2, process.env.NODE_ENV === "production" ? {
-  target: "e1ultzrl0"
-} : {
+var StyledButton = /*#__PURE__*/(0, _base["default"])(_button.ButtonV2, {
   target: "e1ultzrl0",
   label: "StyledButton"
 })("padding:", _core.spacing.xsmall, " ", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvcGljTWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNtQyIsImZpbGUiOiJUb3BpY01lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG4vLyBDYW4gYmUgcmVtb3ZlZCB3aGVuIHVwZGF0aW5nIHRvIGpzeC1hMTF5IDYueFxuLyogZXNsaW50IGpzeC1hMTF5L25vLW5vbmludGVyYWN0aXZlLWVsZW1lbnQtdG8taW50ZXJhY3RpdmUtcm9sZTogMSAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IGRlYm91bmNlIH0gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgSG9tZSwgQmFjaywgQWRkaXRpb25hbCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IE1vZGFsSGVhZGVyIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgU3VidG9waWNMaW5rTGlzdCBmcm9tICcuL1N1YnRvcGljTGlua0xpc3QnO1xuaW1wb3J0IHsgVG9waWNTaGFwZSB9IGZyb20gJy4uL3NoYXBlcyc7XG5cbmltcG9ydCBMb2dvIGZyb20gJy4uL0xvZ28nO1xuaW1wb3J0IEZyb250cGFnZUFsbFN1YmplY3RzIGZyb20gJy4uL0Zyb250cGFnZS9Gcm9udHBhZ2VBbGxTdWJqZWN0cyc7XG5pbXBvcnQgTmF2aWdhdGlvbkJveCBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgUHJvZ3JhbW1lU3ViamVjdHMgfSBmcm9tICcuLi9Qcm9ncmFtbWUnO1xuaW1wb3J0IHsgTWVzc2FnZUJhbm5lciB9IGZyb20gJy4uL01lc3NhZ2VzJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoe1xuICBuYW1lOiAndG9waWMtbWVudScsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCByZW5kZXJBZGRpdGlvbmFsSWNvbiA9IChpc0FkZGl0aW9uYWwsIGxhYmVsKSA9PiB7XG4gIGlmIChpc0FkZGl0aW9uYWwgJiYgbGFiZWwpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17bGFiZWx9IHN0b29sdGlwQ29udGFpbmVyQ2xhc3M9XCJjLXRvcGljLW1lbnVfX3Rvb2x0aXBDb250YWluZXJcIj5cbiAgICAgICAgPEFkZGl0aW9uYWwgY2xhc3NOYW1lPVwiYy1pY29uLS0yMFwiIC8+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuICBpZiAoaXNBZGRpdGlvbmFsKSB7XG4gICAgcmV0dXJuIDxBZGRpdGlvbmFsIGNsYXNzTmFtZT1cImMtaWNvbi0tMjAgYy10b3BpYy1tZW51X190b29sdGlwQ29udGFpbmVyXCIgLz47XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG5jb25zdCBNRU5VX0NVUlJFTlRfU1VCSkVDVCA9ICdzdWJqZWN0JztcbmNvbnN0IE1FTlVfQ1VSUkVOVF9QUk9HUkFNTUUgPSAncHJvZ3JhbW1lJztcbmNvbnN0IE1FTlVfUFJPR1JBTU1FUyA9ICdwcm9ncmFtbWVzJztcbmNvbnN0IE1FTlVfQUxMX1NVQkpFQ1RTID0gJ2FsbFN1YmplY3RzJztcblxuZXhwb3J0IGNvbnN0IFRvcGljTWVudSA9ICh7XG4gIHRvcGljcyxcbiAgdG9Ub3BpYyxcbiAgc3ViamVjdFRpdGxlLFxuICB0b1N1YmplY3QsXG4gIGNsb3NlOiBjbG9zZU1lbnUsXG4gIGV4cGFuZGVkVG9waWNJZCxcbiAgZXhwYW5kZWRTdWJ0b3BpY3NJZCxcbiAgcmVzb3VyY2VUb0xpbmtQcm9wcyxcbiAgaGlkZVNlYXJjaCxcbiAgZGVmYXVsdENvdW50LFxuICBzZWFyY2hGaWVsZENvbXBvbmVudCxcbiAgdG9Gcm9udHBhZ2UsXG4gIGxvY2FsZSxcbiAgb25OYXZpZ2F0ZSxcbiAgc3ViamVjdENhdGVnb3JpZXMsXG4gIHByb2dyYW1tZXMsXG4gIGN1cnJlbnRQcm9ncmFtbWUsXG4gIGluaXRpYWxTZWxlY3RlZE1lbnUsXG4gIG1lc3NhZ2VzLFxuICBjbG9zZUFsZXJ0LFxuICBzZWxlY3RlZEdyYWRlLFxuICBvbkdyYWRlQ2hhbmdlLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc05hcnJvd1NjcmVlbiwgc2V0SXNOYXJyb3dTY3JlZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2VsZWN0ZWRNZW51LCBzZXRTZWxlY3RlZE1lbnVdID0gdXNlU3RhdGUoKCkgPT4gaW5pdGlhbFNlbGVjdGVkTWVudSB8fCBNRU5VX0NVUlJFTlRfU1VCSkVDVCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBzZXRTY3JlZW5TaXplID0gKGluaXRpYWwgPSBmYWxzZSkgPT4ge1xuICAgICAgY29uc3QgaXNOYXJyb3cgPSAod2luZG93LmlubmVyV2lkdGggfHwgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudFdpZHRoKSA8IDc2ODtcblxuICAgICAgaWYgKChpbml0aWFsICYmIGlzTmFycm93KSB8fCAhaW5pdGlhbCkge1xuICAgICAgICBzZXRJc05hcnJvd1NjcmVlbihpc05hcnJvdyk7XG4gICAgICB9XG4gICAgfTtcbiAgICBjb25zdCBzZXRTY3JlZW5TaXplRGVib3VuY2VkID0gZGVib3VuY2UoKCkgPT4gc2V0U2NyZWVuU2l6ZShmYWxzZSksIDUwKTtcbiAgICBzZXRTY3JlZW5TaXplKHRydWUpO1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRTY3JlZW5TaXplRGVib3VuY2VkKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgc2V0U2NyZWVuU2l6ZURlYm91bmNlZC5jYW5jZWwoKTtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRTY3JlZW5TaXplRGVib3VuY2VkKTtcbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQsIHRvcGljSWQpID0+IHtcbiAgICBvbk5hdmlnYXRlKHRvcGljSWQsIG51bGwpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVN1YnRvcGljRXhwYW5kID0gKHN1YnRvcGljSWQsIGluZGV4KSA9PiB7XG4gICAgb25OYXZpZ2F0ZShleHBhbmRlZFRvcGljSWQsIHN1YnRvcGljSWQsIGluZGV4KTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVPbkdvQmFjayA9ICgpID0+IHtcbiAgICBvbk5hdmlnYXRlKGV4cGFuZGVkU3VidG9waWNzSWQubGVuZ3RoID8gZXhwYW5kZWRUb3BpY0lkIDogbnVsbCwgbnVsbCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQnRuS2V5UHJlc3MgPSAoZXZlbnQsIHRvcGljSWQpID0+IHtcbiAgICBpZiAoZXZlbnQuY2hhckNvZGUgPT09IDMyIHx8IGV2ZW50LmNoYXJDb2RlID09PSAxMykge1xuICAgICAgLy8gc3BhY2Ugb3IgZW50ZXJcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvbk5hdmlnYXRlKHRvcGljSWQsIG51bGwpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBleHBhbmRlZFRvcGljID0gdG9waWNzLmZpbmQoKHRvcGljKSA9PiB0b3BpYy5pZCA9PT0gZXhwYW5kZWRUb3BpY0lkKTtcblxuICBjb25zdCBjdXJyZW50bHlFeHBhbmRlZFN1YlRvcGljcyA9IFtdO1xuICBpZiAoZXhwYW5kZWRUb3BpYykge1xuICAgIGxldCBjdXJyZW50U3VidG9waWM7XG4gICAgbGV0IGZvdW5kTWF0Y2g7XG4gICAgZXhwYW5kZWRTdWJ0b3BpY3NJZC5mb3JFYWNoKChpZCwgaW5kZXgpID0+IHtcbiAgICAgIGlmIChpbmRleCA9PT0gMCkge1xuICAgICAgICBjdXJyZW50U3VidG9waWMgPSBleHBhbmRlZFRvcGljLnN1YnRvcGljcy5maW5kKCh0b3BpYykgPT4gdG9waWMuaWQgPT09IGlkKTtcbiAgICAgICAgZm91bmRNYXRjaCA9IGN1cnJlbnRTdWJ0b3BpYyA/IDAgOiB1bmRlZmluZWQ7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjdXJyZW50U3VidG9waWMgPSBjdXJyZW50U3VidG9waWMuc3VidG9waWNzLmZpbmQoKHRvcGljKSA9PiB0b3BpYy5pZCA9PT0gaWQpO1xuICAgICAgICBmb3VuZE1hdGNoICs9IGN1cnJlbnRTdWJ0b3BpYyA/IDEgOiAwO1xuICAgICAgfVxuICAgICAgaWYgKGZvdW5kTWF0Y2ggPT09IGluZGV4KSB7XG4gICAgICAgIGN1cnJlbnRseUV4cGFuZGVkU3ViVG9waWNzW2luZGV4XSA9IGN1cnJlbnRTdWJ0b3BpYztcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGNvbnN0IGhhc0V4cGFuZGVkU3VidG9waWNzID0gY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3MubGVuZ3RoID4gMDtcbiAgY29uc3Qgc3ViVG9waWNNb2RpZmllcnMgPSBbJ3N1Yi10b3BpYyddO1xuXG4gIGlmICghaGFzRXhwYW5kZWRTdWJ0b3BpY3MpIHtcbiAgICBzdWJUb3BpY01vZGlmaWVycy5wdXNoKCduby1ib3JkZXInKTtcbiAgfVxuXG4gIGNvbnN0IGRpc2FibGVNYWluID0gaXNOYXJyb3dTY3JlZW4gJiYgZXhwYW5kZWRUb3BpYztcbiAgY29uc3QgZGlzYWJsZVN1YlRvcGljID0gZGlzYWJsZU1haW4gJiYgaGFzRXhwYW5kZWRTdWJ0b3BpY3M7XG5cbiAgY29uc3Qgc2xpZGVyQ291bnRlciA9ICFleHBhbmRlZFRvcGljSWQgPyAwIDogZXhwYW5kZWRTdWJ0b3BpY3NJZC5sZW5ndGggKyAxO1xuICByZXR1cm4gKFxuICAgIDxuYXY+XG4gICAgICB7bWVzc2FnZXM/Lm1hcCgobWVzc2FnZSkgPT4gKFxuICAgICAgICA8TWVzc2FnZUJhbm5lclxuICAgICAgICAgIGtleT17bWVzc2FnZS5udW1iZXJ9XG4gICAgICAgICAgc2hvd0Nsb3NlQnV0dG9uPXttZXNzYWdlLmNsb3NhYmxlfVxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IGNsb3NlQWxlcnQ/LihtZXNzYWdlLm51bWJlcil9PlxuICAgICAgICAgIHttZXNzYWdlLmNvbnRlbnR9XG4gICAgICAgIDwvTWVzc2FnZUJhbm5lcj5cbiAgICAgICkpfVxuICAgICAgPE1vZGFsSGVhZGVyIG1vZGlmaWVyPXtbJ3doaXRlJywgJ21lbnUnXX0+XG4gICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ21hc3RoZWFkLWxlZnQnKX0+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgey4uLmNsYXNzZXMoJ2Nsb3NlLWJ1dHRvbicpfSBvbkNsaWNrPXtjbG9zZU1lbnV9PlxuICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgICA8c3Bhbj57dCgnbWFzdGhlYWQubWVudS5jbG9zZScpfTwvc3Bhbj5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ21hc3RoZWFkLXJpZ2h0Jyl9PlxuICAgICAgICAgIHshaGlkZVNlYXJjaCAmJiBzZWFyY2hGaWVsZENvbXBvbmVudH1cbiAgICAgICAgICA8TG9nbyB0bz1cIi9cIiBsYWJlbD17dCgnbG9nby5hbHRUZXh0Jyl9IGxvY2FsZT17bG9jYWxlfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICA8ZGl2IHsuLi5jbGFzc2VzKCdjb250ZW50Jyl9PlxuICAgICAgICA8ZGl2IHsuLi5jbGFzc2VzKCdiYWNrJywgJ3dpZGUnKX0+XG4gICAgICAgICAgPFNhZmVMaW5rIHsuLi5jbGFzc2VzKCdiYWNrLWxpbmsnKX0gdG89e3RvRnJvbnRwYWdlKCl9PlxuICAgICAgICAgICAgPEhvbWUgey4uLmNsYXNzZXMoJ2hvbWUtaWNvbicsICcnLCAnYy1pY29uLS0yMCcpfSAvPlxuICAgICAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUudG9Gcm9udHBhZ2UnKX1cbiAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIHsuLi5jbGFzc2VzKCdiYWNrJywge1xuICAgICAgICAgICAgbmFycm93OiB0cnVlLFxuICAgICAgICAgIH0pfT5cbiAgICAgICAgICA8U2FmZUxpbmsgey4uLmNsYXNzZXMoJ2JhY2stbGluaycpfSB0bz17dG9Gcm9udHBhZ2UoKX0+XG4gICAgICAgICAgICA8SG9tZSB7Li4uY2xhc3NlcygnaG9tZS1pY29uJywgJycsICdjLWljb24tLTIwJyl9IC8+XG4gICAgICAgICAgICB7dCgnbWFzdGhlYWQubWVudS50b0Zyb250cGFnZScpfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IHsuLi5jbGFzc2VzKCdzdWJqZWN0Jyl9PlxuICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ3N1YmplY3RfX2hlYWRlcicpfT5cbiAgICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ3N1YmplY3RfX2hlYWRlcl9fbWVudS1maWx0ZXInKX0+XG4gICAgICAgICAgICAgIHtzdWJqZWN0VGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFNlbGVjdGVkTWVudShNRU5VX0NVUlJFTlRfU1VCSkVDVCl9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPXtzZWxlY3RlZE1lbnUgIT09IE1FTlVfQ1VSUkVOVF9TVUJKRUNUID8gJ2xpZ2h0ZXInIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiPlxuICAgICAgICAgICAgICAgICAge3N1YmplY3RUaXRsZX1cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2N1cnJlbnRQcm9ncmFtbWUgJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFNlbGVjdGVkTWVudShNRU5VX0NVUlJFTlRfUFJPR1JBTU1FKX1cbiAgICAgICAgICAgICAgICAgIGNvbG9yVGhlbWU9e3NlbGVjdGVkTWVudSAhPT0gTUVOVV9DVVJSRU5UX1BST0dSQU1NRSA/ICdsaWdodGVyJyA6ICdwcmltYXJ5J31cbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICBzaGFwZT1cInBpbGxcIj5cbiAgICAgICAgICAgICAgICAgIHtjdXJyZW50UHJvZ3JhbW1lLm5hbWV9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtwcm9ncmFtbWVzICYmIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRTZWxlY3RlZE1lbnUoTUVOVV9QUk9HUkFNTUVTKX1cbiAgICAgICAgICAgICAgICAgIGNvbG9yVGhlbWU9e3NlbGVjdGVkTWVudSAhPT0gTUVOVV9QUk9HUkFNTUVTID8gJ2xpZ2h0ZXInIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiPlxuICAgICAgICAgICAgICAgICAge3QoJ2Zyb250cGFnZU1lbnUucHJvZ3JhbScpfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7c3ViamVjdENhdGVnb3JpZXMgJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFNlbGVjdGVkTWVudShNRU5VX0FMTF9TVUJKRUNUUyl9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPXtzZWxlY3RlZE1lbnUgIT09IE1FTlVfQUxMX1NVQkpFQ1RTID8gJ2xpZ2h0ZXInIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiPlxuICAgICAgICAgICAgICAgICAge3QoJ2Zyb250cGFnZU1lbnUuYWxsc3ViamVjdHMnKX1cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIHtzZWxlY3RlZE1lbnUgPT09IE1FTlVfQ1VSUkVOVF9TVUJKRUNUICYmIChcbiAgICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2JhY2stYnV0dG9uLXNsaWRlLXdyYXBwZXInKX0+XG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICB7Li4uY2xhc3NlcygnYmFjay1idXR0b24tc2xpZGVzJywgYHNsaWRlLSR7c2xpZGVyQ291bnRlcn1gKX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVPbkdvQmFja30+XG4gICAgICAgICAgICAgICAgPEJhY2sgLz4gPHNwYW4+e3QoJ21hc3RoZWFkLm1lbnUuYmFjaycpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge3NlbGVjdGVkTWVudSA9PT0gTUVOVV9BTExfU1VCSkVDVFMgJiYgc3ViamVjdENhdGVnb3JpZXMgJiYgKFxuICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2FsbC1zdWJqZWN0cycpfT5cbiAgICAgICAgICAgIDxGcm9udHBhZ2VBbGxTdWJqZWN0cyBjYXRlZ29yaWVzPXtzdWJqZWN0Q2F0ZWdvcmllc30gb25OYXZpZ2F0ZT17Y2xvc2VNZW51fSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7c2VsZWN0ZWRNZW51ID09PSBNRU5VX0NVUlJFTlRfUFJPR1JBTU1FICYmIGN1cnJlbnRQcm9ncmFtbWUgJiYgKFxuICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2FsbC1zdWJqZWN0cycpfT5cbiAgICAgICAgICAgIDxQcm9ncmFtbWVTdWJqZWN0c1xuICAgICAgICAgICAgICBncmFkZXM9e2N1cnJlbnRQcm9ncmFtbWUuZ3JhZGVzfVxuICAgICAgICAgICAgICBzZWxlY3RlZEdyYWRlPXtzZWxlY3RlZEdyYWRlfVxuICAgICAgICAgICAgICBvbkNoYW5nZUdyYWRlPXtvbkdyYWRlQ2hhbmdlfVxuICAgICAgICAgICAgICBvbk5hdmlnYXRlPXtjbG9zZU1lbnV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7c2VsZWN0ZWRNZW51ID09PSBNRU5VX1BST0dSQU1NRVMgJiYgcHJvZ3JhbW1lcyAmJiAoXG4gICAgICAgICAgPGRpdiB7Li4uY2xhc3NlcygnYWxsLXN1YmplY3RzJyl9PlxuICAgICAgICAgICAgPE5hdmlnYXRpb25Cb3ggY29sb3JNb2RlPVwibGlnaHRcIiBpdGVtcz17cHJvZ3JhbW1lc30gbGlzdERpcmVjdGlvbj1cInZlcnRpY2FsXCIgb25DbGljaz17Y2xvc2VNZW51fSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7c2VsZWN0ZWRNZW51ID09PSBNRU5VX0NVUlJFTlRfU1VCSkVDVCAmJiAoXG4gICAgICAgICAgPGRpdiB7Li4uY2xhc3Nlcygnc3ViamVjdC1uYXZpZ2F0aW9uJywgYHNsaWRlLSR7c2xpZGVyQ291bnRlcn1gKX0+XG4gICAgICAgICAgICB7IWRpc2FibGVNYWluICYmIChcbiAgICAgICAgICAgICAgPEZyYWdtZW50PlxuICAgICAgICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ3NlY3Rpb24nLCAnbWFpbicpfT5cbiAgICAgICAgICAgICAgICAgIDxTYWZlTGluayBvbkNsaWNrPXtjbG9zZU1lbnV9IHRvPXt0b1N1YmplY3QoKX0gY2xhc3NOYW1lPXtjbGFzc2VzKCdsaW5rJywgJ2JpZycpLmNsYXNzTmFtZX0+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIHsuLi5jbGFzc2VzKCdsaW5rLXdyYXBwZXInKX0+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW4gey4uLmNsYXNzZXMoJ2xpbmstbGFiZWwnKX0+e3QoJ21hc3RoZWFkLm1lbnUuZ29UbycpfTo8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW4gey4uLmNsYXNzZXMoJ2xpbmstdGFyZ2V0Jyl9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gey4uLmNsYXNzZXMoJ2xpbmstdGFyZ2V0LW5hbWUnKX0+e3QoJ21hc3RoZWFkLm1lbnUuc3ViamVjdFBhZ2UnKX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2hldnJvblJpZ2h0IGNsYXNzTmFtZT1cImMtaWNvbi0tMjJcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPC9TYWZlTGluaz5cbiAgICAgICAgICAgICAgICAgIDx1bCB7Li4uY2xhc3NlcygnbGlzdCcpfT5cbiAgICAgICAgICAgICAgICAgICAge3RvcGljcy5tYXAoKHRvcGljKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgYWN0aXZlID0gdG9waWMuaWQgPT09IGV4cGFuZGVkVG9waWNJZCA/ICdhY3RpdmUnIDogbnVsbDtcblxuICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGkgey4uLmNsYXNzZXMoJ3RvcGljLWl0ZW0nLCBhY3RpdmUpfSBrZXk9e3RvcGljLmlkfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5jbGFzc2VzKCdsaW5rJyl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBoYW5kbGVDbGljayhldmVudCwgdG9waWMuaWQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uS2V5UHJlc3M9eyhldmVudCkgPT4gaGFuZGxlQnRuS2V5UHJlc3MoZXZlbnQsIHRvcGljLmlkKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dG9waWMubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtyZW5kZXJBZGRpdGlvbmFsSWNvbih0b3BpYy5hZGRpdGlvbmFsLCB0KCdyZXNvdXJjZS5hZGRpdGlvbmFsVG9vbHRpcCcpKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENoZXZyb25SaWdodCAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtleHBhbmRlZFRvcGljICYmICFkaXNhYmxlU3ViVG9waWMgJiYgKFxuICAgICAgICAgICAgICA8U3VidG9waWNMaW5rTGlzdFxuICAgICAgICAgICAgICAgIGNsYXNzZXM9e2NsYXNzZXN9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzKCdzZWN0aW9uJywgc3ViVG9waWNNb2RpZmllcnMpLmNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICBjbG9zZU1lbnU9e2Nsb3NlTWVudX1cbiAgICAgICAgICAgICAgICB0b3BpYz17ZXhwYW5kZWRUb3BpY31cbiAgICAgICAgICAgICAgICBiYWNrTGFiZWw9e1xuICAgICAgICAgICAgICAgICAgIWhhc0V4cGFuZGVkU3VidG9waWNzXG4gICAgICAgICAgICAgICAgICAgID8gc3ViamVjdFRpdGxlXG4gICAgICAgICAgICAgICAgICAgIDogY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3NbY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3MubGVuZ3RoIC0gMV0ubmFtZVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBnb1RvVGl0bGU9e3QoJ21hc3RoZWFkLm1lbnUuZ29UbycpfVxuICAgICAgICAgICAgICAgIHRvVG9waWM9e3RvVG9waWN9XG4gICAgICAgICAgICAgICAgZXhwYW5kZWRTdWJ0b3BpY0lkPXtjdXJyZW50bHlFeHBhbmRlZFN1YlRvcGljc1swXSAmJiBjdXJyZW50bHlFeHBhbmRlZFN1YlRvcGljc1swXS5pZH1cbiAgICAgICAgICAgICAgICBvblN1YnRvcGljRXhwYW5kPXsoaWQpID0+IHtcbiAgICAgICAgICAgICAgICAgIGhhbmRsZVN1YnRvcGljRXhwYW5kKGlkLCAwKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIG9uR29CYWNrPXtoYW5kbGVPbkdvQmFja31cbiAgICAgICAgICAgICAgICByZXNvdXJjZVRvTGlua1Byb3BzPXtyZXNvdXJjZVRvTGlua1Byb3BzfVxuICAgICAgICAgICAgICAgIGxhc3RPcGVuPXshaGFzRXhwYW5kZWRTdWJ0b3BpY3N9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICB7Y3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3MubWFwKChzdWJUb3BpYywgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgY29uc3QgeyBtZXRhZGF0YSB9ID0gc3ViVG9waWM7XG4gICAgICAgICAgICAgIGNvbnN0IGlzVW5ncm91cGVkID0gbWV0YWRhdGE/LmN1c3RvbUZpZWxkc1sndG9waWMtcmVzb3VyY2VzJ10gPT09ICd1bmdyb3VwZWQnIHx8IGZhbHNlO1xuXG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFN1YnRvcGljTGlua0xpc3RcbiAgICAgICAgICAgICAgICAgIGlzVW5ncm91cGVkPXtpc1VuZ3JvdXBlZH1cbiAgICAgICAgICAgICAgICAgIGtleT17c3ViVG9waWMuaWR9XG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPXtjbGFzc2VzfVxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzKCdzZWN0aW9uJywgWydzdWItdG9waWMnLCAnbm8tYm9yZGVyJ10pLmNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgIGNsb3NlTWVudT17Y2xvc2VNZW51fVxuICAgICAgICAgICAgICAgICAgdG9waWM9e3N1YlRvcGljfVxuICAgICAgICAgICAgICAgICAgYmFja0xhYmVsPXtcbiAgICAgICAgICAgICAgICAgICAgaW5kZXggPT09IDBcbiAgICAgICAgICAgICAgICAgICAgICA/IHRvcGljcy5maW5kKCh0b3BpYykgPT4gdG9waWMuaWQgPT09IGV4cGFuZGVkVG9waWNJZCkubmFtZVxuICAgICAgICAgICAgICAgICAgICAgIDogY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3NbaW5kZXggLSAxXS5uYW1lXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICB0b1RvcGljPXt0b1RvcGljfVxuICAgICAgICAgICAgICAgICAgZXhwYW5kZWRTdWJ0b3BpY0lkPXtcbiAgICAgICAgICAgICAgICAgICAgY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3NbaW5kZXggKyAxXSA/IGN1cnJlbnRseUV4cGFuZGVkU3ViVG9waWNzW2luZGV4ICsgMV0uaWQgOiAnbm8gd2F5J1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgb25TdWJ0b3BpY0V4cGFuZD17KGlkKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGhhbmRsZVN1YnRvcGljRXhwYW5kKGlkLCBpbmRleCArIDEpO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uR29CYWNrPXtoYW5kbGVPbkdvQmFja31cbiAgICAgICAgICAgICAgICAgIHJlc291cmNlVG9MaW5rUHJvcHM9e3Jlc291cmNlVG9MaW5rUHJvcHN9XG4gICAgICAgICAgICAgICAgICBsYXN0T3Blbj17c2xpZGVyQ291bnRlciA9PT0gaW5kZXggKyAyfVxuICAgICAgICAgICAgICAgICAgZGVmYXVsdENvdW50PXtkZWZhdWx0Q291bnR9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9uYXY+XG4gICk7XG59O1xuXG5Ub3BpY01lbnUucHJvcFR5cGVzID0ge1xuICB0b3BpY3M6IFByb3BUeXBlcy5hcnJheU9mKFRvcGljU2hhcGUpLmlzUmVxdWlyZWQsXG4gIHRvRnJvbnRwYWdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0b1RvcGljOiBQcm9wVHlwZXMuZnVuYyxcbiAgY2xvc2VBbGVydDogUHJvcFR5cGVzLmZ1bmMsXG4gIHRvU3ViamVjdDogUHJvcFR5cGVzLmZ1bmMsXG4gIGNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgZGVmYXVsdENvdW50OiBQcm9wVHlwZXMubnVtYmVyLFxuICBzdWJqZWN0VGl0bGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHJlc291cmNlVG9MaW5rUHJvcHM6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uTmF2aWdhdGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGV4cGFuZGVkVG9waWNJZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgZXhwYW5kZWRTdWJ0b3BpY3NJZDogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgaGlkZVNlYXJjaDogUHJvcFR5cGVzLmJvb2wsXG4gIHNlYXJjaEZpZWxkQ29tcG9uZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgbG9jYWxlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBtZXNzYWdlczogUHJvcFR5cGVzLmFycmF5T2YoXG4gICAgUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgIGNvbnRlbnQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIGNsb3NhYmxlOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgICAgbnVtYmVyOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAgfSksXG4gICksXG4gIHN1YmplY3RDYXRlZ29yaWVzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgc3ViamVjdHM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgICAgICB1cmw6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgICAgfSksXG4gICAgICApLFxuICAgIH0pLFxuICApLFxuICBwcm9ncmFtbWVzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIHVybDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIH0pLFxuICApLFxuICBjdXJyZW50UHJvZ3JhbW1lOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICBncmFkZXM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgICAgUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBjYXRlZ29yaWVzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgICAgIHN1YmplY3RzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgICAgICAgICAgUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgICAgICAgICAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICAgICAgICAgIHVybDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICksXG4gICAgICAgICAgfSksXG4gICAgICAgICksXG4gICAgICB9KSxcbiAgICApLmlzUmVxdWlyZWQsXG4gICAgc2VsZWN0ZWRHcmFkZUluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICB9KSxcbiAgaW5pdGlhbFNlbGVjdGVkTWVudTogUHJvcFR5cGVzLm9uZU9mKFtcbiAgICBNRU5VX0NVUlJFTlRfU1VCSkVDVCxcbiAgICBNRU5VX0NVUlJFTlRfUFJPR1JBTU1FLFxuICAgIE1FTlVfUFJPR1JBTU1FUyxcbiAgICBNRU5VX0FMTF9TVUJKRUNUUyxcbiAgXSksXG59O1xuXG5Ub3BpY01lbnUuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0Q291bnQ6IDEyLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9waWNNZW51O1xuIl19 */"));
 
 var renderAdditionalIcon = function renderAdditionalIcon(isAdditional, label) {
   if (isAdditional && label) {
-    return (0, _react2.jsx)(_tooltip["default"], {
+    return (0, _jsxRuntime.jsx)(_tooltip["default"], {
       tooltip: label,
-      stooltipContainerClass: "c-topic-menu__tooltipContainer"
-    }, (0, _react2.jsx)(_common.Additional, {
-      className: "c-icon--20"
-    }));
+      stooltipContainerClass: "c-topic-menu__tooltipContainer",
+      children: (0, _jsxRuntime.jsx)(_common.Additional, {
+        className: "c-icon--20"
+      })
+    });
   }
 
   if (isAdditional) {
-    return (0, _react2.jsx)(_common.Additional, {
+    return (0, _jsxRuntime.jsx)(_common.Additional, {
       className: "c-icon--20 c-topic-menu__tooltipContainer"
     });
   }
@@ -132,19 +137,19 @@ var TopicMenu = function TopicMenu(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react2.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       isNarrowScreen = _useState2[0],
       setIsNarrowScreen = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(function () {
+  var _useState3 = (0, _react2.useState)(function () {
     return initialSelectedMenu || MENU_CURRENT_SUBJECT;
   }),
       _useState4 = _slicedToArray(_useState3, 2),
       selectedMenu = _useState4[0],
       setSelectedMenu = _useState4[1];
 
-  (0, _react.useEffect)(function () {
+  (0, _react2.useEffect)(function () {
     var setScreenSize = function setScreenSize() {
       var initial = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var isNarrow = (window.innerWidth || document.documentElement.clientWidth) < 768;
@@ -222,134 +227,192 @@ var TopicMenu = function TopicMenu(_ref) {
   var disableMain = isNarrowScreen && expandedTopic;
   var disableSubTopic = disableMain && hasExpandedSubtopics;
   var sliderCounter = !expandedTopicId ? 0 : expandedSubtopicsId.length + 1;
-  return (0, _react2.jsx)("nav", null, messages === null || messages === void 0 ? void 0 : messages.map(function (message) {
-    return (0, _react2.jsx)(_Messages.MessageBanner, {
-      key: message.number,
-      showCloseButton: message.closable,
-      onClose: function onClose() {
-        return closeAlert === null || closeAlert === void 0 ? void 0 : closeAlert(message.number);
-      }
-    }, message.content);
-  }), (0, _react2.jsx)(_modal.ModalHeader, {
-    modifier: ['white', 'menu']
-  }, (0, _react2.jsx)("div", classes('masthead-left'), (0, _react2.jsx)("button", _extends({
-    type: "button"
-  }, classes('close-button'), {
-    onClick: closeMenu
-  }), (0, _react2.jsx)(_action.Cross, null), (0, _react2.jsx)("span", null, t('masthead.menu.close')))), (0, _react2.jsx)("div", classes('masthead-right'), !hideSearch && searchFieldComponent, (0, _react2.jsx)(_Logo["default"], {
-    to: "/",
-    label: t('logo.altText'),
-    locale: locale
-  }))), (0, _react2.jsx)("div", classes('content'), (0, _react2.jsx)("div", classes('back', 'wide'), (0, _react2.jsx)(_safelink["default"], _extends({}, classes('back-link'), {
-    to: toFrontpage()
-  }), (0, _react2.jsx)(_common.Home, classes('home-icon', '', 'c-icon--20')), t('masthead.menu.toFrontpage'))), (0, _react2.jsx)("div", classes('back', {
-    narrow: true
-  }), (0, _react2.jsx)(_safelink["default"], _extends({}, classes('back-link'), {
-    to: toFrontpage()
-  }), (0, _react2.jsx)(_common.Home, classes('home-icon', '', 'c-icon--20')), t('masthead.menu.toFrontpage'))), (0, _react2.jsx)("div", classes('subject'), (0, _react2.jsx)("div", classes('subject__header'), (0, _react2.jsx)("div", classes('subject__header__menu-filter'), subjectTitle && (0, _react2.jsx)(StyledButton, {
-    onClick: function onClick() {
-      return setSelectedMenu(MENU_CURRENT_SUBJECT);
-    },
-    colorTheme: selectedMenu !== MENU_CURRENT_SUBJECT ? 'lighter' : 'primary',
-    size: "small",
-    shape: "pill"
-  }, subjectTitle), currentProgramme && (0, _react2.jsx)(StyledButton, {
-    onClick: function onClick() {
-      return setSelectedMenu(MENU_CURRENT_PROGRAMME);
-    },
-    colorTheme: selectedMenu !== MENU_CURRENT_PROGRAMME ? 'lighter' : 'primary',
-    size: "small",
-    shape: "pill"
-  }, currentProgramme.name), programmes && (0, _react2.jsx)(StyledButton, {
-    onClick: function onClick() {
-      return setSelectedMenu(MENU_PROGRAMMES);
-    },
-    colorTheme: selectedMenu !== MENU_PROGRAMMES ? 'lighter' : 'primary',
-    size: "small",
-    shape: "pill"
-  }, t('frontpageMenu.program')), subjectCategories && (0, _react2.jsx)(StyledButton, {
-    onClick: function onClick() {
-      return setSelectedMenu(MENU_ALL_SUBJECTS);
-    },
-    colorTheme: selectedMenu !== MENU_ALL_SUBJECTS ? 'lighter' : 'primary',
-    size: "small",
-    shape: "pill"
-  }, t('frontpageMenu.allsubjects')))), selectedMenu === MENU_CURRENT_SUBJECT && (0, _react2.jsx)("div", classes('back-button-slide-wrapper'), (0, _react2.jsx)("button", _extends({
-    type: "button"
-  }, classes('back-button-slides', "slide-".concat(sliderCounter)), {
-    onClick: handleOnGoBack
-  }), (0, _react2.jsx)(_common.Back, null), " ", (0, _react2.jsx)("span", null, t('masthead.menu.back'))))), selectedMenu === MENU_ALL_SUBJECTS && subjectCategories && (0, _react2.jsx)("div", classes('all-subjects'), (0, _react2.jsx)(_FrontpageAllSubjects["default"], {
-    categories: subjectCategories,
-    onNavigate: closeMenu
-  })), selectedMenu === MENU_CURRENT_PROGRAMME && currentProgramme && (0, _react2.jsx)("div", classes('all-subjects'), (0, _react2.jsx)(_Programme.ProgrammeSubjects, {
-    grades: currentProgramme.grades,
-    selectedGrade: selectedGrade,
-    onChangeGrade: onGradeChange,
-    onNavigate: closeMenu
-  })), selectedMenu === MENU_PROGRAMMES && programmes && (0, _react2.jsx)("div", classes('all-subjects'), (0, _react2.jsx)(_NavigationBox["default"], {
-    colorMode: "light",
-    items: programmes,
-    listDirection: "vertical",
-    onClick: closeMenu
-  })), selectedMenu === MENU_CURRENT_SUBJECT && (0, _react2.jsx)("div", classes('subject-navigation', "slide-".concat(sliderCounter)), !disableMain && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", classes('section', 'main'), (0, _react2.jsx)(_safelink["default"], {
-    onClick: closeMenu,
-    to: toSubject(),
-    className: classes('link', 'big').className
-  }, (0, _react2.jsx)("span", classes('link-wrapper'), (0, _react2.jsx)("span", classes('link-label'), t('masthead.menu.goTo'), ":"), (0, _react2.jsx)("span", classes('link-target'), (0, _react2.jsx)("span", classes('link-target-name'), t('masthead.menu.subjectPage')), (0, _react2.jsx)(_common.ChevronRight, {
-    className: "c-icon--22"
-  })))), (0, _react2.jsx)("ul", classes('list'), topics.map(function (topic) {
-    var active = topic.id === expandedTopicId ? 'active' : null;
-    return (0, _react2.jsx)("li", _extends({}, classes('topic-item', active), {
-      key: topic.id
-    }), (0, _react2.jsx)("button", _extends({
-      type: "button"
-    }, classes('link'), {
-      onClick: function onClick(event) {
-        return handleClick(event, topic.id);
-      },
-      onKeyPress: function onKeyPress(event) {
-        return handleBtnKeyPress(event, topic.id);
-      }
-    }), (0, _react2.jsx)("span", null, topic.name, renderAdditionalIcon(topic.additional, t('resource.additionalTooltip'))), (0, _react2.jsx)(_common.ChevronRight, null)));
-  })))), expandedTopic && !disableSubTopic && (0, _react2.jsx)(_SubtopicLinkList["default"], {
-    classes: classes,
-    className: classes('section', subTopicModifiers).className,
-    closeMenu: closeMenu,
-    topic: expandedTopic,
-    backLabel: !hasExpandedSubtopics ? subjectTitle : currentlyExpandedSubTopics[currentlyExpandedSubTopics.length - 1].name,
-    goToTitle: t('masthead.menu.goTo'),
-    toTopic: toTopic,
-    expandedSubtopicId: currentlyExpandedSubTopics[0] && currentlyExpandedSubTopics[0].id,
-    onSubtopicExpand: function onSubtopicExpand(id) {
-      handleSubtopicExpand(id, 0);
-    },
-    onGoBack: handleOnGoBack,
-    resourceToLinkProps: resourceToLinkProps,
-    lastOpen: !hasExpandedSubtopics
-  }), currentlyExpandedSubTopics.map(function (subTopic, index) {
-    var metadata = subTopic.metadata;
-    var isUngrouped = (metadata === null || metadata === void 0 ? void 0 : metadata.customFields['topic-resources']) === 'ungrouped' || false;
-    return (0, _react2.jsx)(_SubtopicLinkList["default"], {
-      isUngrouped: isUngrouped,
-      key: subTopic.id,
-      classes: classes,
-      className: classes('section', ['sub-topic', 'no-border']).className,
-      closeMenu: closeMenu,
-      topic: subTopic,
-      backLabel: index === 0 ? topics.find(function (topic) {
-        return topic.id === expandedTopicId;
-      }).name : currentlyExpandedSubTopics[index - 1].name,
-      toTopic: toTopic,
-      expandedSubtopicId: currentlyExpandedSubTopics[index + 1] ? currentlyExpandedSubTopics[index + 1].id : 'no way',
-      onSubtopicExpand: function onSubtopicExpand(id) {
-        handleSubtopicExpand(id, index + 1);
-      },
-      onGoBack: handleOnGoBack,
-      resourceToLinkProps: resourceToLinkProps,
-      lastOpen: sliderCounter === index + 2,
-      defaultCount: defaultCount
-    });
-  }))));
+  return (0, _jsxRuntime.jsxs)("nav", {
+    children: [messages === null || messages === void 0 ? void 0 : messages.map(function (message) {
+      return (0, _jsxRuntime.jsx)(_Messages.MessageBanner, {
+        showCloseButton: message.closable,
+        onClose: function onClose() {
+          return closeAlert === null || closeAlert === void 0 ? void 0 : closeAlert(message.number);
+        },
+        children: message.content
+      }, message.number);
+    }), (0, _jsxRuntime.jsxs)(_modal.ModalHeader, {
+      modifier: ['white', 'menu'],
+      children: [(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('masthead-left')), {}, {
+        children: (0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
+          type: "button"
+        }, classes('close-button')), {}, {
+          onClick: closeMenu,
+          children: [(0, _jsxRuntime.jsx)(_action.Cross, {}), (0, _jsxRuntime.jsx)("span", {
+            children: t('masthead.menu.close')
+          })]
+        }))
+      })), (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('masthead-right')), {}, {
+        children: [!hideSearch && searchFieldComponent, (0, _jsxRuntime.jsx)(_Logo["default"], {
+          to: "/",
+          label: t('logo.altText'),
+          locale: locale
+        })]
+      }))]
+    }), (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('content')), {}, {
+      children: [(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('back', 'wide')), {}, {
+        children: (0, _jsxRuntime.jsxs)(_safelink["default"], _objectSpread(_objectSpread({}, classes('back-link')), {}, {
+          to: toFrontpage(),
+          children: [(0, _jsxRuntime.jsx)(_common.Home, _objectSpread({}, classes('home-icon', '', 'c-icon--20'))), t('masthead.menu.toFrontpage')]
+        }))
+      })), (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('back', {
+        narrow: true
+      })), {}, {
+        children: (0, _jsxRuntime.jsxs)(_safelink["default"], _objectSpread(_objectSpread({}, classes('back-link')), {}, {
+          to: toFrontpage(),
+          children: [(0, _jsxRuntime.jsx)(_common.Home, _objectSpread({}, classes('home-icon', '', 'c-icon--20'))), t('masthead.menu.toFrontpage')]
+        }))
+      })), (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('subject')), {}, {
+        children: [(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('subject__header')), {}, {
+          children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('subject__header__menu-filter')), {}, {
+            children: [subjectTitle && (0, _jsxRuntime.jsx)(StyledButton, {
+              onClick: function onClick() {
+                return setSelectedMenu(MENU_CURRENT_SUBJECT);
+              },
+              colorTheme: selectedMenu !== MENU_CURRENT_SUBJECT ? 'lighter' : 'primary',
+              size: "small",
+              shape: "pill",
+              children: subjectTitle
+            }), currentProgramme && (0, _jsxRuntime.jsx)(StyledButton, {
+              onClick: function onClick() {
+                return setSelectedMenu(MENU_CURRENT_PROGRAMME);
+              },
+              colorTheme: selectedMenu !== MENU_CURRENT_PROGRAMME ? 'lighter' : 'primary',
+              size: "small",
+              shape: "pill",
+              children: currentProgramme.name
+            }), programmes && (0, _jsxRuntime.jsx)(StyledButton, {
+              onClick: function onClick() {
+                return setSelectedMenu(MENU_PROGRAMMES);
+              },
+              colorTheme: selectedMenu !== MENU_PROGRAMMES ? 'lighter' : 'primary',
+              size: "small",
+              shape: "pill",
+              children: t('frontpageMenu.program')
+            }), subjectCategories && (0, _jsxRuntime.jsx)(StyledButton, {
+              onClick: function onClick() {
+                return setSelectedMenu(MENU_ALL_SUBJECTS);
+              },
+              colorTheme: selectedMenu !== MENU_ALL_SUBJECTS ? 'lighter' : 'primary',
+              size: "small",
+              shape: "pill",
+              children: t('frontpageMenu.allsubjects')
+            })]
+          }))
+        })), selectedMenu === MENU_CURRENT_SUBJECT && (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('back-button-slide-wrapper')), {}, {
+          children: (0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
+            type: "button"
+          }, classes('back-button-slides', "slide-".concat(sliderCounter))), {}, {
+            onClick: handleOnGoBack,
+            children: [(0, _jsxRuntime.jsx)(_common.Back, {}), " ", (0, _jsxRuntime.jsx)("span", {
+              children: t('masthead.menu.back')
+            })]
+          }))
+        }))]
+      })), selectedMenu === MENU_ALL_SUBJECTS && subjectCategories && (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('all-subjects')), {}, {
+        children: (0, _jsxRuntime.jsx)(_FrontpageAllSubjects["default"], {
+          categories: subjectCategories,
+          onNavigate: closeMenu
+        })
+      })), selectedMenu === MENU_CURRENT_PROGRAMME && currentProgramme && (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('all-subjects')), {}, {
+        children: (0, _jsxRuntime.jsx)(_Programme.ProgrammeSubjects, {
+          grades: currentProgramme.grades,
+          selectedGrade: selectedGrade,
+          onChangeGrade: onGradeChange,
+          onNavigate: closeMenu
+        })
+      })), selectedMenu === MENU_PROGRAMMES && programmes && (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('all-subjects')), {}, {
+        children: (0, _jsxRuntime.jsx)(_NavigationBox["default"], {
+          colorMode: "light",
+          items: programmes,
+          listDirection: "vertical",
+          onClick: closeMenu
+        })
+      })), selectedMenu === MENU_CURRENT_SUBJECT && (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('subject-navigation', "slide-".concat(sliderCounter))), {}, {
+        children: [!disableMain && (0, _jsxRuntime.jsx)(_react2.Fragment, {
+          children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('section', 'main')), {}, {
+            children: [(0, _jsxRuntime.jsx)(_safelink["default"], {
+              onClick: closeMenu,
+              to: toSubject(),
+              className: classes('link', 'big').className,
+              children: (0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, classes('link-wrapper')), {}, {
+                children: [(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, classes('link-label')), {}, {
+                  children: [t('masthead.menu.goTo'), ":"]
+                })), (0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, classes('link-target')), {}, {
+                  children: [(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, classes('link-target-name')), {}, {
+                    children: t('masthead.menu.subjectPage')
+                  })), (0, _jsxRuntime.jsx)(_common.ChevronRight, {
+                    className: "c-icon--22"
+                  })]
+                }))]
+              }))
+            }), (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, classes('list')), {}, {
+              children: topics.map(function (topic) {
+                var active = topic.id === expandedTopicId ? 'active' : null;
+                return (0, _react.createElement)("li", _objectSpread(_objectSpread({}, classes('topic-item', active)), {}, {
+                  key: topic.id
+                }), (0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
+                  type: "button"
+                }, classes('link')), {}, {
+                  onClick: function onClick(event) {
+                    return handleClick(event, topic.id);
+                  },
+                  onKeyPress: function onKeyPress(event) {
+                    return handleBtnKeyPress(event, topic.id);
+                  },
+                  children: [(0, _jsxRuntime.jsxs)("span", {
+                    children: [topic.name, renderAdditionalIcon(topic.additional, t('resource.additionalTooltip'))]
+                  }), (0, _jsxRuntime.jsx)(_common.ChevronRight, {})]
+                })));
+              })
+            }))]
+          }))
+        }), expandedTopic && !disableSubTopic && (0, _jsxRuntime.jsx)(_SubtopicLinkList["default"], {
+          classes: classes,
+          className: classes('section', subTopicModifiers).className,
+          closeMenu: closeMenu,
+          topic: expandedTopic,
+          backLabel: !hasExpandedSubtopics ? subjectTitle : currentlyExpandedSubTopics[currentlyExpandedSubTopics.length - 1].name,
+          goToTitle: t('masthead.menu.goTo'),
+          toTopic: toTopic,
+          expandedSubtopicId: currentlyExpandedSubTopics[0] && currentlyExpandedSubTopics[0].id,
+          onSubtopicExpand: function onSubtopicExpand(id) {
+            handleSubtopicExpand(id, 0);
+          },
+          onGoBack: handleOnGoBack,
+          resourceToLinkProps: resourceToLinkProps,
+          lastOpen: !hasExpandedSubtopics
+        }), currentlyExpandedSubTopics.map(function (subTopic, index) {
+          var metadata = subTopic.metadata;
+          var isUngrouped = (metadata === null || metadata === void 0 ? void 0 : metadata.customFields['topic-resources']) === 'ungrouped' || false;
+          return (0, _jsxRuntime.jsx)(_SubtopicLinkList["default"], {
+            isUngrouped: isUngrouped,
+            classes: classes,
+            className: classes('section', ['sub-topic', 'no-border']).className,
+            closeMenu: closeMenu,
+            topic: subTopic,
+            backLabel: index === 0 ? topics.find(function (topic) {
+              return topic.id === expandedTopicId;
+            }).name : currentlyExpandedSubTopics[index - 1].name,
+            toTopic: toTopic,
+            expandedSubtopicId: currentlyExpandedSubTopics[index + 1] ? currentlyExpandedSubTopics[index + 1].id : 'no way',
+            onSubtopicExpand: function onSubtopicExpand(id) {
+              handleSubtopicExpand(id, index + 1);
+            },
+            onGoBack: handleOnGoBack,
+            resourceToLinkProps: resourceToLinkProps,
+            lastOpen: sliderCounter === index + 2,
+            defaultCount: defaultCount
+          }, subTopic.id);
+        })]
+      }))]
+    }))]
+  });
 };
 
 exports.TopicMenu = TopicMenu;

package/lib/TopicMenu/TopicMenuButton.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,30 +21,32 @@ var _button = require("@ndla/button");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var style =
-/*#__PURE__*/
-
-/*#__PURE__*/
-(0, _react2.css)("display:block;position:relative;background:transparent;padding:", _core.spacing.small, " ", _core.spacing.normal, ";font-weight:", _core.fonts.weight.normal, ";svg{width:25px;height:25px;margin-top:-3px;margin-right:", _core.spacing.xsmall, ";}&:hover{border-color:transparent;background:", _core.colors.brand.primary, ";color:", _core.colors.white, ";}&:active,&:focus{border-color:", _core.colors.brand.lighter, ";background:", _core.colors.white, ";color:", _core.colors.brand.primary, ";}", _core.mq.range({
+var style = /*#__PURE__*/(0, _react2.css)("display:block;position:relative;background:transparent;padding:", _core.spacing.small, " ", _core.spacing.normal, ";font-weight:", _core.fonts.weight.normal, ";svg{width:25px;height:25px;margin-top:-3px;margin-right:", _core.spacing.xsmall, ";}&:hover{border-color:transparent;background:", _core.colors.brand.primary, ";color:", _core.colors.white, ";}&:active,&:focus{border-color:", _core.colors.brand.lighter, ";background:", _core.colors.white, ";color:", _core.colors.brand.primary, ";}", _core.mq.range({
   until: _core.breakpoints.tablet
-}), "{padding-left:", _core.spacing.xsmall, ";padding-right:", _core.spacing.xsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:style;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvcGljTWVudUJ1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlCIiwiZmlsZSI6IlRvcGljTWVudUJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMsIGNvbG9ycywgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblYyIGFzIEJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5cbmNvbnN0IHN0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMjVweDtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLXRvcDogLTNweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuICAmOmFjdGl2ZSxcbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgVG9waWNNZW51QnV0dG9uID0gKHsgbmRsYUZpbG0sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IChcbiAgPEJ1dHRvbiBpbnZlcnRlZD17bmRsYUZpbG19IHZhcmlhbnQ9XCJvdXRsaW5lXCIgY3NzPXtzdHlsZX0gey4uLnJlc3R9PlxuICAgIDxNZW51IC8+IHtjaGlsZHJlbn1cbiAgPC9CdXR0b24+XG4pO1xuXG5Ub3BpY01lbnVCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgbmRsYUZpbG06IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9waWNNZW51QnV0dG9uO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:style;");
+}), "{padding-left:", _core.spacing.xsmall, ";padding-right:", _core.spacing.xsmall, ";};label:style;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvcGljTWVudUJ1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlCIiwiZmlsZSI6IlRvcGljTWVudUJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMsIGNvbG9ycywgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblYyIGFzIEJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5cbmNvbnN0IHN0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMjVweDtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLXRvcDogLTNweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuICAmOmFjdGl2ZSxcbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgVG9waWNNZW51QnV0dG9uID0gKHsgbmRsYUZpbG0sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IChcbiAgPEJ1dHRvbiBpbnZlcnRlZD17bmRsYUZpbG19IHZhcmlhbnQ9XCJvdXRsaW5lXCIgY3NzPXtzdHlsZX0gey4uLnJlc3R9PlxuICAgIDxNZW51IC8+IHtjaGlsZHJlbn1cbiAgPC9CdXR0b24+XG4pO1xuXG5Ub3BpY01lbnVCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgbmRsYUZpbG06IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9waWNNZW51QnV0dG9uO1xuIl19 */"));
 
 var TopicMenuButton = function TopicMenuButton(_ref) {
   var ndlaFilm = _ref.ndlaFilm,
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, ["ndlaFilm", "children"]);
 
-  return (0, _react2.jsx)(_button.ButtonV2, _extends({
+  return (0, _jsxRuntime.jsxs)(_button.ButtonV2, _objectSpread(_objectSpread({
     inverted: ndlaFilm,
     variant: "outline",
     css: style
-  }, rest), (0, _react2.jsx)(_common.Menu, null), " ", children);
+  }, rest), {}, {
+    children: [(0, _jsxRuntime.jsx)(_common.Menu, {}), " ", children]
+  }));
 };
 
 TopicMenuButton.propTypes = {

package/lib/Translation/Translation.js

@@ -5,21 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-/**
- * Copyright (c) 2016-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var classes = new _reactBemHelper["default"]({
   name: 'translation',
   prefix: 'c-'
@@ -28,7 +27,13 @@ var classes = new _reactBemHelper["default"]({
 var Translation = function Translation(_ref) {
   var children = _ref.children,
       index = _ref.index;
-  return (0, _react2.jsx)("div", classes(''), (0, _react2.jsx)("div", classes('index'), index), (0, _react2.jsx)("dl", classes('wrapper'), children));
+  return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('')), {}, {
+    children: [(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('index')), {}, {
+      children: index
+    })), (0, _jsxRuntime.jsx)("dl", _objectSpread(_objectSpread({}, classes('wrapper')), {}, {
+      children: children
+    }))]
+  }));
 };
 
 var _default = Translation;

package/lib/Translation/TranslationBox.js

@@ -5,23 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _tabs = require("@ndla/tabs");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var TranslationBox = function TranslationBox(_ref) {
   var tabs = _ref.tabs;
-  return (0, _react2.jsx)("div", {
-    className: "c-translation-box"
-  }, (0, _react2.jsx)("div", {
-    className: "c-bodybox c-bodybox--translation"
-  }, (0, _react2.jsx)(_tabs.ArticleTabs, {
-    tabs: tabs
-  })));
+  return (0, _jsxRuntime.jsx)("div", {
+    className: "c-translation-box",
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: "c-bodybox c-bodybox--translation",
+      children: (0, _jsxRuntime.jsx)(_tabs.ArticleTabs, {
+        tabs: tabs
+      })
+    })
+  });
 };
 
 var _default = TranslationBox;