@ndla/ui 55.0.12-alpha.0 → 55.0.13-alpha.0

package/es/Embed/ImageEmbed.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -7,41 +6,32 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-/** @jsxImportSource @emotion/react */
 import parse from "html-react-parser";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { colors, misc, spacing } from "@ndla/core";
 import { Plus } from "@ndla/icons/action";
 import { ChevronDown, ChevronUp } from "@ndla/icons/common";
-import { COPYRIGHTED } from "@ndla/licenses";
+import { Figure, Image } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { Figure } from "../Figure";
-import Image from "../Image";
 import { EmbedByline } from "../LicenseByline";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export const getLicenseCredits = copyright => {
-  var _copyright$creators, _copyright$rightshold, _copyright$processors;
   return {
-    creators: (_copyright$creators = copyright === null || copyright === void 0 ? void 0 : copyright.creators) !== null && _copyright$creators !== void 0 ? _copyright$creators : [],
-    rightsholders: (_copyright$rightshold = copyright === null || copyright === void 0 ? void 0 : copyright.rightsholders) !== null && _copyright$rightshold !== void 0 ? _copyright$rightshold : [],
-    processors: (_copyright$processors = copyright === null || copyright === void 0 ? void 0 : copyright.processors) !== null && _copyright$processors !== void 0 ? _copyright$processors : []
+    creators: copyright?.creators ?? [],
+    rightsholders: copyright?.rightsholders ?? [],
+    processors: copyright?.processors ?? []
   };
 };
-export const errorSvgSrc = "data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E";
-const isSmall = size => size === "xsmall" || size === "small";
-const isAlign = align => align === "left" || align === "right";
-const getFigureType = (size, align) => {
-  if (size && isSmall(size) && align && isAlign(align)) {
-    return "".concat(size, "-").concat(align);
-  }
-  if (size && isSmall(size) && !align) {
-    return size;
-  }
-  if (align && isAlign(align)) {
-    return align;
-  }
-  return "full";
+export const errorSvgSrc = `data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E`;
+const getFigureProps = (size, float) => {
+  const actualFloat = float === "left" ? "left" : float === "right" ? "right" : undefined;
+  const replacedSize = size?.replace("-hide-byline", "") ?? "full";
+  return {
+    float: actualFloat,
+    // Figure expects you to set a size when floating. If you don't, the figure will simply take up the available width. Fallback to medium in those cases.
+    size: replacedSize === "full" && float ? "medium" : replacedSize
+  };
 };
 const getSizes = (size, align) => {
   if (align && size === "full") {
@@ -56,9 +46,8 @@ const getSizes = (size, align) => {
   return "(min-width: 1024px) 1024px, 100vw";
 };
 export const getFocalPoint = data => {
-  var _data$focalX, _data$focalY;
-  const focalX = Number.parseFloat((_data$focalX = data.focalX) !== null && _data$focalX !== void 0 ? _data$focalX : "");
-  const focalY = Number.parseFloat((_data$focalY = data.focalY) !== null && _data$focalY !== void 0 ? _data$focalY : "");
+  const focalX = Number.parseFloat(data.focalX ?? "");
+  const focalY = Number.parseFloat(data.focalY ?? "");
   if (!Number.isNaN(focalX) && !Number.isNaN(focalY)) {
     return {
       x: focalX,
@@ -68,11 +57,10 @@ export const getFocalPoint = data => {
   return undefined;
 };
 export const getCrop = data => {
-  var _data$lowerRightX, _data$lowerRightY, _data$upperLeftX, _data$upperLeftY;
-  const lowerRightX = Number.parseFloat((_data$lowerRightX = data.lowerRightX) !== null && _data$lowerRightX !== void 0 ? _data$lowerRightX : "");
-  const lowerRightY = Number.parseFloat((_data$lowerRightY = data.lowerRightY) !== null && _data$lowerRightY !== void 0 ? _data$lowerRightY : "");
-  const upperLeftX = Number.parseFloat((_data$upperLeftX = data.upperLeftX) !== null && _data$upperLeftX !== void 0 ? _data$upperLeftX : "");
-  const upperLeftY = Number.parseFloat((_data$upperLeftY = data.upperLeftY) !== null && _data$upperLeftY !== void 0 ? _data$upperLeftY : "");
+  const lowerRightX = Number.parseFloat(data.lowerRightX ?? "");
+  const lowerRightY = Number.parseFloat(data.lowerRightY ?? "");
+  const upperLeftX = Number.parseFloat(data.upperLeftX ?? "");
+  const upperLeftY = Number.parseFloat(data.upperLeftY ?? "");
   if (!Number.isNaN(lowerRightX) && !Number.isNaN(lowerRightY) && !Number.isNaN(upperLeftX) && !Number.isNaN(upperLeftY)) {
     return {
       startX: lowerRightX,
@@ -84,26 +72,133 @@ export const getCrop = data => {
   return undefined;
 };
 const expandedSizes = "(min-width: 1024px) 1024px, 100vw";
-const StyledFigure = /*#__PURE__*/_styled(Figure, {
-  target: "ened8ka2",
-  label: "StyledFigure"
-})("&:hover{[data-byline-button]{background:", colors.white, ";}button[data-expanded]{transform:scale(1.2);}}button[data-expanded=\"true\"]{svg{transform:rotate(-45deg);}}&[data-float=\"right\"]{float:right;}&[data-float=\"left\"]{float:left;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIbUMiLCJmaWxlIjoiSW1hZ2VFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBDT1BZUklHSFRFRCB9IGZyb20gXCJAbmRsYS9saWNlbnNlc1wiO1xuaW1wb3J0IHsgSW1hZ2VFbWJlZERhdGEsIEltYWdlTWV0YURhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCBFbWJlZEVycm9yUGxhY2Vob2xkZXIgZnJvbSBcIi4vRW1iZWRFcnJvclBsYWNlaG9sZGVyXCI7XG5pbXBvcnQgeyBSZW5kZXJDb250ZXh0IH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IEZpZ3VyZSwgRmlndXJlVHlwZSB9IGZyb20gXCIuLi9GaWd1cmVcIjtcbmltcG9ydCBJbWFnZSBmcm9tIFwiLi4vSW1hZ2VcIjtcbmltcG9ydCB7IEVtYmVkQnlsaW5lIH0gZnJvbSBcIi4uL0xpY2Vuc2VCeWxpbmVcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEltYWdlTWV0YURhdGE7XG4gIHByZXZpZXdBbHQ/OiBib29sZWFuO1xuICBpbkdyaWQ/OiBib29sZWFuO1xuICBsYW5nPzogc3RyaW5nO1xuICByZW5kZXJDb250ZXh0PzogUmVuZGVyQ29udGV4dDtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aG9yIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBnZXRMaWNlbnNlQ3JlZGl0cyA9IChjb3B5cmlnaHQ/OiB7XG4gIGNyZWF0b3JzPzogQXV0aG9yW107XG4gIHJpZ2h0c2hvbGRlcnM/OiBBdXRob3JbXTtcbiAgcHJvY2Vzc29ycz86IEF1dGhvcltdO1xufSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGNyZWF0b3JzOiBjb3B5cmlnaHQ/LmNyZWF0b3JzID8/IFtdLFxuICAgIHJpZ2h0c2hvbGRlcnM6IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycyA/PyBbXSxcbiAgICBwcm9jZXNzb3JzOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnMgPz8gW10sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZXJyb3JTdmdTcmMgPSBgZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9VVRGLTgsJTNDc3ZnIGZpbGw9JyUyMzhBODg4OCcgaGVpZ2h0PSc0MDAnIHZpZXdCb3g9JzAgMCAyNCAxMicgd2lkdGg9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjogJTIzRUZGMEYyJyUzRSUzQ3BhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8lM0UlM0NwYXRoIHRyYW5zZm9ybT0nc2NhbGUoMC4zKSB0cmFuc2xhdGUoMjgsIDguNSknIGQ9J00xMSAxNWgydjJoLTJ6bTAtOGgydjZoLTJ6bS45OS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Jy8lM0UlM0Mvc3ZnJTNFYDtcbmNvbnN0IGlzU21hbGwgPSAoc2l6ZT86IHN0cmluZyk6IHNpemUgaXMgXCJ4c21hbGxcIiB8IFwic21hbGxcIiA9PiBzaXplID09PSBcInhzbWFsbFwiIHx8IHNpemUgPT09IFwic21hbGxcIjtcblxuY29uc3QgaXNBbGlnbiA9IChhbGlnbj86IHN0cmluZyk6IGFsaWduIGlzIFwibGVmdFwiIHwgXCJyaWdodFwiID0+IGFsaWduID09PSBcImxlZnRcIiB8fCBhbGlnbiA9PT0gXCJyaWdodFwiO1xuXG5jb25zdCBnZXRGaWd1cmVUeXBlID0gKHNpemU/OiBzdHJpbmcsIGFsaWduPzogc3RyaW5nKTogRmlndXJlVHlwZSA9PiB7XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYCR7c2l6ZX0tJHthbGlnbn1gO1xuICB9XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgIWFsaWduKSB7XG4gICAgcmV0dXJuIHNpemUgYXMgRmlndXJlVHlwZTtcbiAgfVxuICBpZiAoYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYWxpZ247XG4gIH1cbiAgcmV0dXJuIFwiZnVsbFwiO1xufTtcblxuY29uc3QgZ2V0U2l6ZXMgPSAoc2l6ZT86IHN0cmluZywgYWxpZ24/OiBzdHJpbmcpID0+IHtcbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwiZnVsbFwiKSB7XG4gICAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSA1MTJweCwgKG1pbi13aWR0aDogNzY4cHgpIDM1MHB4LCAxMDB2d1wiO1xuICB9XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSBcInNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDM1MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwieHNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDE4MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9jYWxQb2ludCA9IChkYXRhOiBJbWFnZUVtYmVkRGF0YSkgPT4ge1xuICBjb25zdCBmb2NhbFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmZvY2FsWCA/PyBcIlwiKTtcbiAgY29uc3QgZm9jYWxZID0gTnVtYmVyLnBhcnNlRmxvYXQoZGF0YS5mb2NhbFkgPz8gXCJcIik7XG4gIGlmICghTnVtYmVyLmlzTmFOKGZvY2FsWCkgJiYgIU51bWJlci5pc05hTihmb2NhbFkpKSB7XG4gICAgcmV0dXJuIHsgeDogZm9jYWxYLCB5OiBmb2NhbFkgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENyb3AgPSAoZGF0YTogSW1hZ2VFbWJlZERhdGEpID0+IHtcbiAgY29uc3QgbG93ZXJSaWdodFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmxvd2VyUmlnaHRYID8/IFwiXCIpO1xuICBjb25zdCBsb3dlclJpZ2h0WSA9IE51bWJlci5wYXJzZUZsb2F0KGRhdGEubG93ZXJSaWdodFkgPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFggPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFkgPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFkgPz8gXCJcIik7XG4gIGlmIChcbiAgICAhTnVtYmVyLmlzTmFOKGxvd2VyUmlnaHRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4obG93ZXJSaWdodFkpICYmXG4gICAgIU51bWJlci5pc05hTih1cHBlckxlZnRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4odXBwZXJMZWZ0WSlcbiAgKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0YXJ0WDogbG93ZXJSaWdodFgsXG4gICAgICBzdGFydFk6IGxvd2VyUmlnaHRZLFxuICAgICAgZW5kWDogdXBwZXJMZWZ0WCxcbiAgICAgIGVuZFk6IHVwcGVyTGVmdFksXG4gICAgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXhwYW5kZWRTaXplcyA9IFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZChGaWd1cmUpYFxuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1ieWxpbmUtYnV0dG9uXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICAgIGJ1dHRvbltkYXRhLWV4cGFuZGVkXSB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG4gICAgfVxuICB9XG4gIGJ1dHRvbltkYXRhLWV4cGFuZGVkPVwidHJ1ZVwiXSB7XG4gICAgc3ZnIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgfVxuICB9XG4gICZbZGF0YS1mbG9hdD1cInJpZ2h0XCJdIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gIH1cbiAgJltkYXRhLWZsb2F0PVwibGVmdFwiXSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEltYWdlRW1iZWQgPSAoeyBlbWJlZCwgcHJldmlld0FsdCwgaW5HcmlkLCBsYW5nLCByZW5kZXJDb250ZXh0ID0gXCJhcnRpY2xlXCIsIGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc0J5bGluZUhpZGRlbiwgc2V0SXNCeWxpbmVIaWRkZW5dID0gdXNlU3RhdGUoaGlkZUJ5bGluZShlbWJlZC5lbWJlZERhdGEpKTtcbiAgY29uc3QgW2ltYWdlU2l6ZXMsIHNldEltYWdlU2l6ZXNdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAvLyBGdWxsLXNpemUgZmlndXJlcyBhdXRvbWF0aWNhbGx5IGdldCBhIG1hcmdpbiBvZiB7c3BhY2luZy5ub3JtYWx9IG9uIGl0cyB5LWF4aXMgaWYgYSBmbG9hdCBpcyBub3Qgc2V0IChvciBpZiBmbG9hdCBpcyBhbiBlbXB0eSBzdHJpbmcpLlxuICAvLyBUaGlzIGFkZHMgc29tZSBtYXJnaW4gdG8gbm9ybWFsIGZpZ3VyZXMgd2l0aGluIGFuIGFydGljbGUsIGJ1dCBzaG91bGQgbm90IGhhcHBlbiBmb3IgZmlndXJlcyBpbiBhIGdyaWQuXG4gIGNvbnN0IFtmbG9hdEF0dHIsIHNldEZsb2F0QXR0cl0gPSB1c2VTdGF0ZTx7IFwiZGF0YS1mbG9hdFwiPzogc3RyaW5nIH0+KCgpID0+XG4gICAgaW5HcmlkICYmICFlbWJlZC5lbWJlZERhdGEuYWxpZ24gPyB7fSA6IHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkLmVtYmVkRGF0YS5hbGlnbiB9LFxuICApO1xuXG4gIGNvbnN0IHBhcnNlZERlc2NyaXB0aW9uID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uIHx8IHJlbmRlckNvbnRleHQgPT09IFwiYXJ0aWNsZVwiKSB7XG4gICAgICByZXR1cm4gZW1iZWQuZW1iZWREYXRhLmNhcHRpb24gPyBwYXJzZShlbWJlZC5lbWJlZERhdGEuY2FwdGlvbikgOiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGlmIChlbWJlZC5zdGF0dXMgPT09IFwic3VjY2Vzc1wiICYmIGVtYmVkLmRhdGEuY2FwdGlvbi5jYXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5jYXB0aW9uLmNhcHRpb24pO1xuICAgIH1cbiAgfSwgW2VtYmVkLCByZW5kZXJDb250ZXh0XSk7XG5cbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgY29uc3QgeyBhbGlnbiwgc2l6ZSB9ID0gZW1iZWQuZW1iZWREYXRhO1xuICAgIGNvbnN0IGZpZ3VyZVR5cGUgPSBnZXRGaWd1cmVUeXBlKHNpemUsIGFsaWduKTtcbiAgICByZXR1cm4gPEVtYmVkRXJyb3JQbGFjZWhvbGRlciB0eXBlPXtcImltYWdlXCJ9IGZpZ3VyZVR5cGU9e2ZpZ3VyZVR5cGV9IC8+O1xuICB9XG5cbiAgY29uc3QgeyBkYXRhLCBlbWJlZERhdGEgfSA9IGVtYmVkO1xuXG4gIGNvbnN0IGFsdFRleHQgPSBlbWJlZERhdGEuYWx0IHx8IFwiXCI7XG5cbiAgY29uc3QgZmlndXJlVHlwZSA9IGdldEZpZ3VyZVR5cGUoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG4gIGNvbnN0IHNpemVzID0gZ2V0U2l6ZXMoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG5cbiAgY29uc3QgZm9jYWxQb2ludCA9IGdldEZvY2FsUG9pbnQoZW1iZWREYXRhKTtcbiAgY29uc3QgY3JvcCA9IGdldENyb3AoZW1iZWREYXRhKTtcblxuICBjb25zdCBpc0NvcHlyaWdodGVkID0gZGF0YS5jb3B5cmlnaHQubGljZW5zZS5saWNlbnNlLnRvTG93ZXJDYXNlKCkgPT09IENPUFlSSUdIVEVEO1xuXG4gIGNvbnN0IHRvZ2dsZUltYWdlU2l6ZSA9ICgpID0+IHtcbiAgICBpZiAoIWltYWdlU2l6ZXMpIHtcbiAgICAgIHNldEltYWdlU2l6ZXMoZXhwYW5kZWRTaXplcyk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0RmxvYXRBdHRyKHt9KTtcbiAgICAgIH0sIDQwMCk7IC8vUmVtb3ZpbmcgdGhlIGZsb2F0IHBhcmFtZXRlciB0b28gcXVpY2tseSBjYXVzZXMgdGhlIGltYWdlIHRvIGJlIHJlc2l6ZWQgZnJvbSBsZWZ0IHJlZ2FyZGxlc3NcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SW1hZ2VTaXplcyh1bmRlZmluZWQpO1xuICAgICAgc2V0RmxvYXRBdHRyKHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkRGF0YS5hbGlnbiB9KTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIHR5cGU9e2ltYWdlU2l6ZXMgPyB1bmRlZmluZWQgOiBmaWd1cmVUeXBlfSB7Li4uZmxvYXRBdHRyfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbWFnZVxuICAgICAgICBmb2NhbFBvaW50PXtmb2NhbFBvaW50fVxuICAgICAgICBjb250ZW50VHlwZT17ZGF0YS5pbWFnZS5jb250ZW50VHlwZX1cbiAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgc2l6ZXM9e2ltYWdlU2l6ZXMgPz8gc2l6ZXN9XG4gICAgICAgIGFsdD17YWx0VGV4dH1cbiAgICAgICAgc3JjPXtkYXRhLmltYWdlLmltYWdlVXJsfVxuICAgICAgICBib3JkZXI9e2VtYmVkRGF0YS5ib3JkZXJ9XG4gICAgICAgIG9uRXhwYW5kPXtpc0FsaWduKGVtYmVkRGF0YS5hbGlnbikgPyB0b2dnbGVJbWFnZVNpemUgOiB1bmRlZmluZWR9XG4gICAgICAgIGV4cGFuZGVkPXshIWltYWdlU2l6ZXN9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgPEV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgZW1iZWREYXRhPXtlbWJlZERhdGF9XG4gICAgICAgICAgICBleHBhbmRlZD17ISFpbWFnZVNpemVzfVxuICAgICAgICAgICAgYWxpZ249e2VtYmVkRGF0YS5hbGlnbn1cbiAgICAgICAgICAgIGJ5bGluZUhpZGRlbj17aXNCeWxpbmVIaWRkZW59XG4gICAgICAgICAgICBvbkV4cGFuZD17dG9nZ2xlSW1hZ2VTaXplfVxuICAgICAgICAgICAgb25IaWRlQnlsaW5lPXsoKSA9PiBzZXRJc0J5bGluZUhpZGRlbigocCkgPT4gIXApfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgbGFuZz17bGFuZ31cbiAgICAgIC8+XG4gICAgICB7aXNCeWxpbmVIaWRkZW4gPyBudWxsIDogKFxuICAgICAgICA8RW1iZWRCeWxpbmVcbiAgICAgICAgICB0eXBlPVwiaW1hZ2VcIlxuICAgICAgICAgIGNvcHlyaWdodD17ZGF0YS5jb3B5cmlnaHR9XG4gICAgICAgICAgZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufVxuICAgICAgICAgIHZpc2libGVBbHQ9e3ByZXZpZXdBbHQgPyBlbWJlZC5lbWJlZERhdGEuYWx0IDogXCJcIn1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5jb25zdCBoaWRlQnlsaW5lID0gKGVtYmVkOiBJbWFnZUVtYmVkRGF0YSk6IGJvb2xlYW4gPT4ge1xuICByZXR1cm4gKCEhZW1iZWQuc2l6ZSAmJiBlbWJlZC5zaXplLmVuZHNXaXRoKFwiLWhpZGUtYnlsaW5lXCIpKSB8fCBlbWJlZC5oaWRlQnlsaW5lID09PSBcInRydWVcIjtcbn07XG5cbmludGVyZmFjZSBFeHBhbmRCdXR0b25Qcm9wcyB7XG4gIGVtYmVkRGF0YTogSW1hZ2VFbWJlZERhdGE7XG4gIGFsaWduPzogc3RyaW5nO1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgYnlsaW5lSGlkZGVuOiBib29sZWFuO1xuICBvbkV4cGFuZDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBvbkhpZGVCeWxpbmU6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn1cblxuY29uc3QgQnlsaW5lQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDE7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9MjA7XG4gIGJvcmRlcjogMDtcblxuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDA7XG4gIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMud2hpdGV9O1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXNMYXJnZX07XG4gIHN2ZyB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNHMgZWFzZS1vdXQ7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICB3aWR0aDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IEV4cGFuZEJ1dHRvbiA9ICh7IGFsaWduLCBlbWJlZERhdGEsIGV4cGFuZGVkLCBieWxpbmVIaWRkZW4sIG9uRXhwYW5kLCBvbkhpZGVCeWxpbmUgfTogRXhwYW5kQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb20ke2V4cGFuZGVkID8gXCJPdXRcIiA6IFwiXCJ9SW1hZ2VCdXR0b25MYWJlbGApfVxuICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZH1cbiAgICAgICAgZGF0YS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIDxQbHVzIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICApO1xuICB9XG4gIGlmIChoaWRlQnlsaW5lKGVtYmVkRGF0YSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJ5bGluZUJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgZGF0YS1ieWxpbmUtYnV0dG9uPVwiXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLiR7YnlsaW5lSGlkZGVuID8gXCJleHBhbmRCeWxpbmVcIiA6IFwibWluaW1pemVCeWxpbmVcIn1gKX1cbiAgICAgICAgb25DbGljaz17b25IaWRlQnlsaW5lfVxuICAgICAgPlxuICAgICAgICB7YnlsaW5lSGlkZGVuID8gPENoZXZyb25Eb3duIC8+IDogPENoZXZyb25VcCAvPn1cbiAgICAgIDwvQnlsaW5lQnV0dG9uPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZUVtYmVkO1xuIl19 */"));
+const ImageWrapper = styled("div", {
+  base: {
+    overflow: "hidden",
+    position: "relative",
+    width: "100%",
+    "& img": {
+      width: "100%"
+    }
+  },
+  variants: {
+    svg: {
+      true: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      false: {}
+    },
+    border: {
+      true: {
+        border: "1px solid",
+        // TODO: Not sure if we want this color.
+        borderColor: "surface.brand.1.strong",
+        borderBottom: "0",
+        borderRadius: "xsmall",
+        borderBottomLeftRadius: "0",
+        borderBottomRightRadius: "0"
+      },
+      false: {}
+    },
+    expandable: {
+      true: {
+        cursor: "pointer"
+      },
+      false: {}
+    }
+  }
+});
+const StyledFigure = styled(Figure, {
+  base: {
+    _hover: {
+      "& [data-byline-button]": {
+        background: "background.default"
+      },
+      "& button[data-expanded]": {
+        transform: "scale(1.2)"
+      }
+    },
+    "& button[data-expanded='true']": {
+      "& svg": {
+        transform: "rotate(-45deg)"
+      }
+    }
+  }
+});
+
+// TODO: Ask about BylineButton styling. Not included in design
+const BylineButton = styled("button", {
+  base: {
+    cursor: "pointer",
+    position: "absolute",
+    zIndex: "base",
+    bottom: "0",
+    right: "0",
+    paddingBlock: "xsmall",
+    paddingInline: "xsmall",
+    transitionProperty: "transform, background-color, color",
+    transitionDuration: "normal",
+    transitionTimingFunction: "ease-out",
+    background: "background.default/20",
+    border: "0",
+    "& svg": {
+      transitionProperty: "transform",
+      transitionDuration: "normal",
+      transitionTimingFunction: "ease-out",
+      fill: "primary"
+    }
+  }
+}, {
+  defaultProps: {
+    type: "button"
+  }
+});
+const ExpandButton = styled("button", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer",
+    position: "absolute",
+    padding: "0",
+    top: "xsmall",
+    right: "xsmall",
+    width: "medium",
+    height: "medium",
+    border: "2px solid",
+    borderColor: "background.default",
+    transitionProperty: "transform, background-color, color",
+    transitionDuration: "normal",
+    transitionTimingFunction: "ease-out",
+    color: "background.default",
+    backgroundColor: "surface.action",
+    borderRadius: "large",
+    "& svg": {
+      transitionProperty: "transform",
+      transitionDuration: "normal",
+      transitionTimingFunction: "ease-out"
+    }
+  }
+}, {
+  defaultProps: {
+    type: "button"
+  }
+});
 const ImageEmbed = _ref => {
   let {
     embed,
     previewAlt,
-    inGrid,
     lang,
     renderContext = "article",
     children
   } = _ref;
   const [isBylineHidden, setIsBylineHidden] = useState(hideByline(embed.embedData));
   const [imageSizes, setImageSizes] = useState(undefined);
-  // Full-size figures automatically get a margin of {spacing.normal} on its y-axis if a float is not set (or if float is an empty string).
-  // This adds some margin to normal figures within an article, but should not happen for figures in a grid.
-  const [floatAttr, setFloatAttr] = useState(() => inGrid && !embed.embedData.align ? {} : {
-    "data-float": embed.embedData.align
-  });
+  const figureProps = getFigureProps(embed.embedData.size, embed.embedData.align);
+  const {
+    t
+  } = useTranslation();
   const parsedDescription = useMemo(() => {
     if (embed.embedData.caption || renderContext === "article") {
       return embed.embedData.caption ? parse(embed.embedData.caption) : undefined;
@@ -113,14 +208,10 @@ const ImageEmbed = _ref => {
     }
   }, [embed, renderContext]);
   if (embed.status === "error") {
-    const {
-      align,
-      size
-    } = embed.embedData;
-    const figureType = getFigureType(size, align);
     return _jsx(EmbedErrorPlaceholder, {
       type: "image",
-      figureType: figureType
+      figureType: figureProps?.size,
+      float: figureProps?.float
     });
   }
   const {
@@ -128,46 +219,40 @@ const ImageEmbed = _ref => {
     embedData
   } = embed;
   const altText = embedData.alt || "";
-  const figureType = getFigureType(embedData.size, embedData.align);
   const sizes = getSizes(embedData.size, embedData.align);
   const focalPoint = getFocalPoint(embedData);
   const crop = getCrop(embedData);
-  const isCopyrighted = data.copyright.license.license.toLowerCase() === COPYRIGHTED;
   const toggleImageSize = () => {
-    if (!imageSizes) {
-      setImageSizes(expandedSizes);
-      setTimeout(() => {
-        setFloatAttr({});
-      }, 400); //Removing the float parameter too quickly causes the image to be resized from left regardless
-    } else {
-      setImageSizes(undefined);
-      setFloatAttr({
-        "data-float": embedData.align
-      });
-    }
+    setImageSizes(sizes => !sizes ? expandedSizes : undefined);
   };
+
+  // TODO: Check how this works with `children`. Will only be important for ED
   return _jsxs(StyledFigure, {
-    type: imageSizes ? undefined : figureType,
-    ...floatAttr,
-    children: [children, _jsx(Image, {
-      focalPoint: focalPoint,
-      contentType: data.image.contentType,
-      crop: crop,
-      sizes: imageSizes !== null && imageSizes !== void 0 ? imageSizes : sizes,
-      alt: altText,
-      src: data.image.imageUrl,
-      border: embedData.border,
-      onExpand: isAlign(embedData.align) ? toggleImageSize : undefined,
-      expanded: !!imageSizes,
-      expandButton: _jsx(ExpandButton, {
-        embedData: embedData,
-        expanded: !!imageSizes,
-        align: embedData.align,
-        bylineHidden: isBylineHidden,
-        onExpand: toggleImageSize,
-        onHideByline: () => setIsBylineHidden(p => !p)
-      }),
-      lang: lang
+    float: figureProps?.float,
+    size: imageSizes ? "full" : figureProps?.size ?? "medium",
+    children: [children, _jsxs(ImageWrapper, {
+      border: embedData.border === "true",
+      expandable: !!figureProps?.float,
+      children: [_jsx(Image, {
+        focalPoint: focalPoint,
+        contentType: data.image.contentType,
+        crop: crop,
+        sizes: imageSizes ?? sizes,
+        alt: altText,
+        src: data.image.imageUrl,
+        lang: lang,
+        onClick: figureProps?.float ? toggleImageSize : undefined
+      }), !!embedData.align && _jsx(ExpandButton, {
+        "aria-label": t(`license.images.itemImage.zoom${imageSizes ? "Out" : ""}ImageButtonLabel`),
+        onClick: toggleImageSize,
+        "data-expanded": !!imageSizes,
+        children: _jsx(Plus, {})
+      }), (embedData.size?.endsWith("-hide-byline") || embedData.hideByline === "true") && _jsx(BylineButton, {
+        "data-byline-button": "",
+        "aria-label": t(`license.images.itemImage.${isBylineHidden ? "expandByline" : "minimizeByline"}`),
+        onClick: () => setIsBylineHidden(p => !p),
+        children: isBylineHidden ? _jsx(ChevronDown, {}) : _jsx(ChevronUp, {})
+      })]
     }), isBylineHidden ? null : _jsx(EmbedByline, {
       type: "image",
       copyright: data.copyright,
@@ -179,44 +264,4 @@ const ImageEmbed = _ref => {
 const hideByline = embed => {
   return !!embed.size && embed.size.endsWith("-hide-byline") || embed.hideByline === "true";
 };
-const BylineButton = /*#__PURE__*/_styled("button", {
-  target: "ened8ka1",
-  label: "BylineButton"
-})("cursor:pointer;position:absolute;z-index:1;bottom:0;right:0;padding:", spacing.small, ";transition:all 0.3s ease-out;background:", colors.background.default, "20;border:0;svg{transition:transform 0.4s ease-out;width:", spacing.normal, ";height:", spacing.normal, ";fill:", colors.brand.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlPa0MiLCJmaWxlIjoiSW1hZ2VFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBDT1BZUklHSFRFRCB9IGZyb20gXCJAbmRsYS9saWNlbnNlc1wiO1xuaW1wb3J0IHsgSW1hZ2VFbWJlZERhdGEsIEltYWdlTWV0YURhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCBFbWJlZEVycm9yUGxhY2Vob2xkZXIgZnJvbSBcIi4vRW1iZWRFcnJvclBsYWNlaG9sZGVyXCI7XG5pbXBvcnQgeyBSZW5kZXJDb250ZXh0IH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IEZpZ3VyZSwgRmlndXJlVHlwZSB9IGZyb20gXCIuLi9GaWd1cmVcIjtcbmltcG9ydCBJbWFnZSBmcm9tIFwiLi4vSW1hZ2VcIjtcbmltcG9ydCB7IEVtYmVkQnlsaW5lIH0gZnJvbSBcIi4uL0xpY2Vuc2VCeWxpbmVcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEltYWdlTWV0YURhdGE7XG4gIHByZXZpZXdBbHQ/OiBib29sZWFuO1xuICBpbkdyaWQ/OiBib29sZWFuO1xuICBsYW5nPzogc3RyaW5nO1xuICByZW5kZXJDb250ZXh0PzogUmVuZGVyQ29udGV4dDtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aG9yIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBnZXRMaWNlbnNlQ3JlZGl0cyA9IChjb3B5cmlnaHQ/OiB7XG4gIGNyZWF0b3JzPzogQXV0aG9yW107XG4gIHJpZ2h0c2hvbGRlcnM/OiBBdXRob3JbXTtcbiAgcHJvY2Vzc29ycz86IEF1dGhvcltdO1xufSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGNyZWF0b3JzOiBjb3B5cmlnaHQ/LmNyZWF0b3JzID8/IFtdLFxuICAgIHJpZ2h0c2hvbGRlcnM6IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycyA/PyBbXSxcbiAgICBwcm9jZXNzb3JzOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnMgPz8gW10sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZXJyb3JTdmdTcmMgPSBgZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9VVRGLTgsJTNDc3ZnIGZpbGw9JyUyMzhBODg4OCcgaGVpZ2h0PSc0MDAnIHZpZXdCb3g9JzAgMCAyNCAxMicgd2lkdGg9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjogJTIzRUZGMEYyJyUzRSUzQ3BhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8lM0UlM0NwYXRoIHRyYW5zZm9ybT0nc2NhbGUoMC4zKSB0cmFuc2xhdGUoMjgsIDguNSknIGQ9J00xMSAxNWgydjJoLTJ6bTAtOGgydjZoLTJ6bS45OS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Jy8lM0UlM0Mvc3ZnJTNFYDtcbmNvbnN0IGlzU21hbGwgPSAoc2l6ZT86IHN0cmluZyk6IHNpemUgaXMgXCJ4c21hbGxcIiB8IFwic21hbGxcIiA9PiBzaXplID09PSBcInhzbWFsbFwiIHx8IHNpemUgPT09IFwic21hbGxcIjtcblxuY29uc3QgaXNBbGlnbiA9IChhbGlnbj86IHN0cmluZyk6IGFsaWduIGlzIFwibGVmdFwiIHwgXCJyaWdodFwiID0+IGFsaWduID09PSBcImxlZnRcIiB8fCBhbGlnbiA9PT0gXCJyaWdodFwiO1xuXG5jb25zdCBnZXRGaWd1cmVUeXBlID0gKHNpemU/OiBzdHJpbmcsIGFsaWduPzogc3RyaW5nKTogRmlndXJlVHlwZSA9PiB7XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYCR7c2l6ZX0tJHthbGlnbn1gO1xuICB9XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgIWFsaWduKSB7XG4gICAgcmV0dXJuIHNpemUgYXMgRmlndXJlVHlwZTtcbiAgfVxuICBpZiAoYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYWxpZ247XG4gIH1cbiAgcmV0dXJuIFwiZnVsbFwiO1xufTtcblxuY29uc3QgZ2V0U2l6ZXMgPSAoc2l6ZT86IHN0cmluZywgYWxpZ24/OiBzdHJpbmcpID0+IHtcbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwiZnVsbFwiKSB7XG4gICAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSA1MTJweCwgKG1pbi13aWR0aDogNzY4cHgpIDM1MHB4LCAxMDB2d1wiO1xuICB9XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSBcInNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDM1MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwieHNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDE4MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9jYWxQb2ludCA9IChkYXRhOiBJbWFnZUVtYmVkRGF0YSkgPT4ge1xuICBjb25zdCBmb2NhbFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmZvY2FsWCA/PyBcIlwiKTtcbiAgY29uc3QgZm9jYWxZID0gTnVtYmVyLnBhcnNlRmxvYXQoZGF0YS5mb2NhbFkgPz8gXCJcIik7XG4gIGlmICghTnVtYmVyLmlzTmFOKGZvY2FsWCkgJiYgIU51bWJlci5pc05hTihmb2NhbFkpKSB7XG4gICAgcmV0dXJuIHsgeDogZm9jYWxYLCB5OiBmb2NhbFkgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENyb3AgPSAoZGF0YTogSW1hZ2VFbWJlZERhdGEpID0+IHtcbiAgY29uc3QgbG93ZXJSaWdodFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmxvd2VyUmlnaHRYID8/IFwiXCIpO1xuICBjb25zdCBsb3dlclJpZ2h0WSA9IE51bWJlci5wYXJzZUZsb2F0KGRhdGEubG93ZXJSaWdodFkgPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFggPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFkgPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFkgPz8gXCJcIik7XG4gIGlmIChcbiAgICAhTnVtYmVyLmlzTmFOKGxvd2VyUmlnaHRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4obG93ZXJSaWdodFkpICYmXG4gICAgIU51bWJlci5pc05hTih1cHBlckxlZnRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4odXBwZXJMZWZ0WSlcbiAgKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0YXJ0WDogbG93ZXJSaWdodFgsXG4gICAgICBzdGFydFk6IGxvd2VyUmlnaHRZLFxuICAgICAgZW5kWDogdXBwZXJMZWZ0WCxcbiAgICAgIGVuZFk6IHVwcGVyTGVmdFksXG4gICAgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXhwYW5kZWRTaXplcyA9IFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZChGaWd1cmUpYFxuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1ieWxpbmUtYnV0dG9uXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICAgIGJ1dHRvbltkYXRhLWV4cGFuZGVkXSB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG4gICAgfVxuICB9XG4gIGJ1dHRvbltkYXRhLWV4cGFuZGVkPVwidHJ1ZVwiXSB7XG4gICAgc3ZnIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgfVxuICB9XG4gICZbZGF0YS1mbG9hdD1cInJpZ2h0XCJdIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gIH1cbiAgJltkYXRhLWZsb2F0PVwibGVmdFwiXSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEltYWdlRW1iZWQgPSAoeyBlbWJlZCwgcHJldmlld0FsdCwgaW5HcmlkLCBsYW5nLCByZW5kZXJDb250ZXh0ID0gXCJhcnRpY2xlXCIsIGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc0J5bGluZUhpZGRlbiwgc2V0SXNCeWxpbmVIaWRkZW5dID0gdXNlU3RhdGUoaGlkZUJ5bGluZShlbWJlZC5lbWJlZERhdGEpKTtcbiAgY29uc3QgW2ltYWdlU2l6ZXMsIHNldEltYWdlU2l6ZXNdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAvLyBGdWxsLXNpemUgZmlndXJlcyBhdXRvbWF0aWNhbGx5IGdldCBhIG1hcmdpbiBvZiB7c3BhY2luZy5ub3JtYWx9IG9uIGl0cyB5LWF4aXMgaWYgYSBmbG9hdCBpcyBub3Qgc2V0IChvciBpZiBmbG9hdCBpcyBhbiBlbXB0eSBzdHJpbmcpLlxuICAvLyBUaGlzIGFkZHMgc29tZSBtYXJnaW4gdG8gbm9ybWFsIGZpZ3VyZXMgd2l0aGluIGFuIGFydGljbGUsIGJ1dCBzaG91bGQgbm90IGhhcHBlbiBmb3IgZmlndXJlcyBpbiBhIGdyaWQuXG4gIGNvbnN0IFtmbG9hdEF0dHIsIHNldEZsb2F0QXR0cl0gPSB1c2VTdGF0ZTx7IFwiZGF0YS1mbG9hdFwiPzogc3RyaW5nIH0+KCgpID0+XG4gICAgaW5HcmlkICYmICFlbWJlZC5lbWJlZERhdGEuYWxpZ24gPyB7fSA6IHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkLmVtYmVkRGF0YS5hbGlnbiB9LFxuICApO1xuXG4gIGNvbnN0IHBhcnNlZERlc2NyaXB0aW9uID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uIHx8IHJlbmRlckNvbnRleHQgPT09IFwiYXJ0aWNsZVwiKSB7XG4gICAgICByZXR1cm4gZW1iZWQuZW1iZWREYXRhLmNhcHRpb24gPyBwYXJzZShlbWJlZC5lbWJlZERhdGEuY2FwdGlvbikgOiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGlmIChlbWJlZC5zdGF0dXMgPT09IFwic3VjY2Vzc1wiICYmIGVtYmVkLmRhdGEuY2FwdGlvbi5jYXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5jYXB0aW9uLmNhcHRpb24pO1xuICAgIH1cbiAgfSwgW2VtYmVkLCByZW5kZXJDb250ZXh0XSk7XG5cbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgY29uc3QgeyBhbGlnbiwgc2l6ZSB9ID0gZW1iZWQuZW1iZWREYXRhO1xuICAgIGNvbnN0IGZpZ3VyZVR5cGUgPSBnZXRGaWd1cmVUeXBlKHNpemUsIGFsaWduKTtcbiAgICByZXR1cm4gPEVtYmVkRXJyb3JQbGFjZWhvbGRlciB0eXBlPXtcImltYWdlXCJ9IGZpZ3VyZVR5cGU9e2ZpZ3VyZVR5cGV9IC8+O1xuICB9XG5cbiAgY29uc3QgeyBkYXRhLCBlbWJlZERhdGEgfSA9IGVtYmVkO1xuXG4gIGNvbnN0IGFsdFRleHQgPSBlbWJlZERhdGEuYWx0IHx8IFwiXCI7XG5cbiAgY29uc3QgZmlndXJlVHlwZSA9IGdldEZpZ3VyZVR5cGUoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG4gIGNvbnN0IHNpemVzID0gZ2V0U2l6ZXMoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG5cbiAgY29uc3QgZm9jYWxQb2ludCA9IGdldEZvY2FsUG9pbnQoZW1iZWREYXRhKTtcbiAgY29uc3QgY3JvcCA9IGdldENyb3AoZW1iZWREYXRhKTtcblxuICBjb25zdCBpc0NvcHlyaWdodGVkID0gZGF0YS5jb3B5cmlnaHQubGljZW5zZS5saWNlbnNlLnRvTG93ZXJDYXNlKCkgPT09IENPUFlSSUdIVEVEO1xuXG4gIGNvbnN0IHRvZ2dsZUltYWdlU2l6ZSA9ICgpID0+IHtcbiAgICBpZiAoIWltYWdlU2l6ZXMpIHtcbiAgICAgIHNldEltYWdlU2l6ZXMoZXhwYW5kZWRTaXplcyk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0RmxvYXRBdHRyKHt9KTtcbiAgICAgIH0sIDQwMCk7IC8vUmVtb3ZpbmcgdGhlIGZsb2F0IHBhcmFtZXRlciB0b28gcXVpY2tseSBjYXVzZXMgdGhlIGltYWdlIHRvIGJlIHJlc2l6ZWQgZnJvbSBsZWZ0IHJlZ2FyZGxlc3NcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SW1hZ2VTaXplcyh1bmRlZmluZWQpO1xuICAgICAgc2V0RmxvYXRBdHRyKHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkRGF0YS5hbGlnbiB9KTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIHR5cGU9e2ltYWdlU2l6ZXMgPyB1bmRlZmluZWQgOiBmaWd1cmVUeXBlfSB7Li4uZmxvYXRBdHRyfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbWFnZVxuICAgICAgICBmb2NhbFBvaW50PXtmb2NhbFBvaW50fVxuICAgICAgICBjb250ZW50VHlwZT17ZGF0YS5pbWFnZS5jb250ZW50VHlwZX1cbiAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgc2l6ZXM9e2ltYWdlU2l6ZXMgPz8gc2l6ZXN9XG4gICAgICAgIGFsdD17YWx0VGV4dH1cbiAgICAgICAgc3JjPXtkYXRhLmltYWdlLmltYWdlVXJsfVxuICAgICAgICBib3JkZXI9e2VtYmVkRGF0YS5ib3JkZXJ9XG4gICAgICAgIG9uRXhwYW5kPXtpc0FsaWduKGVtYmVkRGF0YS5hbGlnbikgPyB0b2dnbGVJbWFnZVNpemUgOiB1bmRlZmluZWR9XG4gICAgICAgIGV4cGFuZGVkPXshIWltYWdlU2l6ZXN9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgPEV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgZW1iZWREYXRhPXtlbWJlZERhdGF9XG4gICAgICAgICAgICBleHBhbmRlZD17ISFpbWFnZVNpemVzfVxuICAgICAgICAgICAgYWxpZ249e2VtYmVkRGF0YS5hbGlnbn1cbiAgICAgICAgICAgIGJ5bGluZUhpZGRlbj17aXNCeWxpbmVIaWRkZW59XG4gICAgICAgICAgICBvbkV4cGFuZD17dG9nZ2xlSW1hZ2VTaXplfVxuICAgICAgICAgICAgb25IaWRlQnlsaW5lPXsoKSA9PiBzZXRJc0J5bGluZUhpZGRlbigocCkgPT4gIXApfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgbGFuZz17bGFuZ31cbiAgICAgIC8+XG4gICAgICB7aXNCeWxpbmVIaWRkZW4gPyBudWxsIDogKFxuICAgICAgICA8RW1iZWRCeWxpbmVcbiAgICAgICAgICB0eXBlPVwiaW1hZ2VcIlxuICAgICAgICAgIGNvcHlyaWdodD17ZGF0YS5jb3B5cmlnaHR9XG4gICAgICAgICAgZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufVxuICAgICAgICAgIHZpc2libGVBbHQ9e3ByZXZpZXdBbHQgPyBlbWJlZC5lbWJlZERhdGEuYWx0IDogXCJcIn1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5jb25zdCBoaWRlQnlsaW5lID0gKGVtYmVkOiBJbWFnZUVtYmVkRGF0YSk6IGJvb2xlYW4gPT4ge1xuICByZXR1cm4gKCEhZW1iZWQuc2l6ZSAmJiBlbWJlZC5zaXplLmVuZHNXaXRoKFwiLWhpZGUtYnlsaW5lXCIpKSB8fCBlbWJlZC5oaWRlQnlsaW5lID09PSBcInRydWVcIjtcbn07XG5cbmludGVyZmFjZSBFeHBhbmRCdXR0b25Qcm9wcyB7XG4gIGVtYmVkRGF0YTogSW1hZ2VFbWJlZERhdGE7XG4gIGFsaWduPzogc3RyaW5nO1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgYnlsaW5lSGlkZGVuOiBib29sZWFuO1xuICBvbkV4cGFuZDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBvbkhpZGVCeWxpbmU6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn1cblxuY29uc3QgQnlsaW5lQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDE7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9MjA7XG4gIGJvcmRlcjogMDtcblxuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDA7XG4gIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMud2hpdGV9O1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXNMYXJnZX07XG4gIHN2ZyB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNHMgZWFzZS1vdXQ7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICB3aWR0aDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IEV4cGFuZEJ1dHRvbiA9ICh7IGFsaWduLCBlbWJlZERhdGEsIGV4cGFuZGVkLCBieWxpbmVIaWRkZW4sIG9uRXhwYW5kLCBvbkhpZGVCeWxpbmUgfTogRXhwYW5kQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb20ke2V4cGFuZGVkID8gXCJPdXRcIiA6IFwiXCJ9SW1hZ2VCdXR0b25MYWJlbGApfVxuICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZH1cbiAgICAgICAgZGF0YS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIDxQbHVzIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICApO1xuICB9XG4gIGlmIChoaWRlQnlsaW5lKGVtYmVkRGF0YSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJ5bGluZUJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgZGF0YS1ieWxpbmUtYnV0dG9uPVwiXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLiR7YnlsaW5lSGlkZGVuID8gXCJleHBhbmRCeWxpbmVcIiA6IFwibWluaW1pemVCeWxpbmVcIn1gKX1cbiAgICAgICAgb25DbGljaz17b25IaWRlQnlsaW5lfVxuICAgICAgPlxuICAgICAgICB7YnlsaW5lSGlkZGVuID8gPENoZXZyb25Eb3duIC8+IDogPENoZXZyb25VcCAvPn1cbiAgICAgIDwvQnlsaW5lQnV0dG9uPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZUVtYmVkO1xuIl19 */"));
-const StyledButton = /*#__PURE__*/_styled("button", {
-  target: "ened8ka0",
-  label: "StyledButton"
-})("display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;padding:0;top:", spacing.small, ";right:", spacing.small, ";width:", spacing.normal, ";height:", spacing.normal, ";border:2px solid ", colors.white, ";transition:all 0.3s ease-out;color:", colors.white, ";background-color:", colors.brand.primary, ";border-radius:", misc.borderRadiusLarge, ";svg{transition:transform 0.4s ease-out;height:", spacing.nsmall, ";width:", spacing.nsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRQa0MiLCJmaWxlIjoiSW1hZ2VFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBDT1BZUklHSFRFRCB9IGZyb20gXCJAbmRsYS9saWNlbnNlc1wiO1xuaW1wb3J0IHsgSW1hZ2VFbWJlZERhdGEsIEltYWdlTWV0YURhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCBFbWJlZEVycm9yUGxhY2Vob2xkZXIgZnJvbSBcIi4vRW1iZWRFcnJvclBsYWNlaG9sZGVyXCI7XG5pbXBvcnQgeyBSZW5kZXJDb250ZXh0IH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IEZpZ3VyZSwgRmlndXJlVHlwZSB9IGZyb20gXCIuLi9GaWd1cmVcIjtcbmltcG9ydCBJbWFnZSBmcm9tIFwiLi4vSW1hZ2VcIjtcbmltcG9ydCB7IEVtYmVkQnlsaW5lIH0gZnJvbSBcIi4uL0xpY2Vuc2VCeWxpbmVcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEltYWdlTWV0YURhdGE7XG4gIHByZXZpZXdBbHQ/OiBib29sZWFuO1xuICBpbkdyaWQ/OiBib29sZWFuO1xuICBsYW5nPzogc3RyaW5nO1xuICByZW5kZXJDb250ZXh0PzogUmVuZGVyQ29udGV4dDtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aG9yIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBnZXRMaWNlbnNlQ3JlZGl0cyA9IChjb3B5cmlnaHQ/OiB7XG4gIGNyZWF0b3JzPzogQXV0aG9yW107XG4gIHJpZ2h0c2hvbGRlcnM/OiBBdXRob3JbXTtcbiAgcHJvY2Vzc29ycz86IEF1dGhvcltdO1xufSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGNyZWF0b3JzOiBjb3B5cmlnaHQ/LmNyZWF0b3JzID8/IFtdLFxuICAgIHJpZ2h0c2hvbGRlcnM6IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycyA/PyBbXSxcbiAgICBwcm9jZXNzb3JzOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnMgPz8gW10sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZXJyb3JTdmdTcmMgPSBgZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9VVRGLTgsJTNDc3ZnIGZpbGw9JyUyMzhBODg4OCcgaGVpZ2h0PSc0MDAnIHZpZXdCb3g9JzAgMCAyNCAxMicgd2lkdGg9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjogJTIzRUZGMEYyJyUzRSUzQ3BhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8lM0UlM0NwYXRoIHRyYW5zZm9ybT0nc2NhbGUoMC4zKSB0cmFuc2xhdGUoMjgsIDguNSknIGQ9J00xMSAxNWgydjJoLTJ6bTAtOGgydjZoLTJ6bS45OS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Jy8lM0UlM0Mvc3ZnJTNFYDtcbmNvbnN0IGlzU21hbGwgPSAoc2l6ZT86IHN0cmluZyk6IHNpemUgaXMgXCJ4c21hbGxcIiB8IFwic21hbGxcIiA9PiBzaXplID09PSBcInhzbWFsbFwiIHx8IHNpemUgPT09IFwic21hbGxcIjtcblxuY29uc3QgaXNBbGlnbiA9IChhbGlnbj86IHN0cmluZyk6IGFsaWduIGlzIFwibGVmdFwiIHwgXCJyaWdodFwiID0+IGFsaWduID09PSBcImxlZnRcIiB8fCBhbGlnbiA9PT0gXCJyaWdodFwiO1xuXG5jb25zdCBnZXRGaWd1cmVUeXBlID0gKHNpemU/OiBzdHJpbmcsIGFsaWduPzogc3RyaW5nKTogRmlndXJlVHlwZSA9PiB7XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYCR7c2l6ZX0tJHthbGlnbn1gO1xuICB9XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgIWFsaWduKSB7XG4gICAgcmV0dXJuIHNpemUgYXMgRmlndXJlVHlwZTtcbiAgfVxuICBpZiAoYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYWxpZ247XG4gIH1cbiAgcmV0dXJuIFwiZnVsbFwiO1xufTtcblxuY29uc3QgZ2V0U2l6ZXMgPSAoc2l6ZT86IHN0cmluZywgYWxpZ24/OiBzdHJpbmcpID0+IHtcbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwiZnVsbFwiKSB7XG4gICAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSA1MTJweCwgKG1pbi13aWR0aDogNzY4cHgpIDM1MHB4LCAxMDB2d1wiO1xuICB9XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSBcInNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDM1MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgaWYgKGFsaWduICYmIHNpemUgPT09IFwieHNtYWxsXCIpIHtcbiAgICByZXR1cm4gXCIobWluLXdpZHRoOiAxMDI0cHgpIDE4MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3XCI7XG4gIH1cbiAgcmV0dXJuIFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9jYWxQb2ludCA9IChkYXRhOiBJbWFnZUVtYmVkRGF0YSkgPT4ge1xuICBjb25zdCBmb2NhbFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmZvY2FsWCA/PyBcIlwiKTtcbiAgY29uc3QgZm9jYWxZID0gTnVtYmVyLnBhcnNlRmxvYXQoZGF0YS5mb2NhbFkgPz8gXCJcIik7XG4gIGlmICghTnVtYmVyLmlzTmFOKGZvY2FsWCkgJiYgIU51bWJlci5pc05hTihmb2NhbFkpKSB7XG4gICAgcmV0dXJuIHsgeDogZm9jYWxYLCB5OiBmb2NhbFkgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENyb3AgPSAoZGF0YTogSW1hZ2VFbWJlZERhdGEpID0+IHtcbiAgY29uc3QgbG93ZXJSaWdodFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLmxvd2VyUmlnaHRYID8/IFwiXCIpO1xuICBjb25zdCBsb3dlclJpZ2h0WSA9IE51bWJlci5wYXJzZUZsb2F0KGRhdGEubG93ZXJSaWdodFkgPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFggPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFggPz8gXCJcIik7XG4gIGNvbnN0IHVwcGVyTGVmdFkgPSBOdW1iZXIucGFyc2VGbG9hdChkYXRhLnVwcGVyTGVmdFkgPz8gXCJcIik7XG4gIGlmIChcbiAgICAhTnVtYmVyLmlzTmFOKGxvd2VyUmlnaHRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4obG93ZXJSaWdodFkpICYmXG4gICAgIU51bWJlci5pc05hTih1cHBlckxlZnRYKSAmJlxuICAgICFOdW1iZXIuaXNOYU4odXBwZXJMZWZ0WSlcbiAgKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0YXJ0WDogbG93ZXJSaWdodFgsXG4gICAgICBzdGFydFk6IGxvd2VyUmlnaHRZLFxuICAgICAgZW5kWDogdXBwZXJMZWZ0WCxcbiAgICAgIGVuZFk6IHVwcGVyTGVmdFksXG4gICAgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuY29uc3QgZXhwYW5kZWRTaXplcyA9IFwiKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3XCI7XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZChGaWd1cmUpYFxuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1ieWxpbmUtYnV0dG9uXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICAgIGJ1dHRvbltkYXRhLWV4cGFuZGVkXSB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG4gICAgfVxuICB9XG4gIGJ1dHRvbltkYXRhLWV4cGFuZGVkPVwidHJ1ZVwiXSB7XG4gICAgc3ZnIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgfVxuICB9XG4gICZbZGF0YS1mbG9hdD1cInJpZ2h0XCJdIHtcbiAgICBmbG9hdDogcmlnaHQ7XG4gIH1cbiAgJltkYXRhLWZsb2F0PVwibGVmdFwiXSB7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEltYWdlRW1iZWQgPSAoeyBlbWJlZCwgcHJldmlld0FsdCwgaW5HcmlkLCBsYW5nLCByZW5kZXJDb250ZXh0ID0gXCJhcnRpY2xlXCIsIGNoaWxkcmVuIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc0J5bGluZUhpZGRlbiwgc2V0SXNCeWxpbmVIaWRkZW5dID0gdXNlU3RhdGUoaGlkZUJ5bGluZShlbWJlZC5lbWJlZERhdGEpKTtcbiAgY29uc3QgW2ltYWdlU2l6ZXMsIHNldEltYWdlU2l6ZXNdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAvLyBGdWxsLXNpemUgZmlndXJlcyBhdXRvbWF0aWNhbGx5IGdldCBhIG1hcmdpbiBvZiB7c3BhY2luZy5ub3JtYWx9IG9uIGl0cyB5LWF4aXMgaWYgYSBmbG9hdCBpcyBub3Qgc2V0IChvciBpZiBmbG9hdCBpcyBhbiBlbXB0eSBzdHJpbmcpLlxuICAvLyBUaGlzIGFkZHMgc29tZSBtYXJnaW4gdG8gbm9ybWFsIGZpZ3VyZXMgd2l0aGluIGFuIGFydGljbGUsIGJ1dCBzaG91bGQgbm90IGhhcHBlbiBmb3IgZmlndXJlcyBpbiBhIGdyaWQuXG4gIGNvbnN0IFtmbG9hdEF0dHIsIHNldEZsb2F0QXR0cl0gPSB1c2VTdGF0ZTx7IFwiZGF0YS1mbG9hdFwiPzogc3RyaW5nIH0+KCgpID0+XG4gICAgaW5HcmlkICYmICFlbWJlZC5lbWJlZERhdGEuYWxpZ24gPyB7fSA6IHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkLmVtYmVkRGF0YS5hbGlnbiB9LFxuICApO1xuXG4gIGNvbnN0IHBhcnNlZERlc2NyaXB0aW9uID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uIHx8IHJlbmRlckNvbnRleHQgPT09IFwiYXJ0aWNsZVwiKSB7XG4gICAgICByZXR1cm4gZW1iZWQuZW1iZWREYXRhLmNhcHRpb24gPyBwYXJzZShlbWJlZC5lbWJlZERhdGEuY2FwdGlvbikgOiB1bmRlZmluZWQ7XG4gICAgfVxuICAgIGlmIChlbWJlZC5zdGF0dXMgPT09IFwic3VjY2Vzc1wiICYmIGVtYmVkLmRhdGEuY2FwdGlvbi5jYXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5jYXB0aW9uLmNhcHRpb24pO1xuICAgIH1cbiAgfSwgW2VtYmVkLCByZW5kZXJDb250ZXh0XSk7XG5cbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgY29uc3QgeyBhbGlnbiwgc2l6ZSB9ID0gZW1iZWQuZW1iZWREYXRhO1xuICAgIGNvbnN0IGZpZ3VyZVR5cGUgPSBnZXRGaWd1cmVUeXBlKHNpemUsIGFsaWduKTtcbiAgICByZXR1cm4gPEVtYmVkRXJyb3JQbGFjZWhvbGRlciB0eXBlPXtcImltYWdlXCJ9IGZpZ3VyZVR5cGU9e2ZpZ3VyZVR5cGV9IC8+O1xuICB9XG5cbiAgY29uc3QgeyBkYXRhLCBlbWJlZERhdGEgfSA9IGVtYmVkO1xuXG4gIGNvbnN0IGFsdFRleHQgPSBlbWJlZERhdGEuYWx0IHx8IFwiXCI7XG5cbiAgY29uc3QgZmlndXJlVHlwZSA9IGdldEZpZ3VyZVR5cGUoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG4gIGNvbnN0IHNpemVzID0gZ2V0U2l6ZXMoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG5cbiAgY29uc3QgZm9jYWxQb2ludCA9IGdldEZvY2FsUG9pbnQoZW1iZWREYXRhKTtcbiAgY29uc3QgY3JvcCA9IGdldENyb3AoZW1iZWREYXRhKTtcblxuICBjb25zdCBpc0NvcHlyaWdodGVkID0gZGF0YS5jb3B5cmlnaHQubGljZW5zZS5saWNlbnNlLnRvTG93ZXJDYXNlKCkgPT09IENPUFlSSUdIVEVEO1xuXG4gIGNvbnN0IHRvZ2dsZUltYWdlU2l6ZSA9ICgpID0+IHtcbiAgICBpZiAoIWltYWdlU2l6ZXMpIHtcbiAgICAgIHNldEltYWdlU2l6ZXMoZXhwYW5kZWRTaXplcyk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0RmxvYXRBdHRyKHt9KTtcbiAgICAgIH0sIDQwMCk7IC8vUmVtb3ZpbmcgdGhlIGZsb2F0IHBhcmFtZXRlciB0b28gcXVpY2tseSBjYXVzZXMgdGhlIGltYWdlIHRvIGJlIHJlc2l6ZWQgZnJvbSBsZWZ0IHJlZ2FyZGxlc3NcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SW1hZ2VTaXplcyh1bmRlZmluZWQpO1xuICAgICAgc2V0RmxvYXRBdHRyKHsgXCJkYXRhLWZsb2F0XCI6IGVtYmVkRGF0YS5hbGlnbiB9KTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIHR5cGU9e2ltYWdlU2l6ZXMgPyB1bmRlZmluZWQgOiBmaWd1cmVUeXBlfSB7Li4uZmxvYXRBdHRyfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbWFnZVxuICAgICAgICBmb2NhbFBvaW50PXtmb2NhbFBvaW50fVxuICAgICAgICBjb250ZW50VHlwZT17ZGF0YS5pbWFnZS5jb250ZW50VHlwZX1cbiAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgc2l6ZXM9e2ltYWdlU2l6ZXMgPz8gc2l6ZXN9XG4gICAgICAgIGFsdD17YWx0VGV4dH1cbiAgICAgICAgc3JjPXtkYXRhLmltYWdlLmltYWdlVXJsfVxuICAgICAgICBib3JkZXI9e2VtYmVkRGF0YS5ib3JkZXJ9XG4gICAgICAgIG9uRXhwYW5kPXtpc0FsaWduKGVtYmVkRGF0YS5hbGlnbikgPyB0b2dnbGVJbWFnZVNpemUgOiB1bmRlZmluZWR9XG4gICAgICAgIGV4cGFuZGVkPXshIWltYWdlU2l6ZXN9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgPEV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgZW1iZWREYXRhPXtlbWJlZERhdGF9XG4gICAgICAgICAgICBleHBhbmRlZD17ISFpbWFnZVNpemVzfVxuICAgICAgICAgICAgYWxpZ249e2VtYmVkRGF0YS5hbGlnbn1cbiAgICAgICAgICAgIGJ5bGluZUhpZGRlbj17aXNCeWxpbmVIaWRkZW59XG4gICAgICAgICAgICBvbkV4cGFuZD17dG9nZ2xlSW1hZ2VTaXplfVxuICAgICAgICAgICAgb25IaWRlQnlsaW5lPXsoKSA9PiBzZXRJc0J5bGluZUhpZGRlbigocCkgPT4gIXApfVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgICAgbGFuZz17bGFuZ31cbiAgICAgIC8+XG4gICAgICB7aXNCeWxpbmVIaWRkZW4gPyBudWxsIDogKFxuICAgICAgICA8RW1iZWRCeWxpbmVcbiAgICAgICAgICB0eXBlPVwiaW1hZ2VcIlxuICAgICAgICAgIGNvcHlyaWdodD17ZGF0YS5jb3B5cmlnaHR9XG4gICAgICAgICAgZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufVxuICAgICAgICAgIHZpc2libGVBbHQ9e3ByZXZpZXdBbHQgPyBlbWJlZC5lbWJlZERhdGEuYWx0IDogXCJcIn1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5jb25zdCBoaWRlQnlsaW5lID0gKGVtYmVkOiBJbWFnZUVtYmVkRGF0YSk6IGJvb2xlYW4gPT4ge1xuICByZXR1cm4gKCEhZW1iZWQuc2l6ZSAmJiBlbWJlZC5zaXplLmVuZHNXaXRoKFwiLWhpZGUtYnlsaW5lXCIpKSB8fCBlbWJlZC5oaWRlQnlsaW5lID09PSBcInRydWVcIjtcbn07XG5cbmludGVyZmFjZSBFeHBhbmRCdXR0b25Qcm9wcyB7XG4gIGVtYmVkRGF0YTogSW1hZ2VFbWJlZERhdGE7XG4gIGFsaWduPzogc3RyaW5nO1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgYnlsaW5lSGlkZGVuOiBib29sZWFuO1xuICBvbkV4cGFuZDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBvbkhpZGVCeWxpbmU6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn1cblxuY29uc3QgQnlsaW5lQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDE7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9MjA7XG4gIGJvcmRlcjogMDtcblxuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBoZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIGZpbGw6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHBhZGRpbmc6IDA7XG4gIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgaGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMud2hpdGV9O1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dDtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXNMYXJnZX07XG4gIHN2ZyB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNHMgZWFzZS1vdXQ7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmcubnNtYWxsfTtcbiAgICB3aWR0aDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IEV4cGFuZEJ1dHRvbiA9ICh7IGFsaWduLCBlbWJlZERhdGEsIGV4cGFuZGVkLCBieWxpbmVIaWRkZW4sIG9uRXhwYW5kLCBvbkhpZGVCeWxpbmUgfTogRXhwYW5kQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb20ke2V4cGFuZGVkID8gXCJPdXRcIiA6IFwiXCJ9SW1hZ2VCdXR0b25MYWJlbGApfVxuICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZH1cbiAgICAgICAgZGF0YS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIDxQbHVzIC8+XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICApO1xuICB9XG4gIGlmIChoaWRlQnlsaW5lKGVtYmVkRGF0YSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJ5bGluZUJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgZGF0YS1ieWxpbmUtYnV0dG9uPVwiXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLiR7YnlsaW5lSGlkZGVuID8gXCJleHBhbmRCeWxpbmVcIiA6IFwibWluaW1pemVCeWxpbmVcIn1gKX1cbiAgICAgICAgb25DbGljaz17b25IaWRlQnlsaW5lfVxuICAgICAgPlxuICAgICAgICB7YnlsaW5lSGlkZGVuID8gPENoZXZyb25Eb3duIC8+IDogPENoZXZyb25VcCAvPn1cbiAgICAgIDwvQnlsaW5lQnV0dG9uPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZUVtYmVkO1xuIl19 */"));
-const ExpandButton = _ref2 => {
-  let {
-    align,
-    embedData,
-    expanded,
-    bylineHidden,
-    onExpand,
-    onHideByline
-  } = _ref2;
-  const {
-    t
-  } = useTranslation();
-  if (isAlign(align)) {
-    return _jsx(StyledButton, {
-      type: "button",
-      "aria-label": t("license.images.itemImage.zoom".concat(expanded ? "Out" : "", "ImageButtonLabel")),
-      onClick: onExpand,
-      "data-expanded": expanded,
-      children: _jsx(Plus, {})
-    });
-  }
-  if (hideByline(embedData)) {
-    return _jsx(BylineButton, {
-      type: "button",
-      "data-byline-button": "",
-      "aria-label": t("license.images.itemImage.".concat(bylineHidden ? "expandByline" : "minimizeByline")),
-      onClick: onHideByline,
-      children: bylineHidden ? _jsx(ChevronDown, {}) : _jsx(ChevronUp, {})
-    });
-  }
-  return null;
-};
 export default ImageEmbed;

package/es/Embed/RelatedContentEmbed.js

@@ -29,29 +29,27 @@ const RelatedContentEmbed = _ref => {
     embedData
   } = embed;
   if (embedData.articleId && data) {
-    var _data$resource, _ref2, _data$resource$paths$, _data$resource2, _data$resource3, _data$article$title$t, _data$article$title, _data$article$metaDes, _data$article$metaDes2;
-    const typeId = (_data$resource = data.resource) === null || _data$resource === void 0 || (_data$resource = _data$resource.resourceTypes.find(rt => contentTypeMapping[rt.id])) === null || _data$resource === void 0 ? void 0 : _data$resource.id;
+    const typeId = data.resource?.resourceTypes.find(rt => contentTypeMapping[rt.id])?.id;
     const type = typeId ? contentTypeMapping[typeId] : undefined;
-    const path = (_ref2 = (_data$resource$paths$ = (_data$resource2 = data.resource) === null || _data$resource2 === void 0 ? void 0 : _data$resource2.paths.find(p => p.split("/")[1] === (subject === null || subject === void 0 ? void 0 : subject.replace("urn:", "")))) !== null && _data$resource$paths$ !== void 0 ? _data$resource$paths$ : (_data$resource3 = data.resource) === null || _data$resource3 === void 0 ? void 0 : _data$resource3.path) !== null && _ref2 !== void 0 ? _ref2 : "/article/".concat(embedData.articleId);
+    const path = data.resource?.paths.find(p => p.split("/")[1] === subject?.replace("urn:", "")) ?? data.resource?.path ?? `/article/${embedData.articleId}`;
     return _jsx(RelatedArticle, {
-      title: (_data$article$title$t = (_data$article$title = data.article.title) === null || _data$article$title === void 0 ? void 0 : _data$article$title.title) !== null && _data$article$title$t !== void 0 ? _data$article$title$t : "",
-      introduction: (_data$article$metaDes = (_data$article$metaDes2 = data.article.metaDescription) === null || _data$article$metaDes2 === void 0 ? void 0 : _data$article$metaDes2.metaDescription) !== null && _data$article$metaDes !== void 0 ? _data$article$metaDes : "",
+      title: data.article.title?.title ?? "",
+      introduction: data.article.metaDescription?.metaDescription ?? "",
       target: isOembed ? "_blank" : undefined,
-      to: "".concat(ndlaFrontendDomain !== null && ndlaFrontendDomain !== void 0 ? ndlaFrontendDomain : "").concat(path !== null && path !== void 0 ? path : ""),
+      to: `${ndlaFrontendDomain ?? ""}${path ?? ""}`,
       type: type
     });
   }
   if (typeof embedData.url === "string") {
-    var _embedData$title, _embedData$url$match;
     return _jsx(RelatedArticle, {
-      title: (_embedData$title = embedData.title) !== null && _embedData$title !== void 0 ? _embedData$title : "",
+      title: embedData.title ?? "",
       introduction: "",
       to: embedData.url,
       target: "_blank",
       type: "external",
-      linkInfo: "".concat(t("related.linkInfo"), " ").concat(
+      linkInfo: `${t("related.linkInfo")} ${
       // Get domain name only from url
-      punycode.toUnicode(((_embedData$url$match = embedData.url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n]+)/im)) === null || _embedData$url$match === void 0 ? void 0 : _embedData$url$match[1]) || embedData.url))
+      punycode.toUnicode(embedData.url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n]+)/im)?.[1] || embedData.url)}`
     });
   }
   return _jsx(_Fragment, {});

package/es/Embed/UuDisclaimerEmbed.js

@@ -49,8 +49,8 @@ const UuDisclaimerEmbed = _ref => {
     embedData,
     data
   } = embed;
-  const disclaimerLink = data !== null && data !== void 0 && data.disclaimerLink ? _jsxs(_Fragment, {
-    children: [" ".concat(t("uuDisclaimer.alternative"), " "), _jsx(SafeLink, {
+  const disclaimerLink = data?.disclaimerLink ? _jsxs(_Fragment, {
+    children: [` ${t("uuDisclaimer.alternative")} `, _jsx(SafeLink, {
       to: data.disclaimerLink.href,
       target: "_blank",
       rel: "noopener noreferrer",

package/es/Embed/conceptComponents.js

@@ -100,36 +100,36 @@ export const ConceptNotionV2 = /*#__PURE__*/forwardRef((_ref, ref) => {
         children: [showTitle && _jsxs("h1", {
           children: [isConcept && title.title, _jsx("small", {
             "data-is-concept": isConcept,
-            children: t("searchPage.resultType.".concat(conceptType))
+            children: t(`searchPage.resultType.${conceptType}`)
           })]
         }), _jsxs(ButtonWrapper, {
           children: [headerButtons, closeButton]
         })]
       }), isConcept ? _jsxs(_Fragment, {
         children: [_jsxs(StyledNotionDialogContent, {
-          children: [(visualElement === null || visualElement === void 0 ? void 0 : visualElement.resource) === "image" ? _jsx(ImageEmbed, {
+          children: [visualElement?.resource === "image" ? _jsx(ImageEmbed, {
             embed: visualElement,
             lang: lang
-          }) : (visualElement === null || visualElement === void 0 ? void 0 : visualElement.resource) === "brightcove" ? _jsx(BrightcoveEmbed, {
+          }) : visualElement?.resource === "brightcove" ? _jsx(BrightcoveEmbed, {
             embed: visualElement
-          }) : (visualElement === null || visualElement === void 0 ? void 0 : visualElement.resource) === "h5p" ? _jsx(H5pEmbed, {
+          }) : visualElement?.resource === "h5p" ? _jsx(H5pEmbed, {
             embed: visualElement
-          }) : (visualElement === null || visualElement === void 0 ? void 0 : visualElement.resource) === "iframe" ? _jsx(IframeEmbed, {
+          }) : visualElement?.resource === "iframe" ? _jsx(IframeEmbed, {
             embed: visualElement
-          }) : (visualElement === null || visualElement === void 0 ? void 0 : visualElement.resource) === "external" ? _jsx(ExternalEmbed, {
+          }) : visualElement?.resource === "external" ? _jsx(ExternalEmbed, {
             embed: visualElement
           }) : null, content && _jsx(NotionDialogText, {
             lang: lang,
             children: content
           })]
         }), tags && _jsxs(ListWrapper, {
-          children: ["".concat(t("notions.tags"), ":"), _jsx(StyledList, {
+          children: [`${t("notions.tags")}:`, _jsx(StyledList, {
             children: tags.map((tag, index) => _jsx("li", {
               children: tag
             }, index))
           })]
         }), subjects && _jsxs(ListWrapper, {
-          children: ["".concat(t("notions.usedIn"), ":"), _jsx(StyledList, {
+          children: [`${t("notions.usedIn")}:`, _jsx(StyledList, {
             children: subjects.map((subject, index) => _jsx("li", {
               children: subject
             }, index))
@@ -138,7 +138,7 @@ export const ConceptNotionV2 = /*#__PURE__*/forwardRef((_ref, ref) => {
       }) : _jsx(Gloss, {
         title: title,
         glossData: glossData,
-        audio: (visualElement === null || visualElement === void 0 ? void 0 : visualElement.status) === "success" && visualElement.resource === "audio" ? {
+        audio: visualElement?.status === "success" && visualElement.resource === "audio" ? {
           src: visualElement.data.audioFile.url,
           title: visualElement.data.title.title
         } : undefined,

package/es/ErrorMessage/ErrorMessage.js

@@ -55,7 +55,7 @@ export const ErrorMessage = _ref => {
     }), messages.linksTitle && _jsx("h2", {
       children: messages.linksTitle
     }), messages.back && _jsx(SafeLink, {
-      to: "/#".concat(encodeURI(messages.back)),
+      to: `/#${encodeURI(messages.back)}`,
       onClick: () => window.history.back(),
       children: messages.back
     }), messages.goToFrontPage && _jsx(MessageWrapper, {

package/es/FactBox/FactBox.js

@@ -62,7 +62,7 @@ const FactBox = /*#__PURE__*/forwardRef((_ref, ref) => {
   const onClick = useCallback(() => {
     const newOpen = !isOpen;
     setIsOpen(newOpen);
-    onOpenChange === null || onOpenChange === void 0 || onOpenChange(newOpen);
+    onOpenChange?.(newOpen);
   }, [isOpen, onOpenChange]);
   return _jsxs(StyledAside, {
     ...rest,
@@ -73,7 +73,7 @@ const FactBox = /*#__PURE__*/forwardRef((_ref, ref) => {
       children: children
     }), _jsx(StyledIconButton, {
       onClick: onClick,
-      "aria-label": t("factbox.".concat(isOpen ? "close" : "open")),
+      "aria-label": t(`factbox.${isOpen ? "close" : "open"}`),
       children: isOpen ? _jsx(ChevronUp, {}) : _jsx(ChevronDown, {})
     })]
   });

package/es/FileList/File.js

@@ -27,7 +27,7 @@ const File = _ref => {
   const {
     t
   } = useTranslation();
-  const tooltip = "".concat(t("download"), " ").concat(url.split("/").pop());
+  const tooltip = `${t("download")} ${url.split("/").pop()}`;
   return _jsx(StyledFileItem, {
     children: _jsx(Format, {
       format: {

package/es/FileList/Format.js

@@ -64,14 +64,14 @@ const Format = _ref => {
     isPrimary,
     isDeadLink
   } = _ref;
-  const titleWithFormat = "".concat(title, " (").concat(format.fileType.toUpperCase(), ")");
+  const titleWithFormat = `${title} (${format.fileType.toUpperCase()})`;
   if (isDeadLink) {
     return _jsxs(StyledDeadLinkWrapper, {
       children: [_jsx(StyledDownload, {}), _jsx(StyledDeadLinkText, {
         element: "span",
         textStyle: "label-small",
         margin: "none",
-        children: isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")
+        children: isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`
       })]
     }, format.url);
   }
@@ -85,7 +85,7 @@ const Format = _ref => {
         element: "span",
         textStyle: "label-small",
         margin: "none",
-        children: isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")
+        children: isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`
       })
     })]
   }, format.url);