@meduza/ui-kit-2 0.1.13 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/ui-kit-2.cjs.development.js +64 -20
  2. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  3. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  4. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  5. package/dist/ui-kit-2.esm.js +65 -21
  6. package/dist/ui-kit-2.esm.js.map +1 -1
  7. package/dist/ui-kit.css +196 -186
  8. package/package.json +1 -1
  9. package/src/DocumentItemsCount/DocumentItemsCount.stories.tsx +4 -6
  10. package/src/DotsOnImage/DotsOnImage.module.css +35 -50
  11. package/src/DotsOnImage/index.tsx +88 -41
  12. package/src/QuoteBlock/QuoteBlock.module.css +1 -1
package/dist/ui-kit-2.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ui-kit-2.cjs.production.min.js","sources":["../src/utils/makeClassName.ts","../src/Button/loader.tsx","../src/Button/index.tsx","../src/SvgSymbol/icons.ts","../src/SvgSymbol/index.tsx","../src/utils/BlockContext.ts","../src/utils/viewportSize.ts","../src/utils/postMessage.ts","../src/constants.ts","../src/Lazy/index.tsx","../src/Image/RenderPicture.tsx","../src/utils/toCamel.ts","../src/Image/index.tsx","../src/Popover/index.tsx","../src/Footnote/index.tsx","../src/DotsOnImage/index.tsx","../src/utils/makeStyleContext.ts","../src/Tag/index.tsx","../src/MediaCaption/index.tsx","../src/Table/index.tsx","../src/MaterialNote/index.tsx","../src/BookmarkButton/index.tsx","../src/Meta/index.tsx","../src/Timestamp/index.tsx","../src/utils/DangerousHtml.tsx","../src/EmbedBlock/EmbedGif.tsx","../src/EmbedBlock/EmbedBlock.tsx","../src/EmbedBlock/IframeBlock.tsx","../src/EmbedBlock/index.tsx","../src/QuoteBlock/index.tsx","../src/CardTitle/index.tsx","../src/ChapterBlock/index.tsx","../src/SimpleTitle/index.tsx","../src/RichTitle/index.tsx","../src/SimpleBlock/index.tsx","../src/ListBlock/index.tsx","../src/RelatedBlock/index.tsx","../src/SourceBlock/index.tsx","../src/GroupedBlock/index.tsx","../src/MetaItem/index.tsx","../src/MetaItemLive/index.tsx","../src/DocumentItemsCount/index.tsx","../src/utils/pluralize.ts","../src/Meta/MetaContainer.tsx","../src/RenderBlocks/index.tsx","../src/Cover/index.tsx","../src/utils/generateGradient.ts","../src/HalfBlock/index.tsx","../src/ImportantLead/index.tsx","../src/Spoiler/index.tsx","../src/Dropdown/index.tsx","../src/MaterialTitle/index.tsx","../src/RawHtmlBlock/index.tsx","../src/Switcher/index.tsx","../src/Toolbar/index.tsx","../src/ToolbarButton/index.tsx"],"sourcesContent":["export type ClassNames = (string[] | string | boolean)[][]\n\nexport const makeClassName = (list: ClassNames): string => {\n return list\n .filter(([, active]) => active)\n .map(([className]) => className)\n .join(' ')\n}\n\nexport default makeClassName\n","import React from 'react'\n\nconst Loader: React.FC = () => (\n <svg\n width=\"30px\"\n height=\"30px\"\n viewBox=\"0 0 30 30\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g>\n <path\n d=\"M15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15zm0 2c7.18 0 13 5.82 13 13s-5.82 13-13 13S2 22.18 2 15 7.82 2 15 2z\"\n opacity=\"0.3\"\n />\n </g>\n <g fillRule=\"evenodd\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 15 15\"\n to=\"360 15 15\"\n dur=\"1000ms\"\n repeatCount=\"indefinite\"\n />\n <path d=\"M15 0c8.18 0 14.83 6.547 14.997 14.686L30 15h-2c0-7.077-5.655-12.833-12.693-12.996L15 2V0z\" />\n </g>\n </svg>\n)\n\nexport default Loader\n","import React, { FC } from 'react'\nimport { makeClassName } from '../utils/makeClassName'\nimport Loader from './loader'\nimport { ButtonProps } from './Button.types'\n\nimport styles from './Button.module.css'\n\nexport const Button: FC<ButtonProps> = ({\n theme = 'gold',\n size = 'default',\n state = 'isDefault',\n styleContext = 'isInToolbar',\n disabled = false,\n onClick,\n children\n}) => {\n const handleClick = (): void => {\n if (disabled || !onClick) {\n return\n }\n\n onClick()\n }\n\n return (\n <button\n data-testid=\"button\"\n className={makeClassName([\n [styles.root, true],\n [styles[size], !!size],\n [styles[theme], !!theme],\n [styles[state], !!state && !!styles[state]],\n [styles[styleContext], !!styleContext]\n ])}\n disabled={disabled}\n onClick={handleClick}\n type=\"button\"\n >\n {state === 'isLoading' ? (\n <span className={styles.loader}>\n <Loader />\n </span>\n ) : (\n children\n )}\n </button>\n )\n}\n","export const icons = {\n meduzaLogo: {\n width: 544,\n height: 115,\n content:\n '<path d=\"M59.1008614,49.65632 L59.1008614,106.01472 L84.9480411,114.24 L84.9480411,49.65632 L101.574882,49.65632 L101.574882,106.01472 L127.270909,114.24 L144.048902,91.392 L127.422062,91.392 L127.422062,35.7952 L101.726035,26.80832 L84.9480411,46.60992 L84.9480411,35.7952 L59.2520145,26.80832 L42.4740206,46.60992 L42.4740206,35.7952 L16.7779939,26.80832 L0,49.65632 L16.6268408,49.65632 L16.6268408,106.01472 L42.4740206,114.24 L42.4740206,49.65632 L59.1008614,49.65632 L59.1008614,49.65632 Z M336.61795,91.392 L336.61795,35.0336 L310.770769,26.80832 L310.770769,105.25312 L336.466796,114.24 L353.24479,94.4384 L353.24479,105.25312 L378.940817,114.24 L395.71881,91.392 L379.091969,91.392 L379.091969,35.0336 L353.24479,26.80832 L353.24479,91.392 L336.61795,91.392 L336.61795,91.392 Z M527.373159,38.08 L502.130592,26.80832 L472.202278,41.1264 L502.130592,52.39808 L461.016949,72.352 L461.016949,104.94848 L486.86413,114.24 L502.130592,94.28608 L502.130592,105.25312 L527.977771,114.24 L544,91.23968 L527.373159,91.23968 L527.373159,38.08 L527.373159,38.08 Z M177.453737,114.24 L207.079744,102.35904 L177.453737,91.23968 L177.453737,75.24608 L216.300083,56.3584 L194.231731,26.80832 L151.606557,47.37152 L151.606557,103.12064 L177.453737,114.24 L177.453737,114.24 Z M455.424284,89.56416 L423.984441,79.968 L453.459295,42.19264 L416.577937,26.80832 L397.230341,51.48416 L428.821339,61.23264 L398.741873,98.85568 L436.076687,114.24 L455.424284,89.56416 L455.424284,89.56416 Z M486.86413,91.392 L486.86413,68.84864 L502.130592,61.53728 L502.130592,91.392 L486.86413,91.392 L486.86413,91.392 Z M177.453737,41.58336 L190.452904,59.55712 L177.453737,65.80224 L177.453737,41.58336 L177.453737,41.58336 Z M222.95082,103.12064 L248.797999,114.24 L291.27202,97.18016 L291.27202,29.7024 L222.95082,0 L222.95082,26.30784 L265.424841,43.21536 L265.424841,97.33248 L248.797999,91.23968 L248.797999,43.71584 L222.95082,51.94112 L222.95082,103.12064 L222.95082,103.12064 Z\" />'\n },\n\n menu: {\n width: 24,\n height: 24,\n content:\n '<path d=\"M2 21h20M2 12h20M2 3h20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" vector-effect=\"non-scaling-stroke\" />'\n },\n\n fb: {\n width: 16,\n height: 18,\n content:\n '<path d=\"M15.117 1H.883A.883.883 0 0 0 0 1.883v14.234A.883.883 0 0 0 .883 17h7.663v-6.196H6.461V8.389h2.085V6.61a2.91 2.91 0 0 1 3.106-3.192c.622-.003 1.244.03 1.863.095v2.16h-1.279c-1.002 0-1.196.476-1.196 1.176v1.541h2.39l-.31 2.415h-2.08V17h4.077a.883.883 0 0 0 .883-.883V1.883A.883.883 0 0 0 15.117 1\" />'\n },\n\n tw: {\n width: 20,\n height: 18,\n content:\n '<path d=\"M20 3.1c-.7.3-1.5.6-2.4.7.8-.5 1.5-1.4 1.8-2.4-.8.5-1.7.8-2.6 1-.7-.8-1.8-1.4-3-1.4-2.3 0-4.1 1.9-4.1 4.3 0 .3 0 .7.1 1-3.3-.1-6.4-1.8-8.4-4.4-.3.6-.5 1.4-.5 2.2 0 1.5.7 2.8 1.8 3.6-.7 0-1.3-.2-1.9-.5v.1c0 2.1 1.4 3.8 3.3 4.2-.3.1-.7.2-1.1.2-.3 0-.5 0-.8-.1.5 1.7 2 2.9 3.8 3-1.3 1-3.1 1.6-5 1.6-.3 0-.7 0-1-.1C1.8 17.3 4 18 6.3 18 13.8 18 18 11.5 18 5.8v-.6c.8-.5 1.5-1.2 2-2.1\" fill-rule=\"nonzero\"/>'\n },\n\n vk: {\n width: 20,\n height: 18,\n content:\n '<path d=\"M16.517 9.851s2.587-3.768 2.886-5.058c.1-.396-.1-.694-.498-.694h-2.288c-.498 0-.697.199-.896.595 0 0-1.194 2.678-2.686 4.364-.498.496-.697.694-.995.694-.2 0-.299-.198-.299-.694V4.793c0-.595-.1-.793-.597-.793H7.463c-.2 0-.398.198-.398.397 0 .595.796.694.796 2.28v3.174c0 .595 0 .893-.299.893-.796 0-2.686-2.777-3.681-5.851-.2-.595-.398-.794-.995-.794H.597C.299 4.1 0 4.298 0 4.694c0 .595.697 3.471 3.483 7.34C5.373 14.611 7.86 16 10.05 16c1.393 0 1.691-.198 1.691-.793v-1.984c0-.496.2-.694.498-.694s.895.1 2.189 1.388C15.92 15.405 16.02 16 16.915 16h2.587c.299 0 .498-.1.498-.595 0-.595-.796-1.587-1.89-2.876-.498-.595-1.195-1.29-1.493-1.686-.398-.397-.299-.595-.1-.992\" fill-rule=\"nonzero\"/>'\n },\n\n ok: {\n width: 9,\n height: 18,\n content:\n '<path d=\"M4.5 2c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4m0 5.7c-.9 0-1.6-.8-1.6-1.7 0-.9.7-1.6 1.6-1.6.9 0 1.7.7 1.7 1.7 0 .8-.8 1.6-1.7 1.6\" fill-rule=\"nonzero\"/> <path d=\"M6.127 12.982a9.194 9.194 0 0 0 2.307-.904c.602-.301.703-1.004.402-1.507-.301-.502-1.104-.703-1.605-.401-1.605 1.004-3.812 1.004-5.417 0-.502-.302-1.304-.201-1.605.3-.401.604-.2 1.206.401 1.608a9.194 9.194 0 0 0 2.307.904L.61 15.092c-.502.401-.502 1.104 0 1.607a1.357 1.357 0 0 0 1.705 0l2.207-2.11L6.73 16.7a1.357 1.357 0 0 0 1.705 0c.502-.402.502-1.105 0-1.608l-2.307-2.109\" fill-rule=\"nonzero\"/>'\n },\n\n tg: {\n width: 18,\n height: 18,\n content:\n '<path d=\"M9 18c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm-1.5-7.4c1.1 1 2 3.3 2 3.3.4.2.7.1.8-.4l2.1-7.4c.1-.6-.2-.8-.6-.7L4 8.3c-.6.2-.6.5-.1.7 0 .1 2.4.6 3.6 1.6z\" fill-rule=\"nonzero\"/>'\n },\n\n meduzaSymbol: {\n width: 24,\n height: 18,\n content:\n '<path d=\"M10.026233,17.0968697 L13.9737671,18.3530831 L13.9737671,10.9855851 L13.9737671,8.48948164 L16.5131165,8.48948164 L16.5131165,17.0968697 L20.4375656,18.3530831 L23,14.8636014 L20.4606507,14.8636014 L20.4606507,6.37252945 L16.5362015,5 L13.9737671,8.02421743 L13.9737671,6.37252945 L10.049318,5 L7.48688354,8.02421743 L7.48688354,6.37252945 L3.56243443,5 L1,8.48948164 L3.53934943,8.48948164 L3.53934943,17.0968697 L7.48688354,18.3530831 L7.48688354,8.48948164 L10.026233,8.48948164 L10.026233,17.0968697 Z\" />'\n },\n\n backward: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M13 0v2.01c6.672.263 12 5.754 12 12.49C25 21.404 19.404 27 12.5 27S0 21.404 0 14.5c0-3.493 1.441-6.758 3.936-9.105a.75.75 0 111.028 1.092A10.965 10.965 0 001.5 14.5c0 6.075 4.925 11 11 11s11-4.925 11-11c0-5.907-4.656-10.727-10.499-10.989L13 6 8 3l5-3zm3.295 11.33v1.25h-3.16v1.63c.32-.32.86-.56 1.47-.56 1.13 0 2.14.81 2.14 2.16 0 1.42-1.06 2.31-2.67 2.31-1.16 0-2-.38-2.57-1l.79-.99c.45.47 1.07.73 1.77.73.79 0 1.24-.45 1.24-.99 0-.59-.44-.99-1.2-.99-.55 0-1 .16-1.4.54l-.99-.26v-3.83h4.58zm-5.94 0V18h-1.42v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24z\" fill-rule=\"nonzero\"/>'\n },\n\n forward: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M12 0l5 3-5 3V3.511C6.157 3.773 1.5 8.592 1.5 14.5c0 6.075 4.925 11 11 11s11-4.925 11-11c0-3.075-1.267-5.946-3.464-8.013a.75.75 0 011.028-1.092A12.465 12.465 0 0125 14.5C25 21.404 19.404 27 12.5 27S0 21.404 0 14.5C0 7.764 5.328 2.272 12 2.01V0zm4.295 11.33v1.25h-3.16v1.63c.32-.32.86-.56 1.47-.56 1.13 0 2.14.81 2.14 2.16 0 1.42-1.06 2.31-2.67 2.31-1.16 0-2-.38-2.57-1l.79-.99c.45.47 1.07.73 1.77.73.79 0 1.24-.45 1.24-.99 0-.59-.44-.99-1.2-.99-.55 0-1 .16-1.4.54l-.99-.26v-3.83h4.58zm-5.94 0V18h-1.42v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24z\" fill-rule=\"nonzero\"/>'\n },\n\n download: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M12.5 2C19.404 2 25 7.596 25 14.5S19.404 27 12.5 27 0 21.404 0 14.5 5.596 2 12.5 2zm0 1.5c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11-4.925-11-11-11zm6 15.75a.75.75 0 01.102 1.493l-.102.007h-12a.75.75 0 01-.102-1.493l.102-.007h12zm-6-12a.75.75 0 01.743.648L13.25 8v7.598l1.834-1.222a.75.75 0 11.832 1.248l-3 2a.75.75 0 01-.832 0l-3-2a.75.75 0 11.832-1.248l1.834 1.223V8a.75.75 0 01.648-.743l.102-.007z\" fill-rule=\"nonzero\" fill=\"currentColor\" />'\n },\n\n play: {\n width: 62,\n height: 62,\n content:\n '<path d=\"M24.35 41.772a.5.5 0 0 1-.739-.439V20.667a.5.5 0 0 1 .74-.44l18.944 10.334a.5.5 0 0 1 0 .878L24.351 41.772z\" fill-rule=\"nonzero\"/>'\n },\n\n pause: {\n width: 22,\n height: 22,\n content:\n '<path d=\"M12.832 4h2.8c.276 0 .5.224.5.5v12.394c0 .277-.224.5-.5.5h-2.8c-.276 0-.5-.223-.5-.5V4.5c0-.276.224-.5.5-.5zM6.5 4h2.8c.277 0 .5.224.5.5v12.394c0 .277-.223.5-.5.5H6.5c-.276 0-.5-.223-.5-.5V4.5c0-.276.224-.5.5-.5z\" />'\n },\n\n speedHalf: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M7.212 15.198V12.29l-.676.724L6 12.406 7.35 11h.825v4.198h-.963zM8.056 18H7.3l4.23-7h.765l-4.24 7zm2.99 0v-.735c1.717-1.27 2.134-1.679 2.134-2.14 0-.389-.288-.578-.665-.578-.467 0-.884.263-1.083.525l-.496-.64c.417-.493 1.053-.693 1.599-.693.913 0 1.599.462 1.599 1.312 0 .682-.556 1.28-1.708 2.14h1.737V18h-3.118zm5.998-2.918l-1.39 1.48-.567-.577 1.4-1.49-1.4-1.48.566-.588 1.39 1.49 1.4-1.49.557.588-1.4 1.48 1.4 1.49-.556.577-1.4-1.48z\" /><path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" />'\n },\n\n speedOne: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M9.955 18v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24V18h-1.42zm4.6-2.78l-1.4 1.41-.57-.55 1.41-1.42-1.41-1.41.57-.56 1.4 1.42 1.41-1.42.56.56-1.41 1.41 1.41 1.42-.56.55-1.41-1.41z\" fill-rule=\"nonzero\"/><path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" fill-rule=\"nonzero\"/>'\n },\n\n speedOneHalf: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M5.62 18v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24V18H5.62zm3.37-2.67v-2.77l-.68.69-.54-.58 1.36-1.34h.83v4h-.97zM9.84 18h-.76l4.26-6.67h.77L9.84 18zm3.01 0v-.7c1.73-1.21 2.15-1.6 2.15-2.04 0-.37-.29-.55-.67-.55-.47 0-.89.25-1.09.5l-.5-.61c.42-.47 1.06-.66 1.61-.66.92 0 1.61.44 1.61 1.25 0 .65-.56 1.22-1.72 2.04h1.75V18h-3.14zm6.04-2.78l-1.4 1.41-.57-.55 1.41-1.42-1.41-1.41.57-.56 1.4 1.42 1.41-1.42.56.56-1.41 1.41 1.41 1.42-.56.55-1.41-1.41z\" fill-rule=\"nonzero\"/><path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" fill-rule=\"nonzero\"/>'\n },\n\n speedTwo: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M7.147 18v-1.158c2.685-2.078 3.471-2.792 3.471-3.64 0-.6-.52-.9-1.061-.9-.748 0-1.318.311-1.76.797L7 12.127C7.64 11.352 8.613 11 9.527 11c1.396 0 2.507.827 2.507 2.202 0 1.18-.924 2.203-2.625 3.506h2.675V18H7.147zm7.916-2.874l-1.377 1.457-.56-.568 1.386-1.468-1.386-1.458.56-.58 1.377 1.469 1.386-1.468.551.579-1.386 1.458L17 16.015l-.55.568-1.387-1.457z\" fill-rule=\"nonzero\"/><path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" fill-rule=\"nonzero\"/>'\n },\n\n podcastBookmark: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" /> <path d=\"M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75zm-.75 1.499v9.176l-3.3-2.8-.098-.07a.75.75 0 00-.873.07l-3.3 2.799V9.749h7.571z\" data-stroke=\"true\" /> <path d=\"M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75z\" data-fill=\"true\" />'\n },\n\n reaction: {\n width: 16,\n height: 16,\n content:\n '<path data-theme=\"light\" fill=\"#D09959\" d=\"M1 2h14v12H1z\"/> <path d=\"M0 1.778C0 .8.8 0 1.778 0h12.444C15.2 0 16 .8 16 1.778v12.444C16 15.2 15.2 16 14.222 16H1.778C.8 16 0 15.2 0 14.222V1.778zM6.8 11.7l2.5.8V6.2h1.6v5.5l2.5.8 1.6-2.3h-1.6V4.8L10.9 4 9.3 5.9V4.8L6.8 4 5.1 5.9V4.8L2.6 4 1 6.2h1.6v5.5l2.5.8V6.2h1.7v5.5z\" />'\n },\n\n cross: {\n width: 18,\n height: 18,\n content:\n '<path fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" vector-effect=\"non-scaling-stroke\" d=\"M2 2l14 14M16 2L2 16\" />'\n },\n\n link: {\n width: 24,\n height: 24,\n content:\n '<path d=\"M9.158 18.928c-1.065 0-2.13-.405-2.94-1.215-1.624-1.623-1.624-4.262 0-5.884l.643-.645c.327-.326.854-.326 1.18 0 .325.326.325.853 0 1.178l-.645.645c-.972.972-.972 2.554 0 3.526.973.972 2.554.973 3.526 0l2.842-2.84c.97-.972.97-2.555 0-3.527-.325-.325-.325-.854 0-1.18.325-.324.853-.324 1.178 0 1.623 1.625 1.623 4.264 0 5.885l-2.84 2.84c-.81.81-1.877 1.216-2.942 1.216\" /> <path d=\"M10.578 14.184c-.213 0-.426-.082-.59-.244-.784-.785-1.217-1.83-1.217-2.94 0-1.113.433-2.158 1.22-2.944l2.84-2.84c1.622-1.62 4.26-1.62 5.883 0 1.622 1.623 1.622 4.262 0 5.883l-.645.643c-.325.326-.852.326-1.178 0-.325-.325-.325-.852 0-1.178l.645-.644c.972-.97.972-2.554 0-3.526s-2.556-.972-3.527 0l-2.84 2.842c-.47.47-.73 1.096-.73 1.762 0 .667.26 1.293.73 1.763.325.327.325.854 0 1.18-.163.162-.376.244-.59.244\" />'\n },\n\n search: {\n width: 16,\n height: 16,\n content:\n '<g transform=\"translate(2 1)\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" vector-effect=\"non-scaling-stroke\"><circle cx=\"5.5\" cy=\"5.5\" r=\"5.5\"/><path d=\"M11.37 13.442l-.995-1.272\"/></g>'\n },\n\n card: {\n width: 15,\n height: 15,\n content:\n '<path d=\"M9 5.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h5zm-.5 1h-4v4h4v-4zm2.5-3a.5.5 0 0 1 .5.5v5a.5.5 0 1 1-1 0V4.5H6a.5.5 0 0 1 0-1h5z\" fill-rule=\"nonzero\"/>'\n },\n\n podcast: {\n width: 15,\n height: 15,\n content:\n '<path d=\"M5.252 11.432A.5.5 0 0 1 4.5 11V4a.5.5 0 0 1 .752-.432l6 3.5a.5.5 0 0 1 0 .864l-6 3.5zm.248-1.303L10.008 7.5 5.5 4.87v5.26z\" fill-rule=\"nonzero\" />'\n },\n\n arrow: {\n width: 12,\n height: 12,\n content:\n '<path d=\"M3 7l3 3.5L9 7M6 10V1\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.2\" vector-effect=\"non-scaling-stroke\" />'\n },\n\n brent: {\n width: 9,\n height: 12,\n content:\n '<g fill=\"#999\" fill-rule=\"nonzero\"><path d=\"M4.332 0l.528.606c2.528 2.902 3.804 5.07 3.804 6.634A4.332 4.332 0 110 7.24C0 5.676 1.276 3.508 3.804.606L4.332 0zm0 2.143l-.176.212C2.313 4.589 1.4 6.248 1.4 7.24a2.932 2.932 0 105.864 0c0-.992-.914-2.651-2.756-4.885l-.176-.212z\"/><path d=\"M2.973 7.475c0 .415.417.863.835.924l.097.008v.7c-.79 0-1.548-.716-1.626-1.5l-.006-.132h.7z\"/></g> '\n },\n\n user: {\n width: 16,\n height: 16,\n content:\n '<path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M8 1a4.25 4.25 0 012.676 7.552 6.751 6.751 0 014.074 6.198.75.75 0 11-1.5 0 5.25 5.25 0 00-10.5 0 .75.75 0 11-1.5 0 6.752 6.752 0 014.074-6.199A4.25 4.25 0 018 1zm0 1.5A2.75 2.75 0 108 8a2.75 2.75 0 000-5.5z\" />'\n },\n\n bookmark: {\n width: 17,\n height: 21,\n content:\n '<path d=\"M16 20l-7.5-6.333L1 20V1h15z\" stroke=\"currentColor\" fill-rule=\"evenodd\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>'\n },\n\n receipt: {\n width: 10,\n height: 13,\n content:\n '<g fill=\"currentColor\" fill-rule=\"nonzero\"><path d=\"M10 0H0v13l2-1.74 1.5 1.305L5 11.26l1.5 1.305L8 11.26 10 13V0zM9 .997v9.81l-1-.87-1.5 1.304L5 9.937 3.5 11.24 2 9.937l-1 .87V.996h8z\"/><path d=\"M7 3v1H3V3zM7 6v1H3V6z\"/></g>'\n },\n\n read: {\n width: 15,\n height: 15,\n content:\n '<g fill=\"none\" fill-rule=\"evenodd\"><path opacity=\".98\" d=\"M0 0h15v15H0z\"/><path d=\"M13.085 1.694a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z\" fill=\"#6EAC65\" fill-rule=\"nonzero\"/><path d=\"M6.454 12.997l-.06-.01-.078-.023a.49.49 0 01-.266-.24l.011.015a2.349 2.349 0 00-.535-.607c-.89-.745-2.117-.917-3.813-.12a.5.5 0 01-.706-.37L1 11.558V4.568a.5.5 0 01.287-.453c2.053-.963 3.695-.733 4.88.26.327.272.556.548.698.77l.084.144.018.04.022.076.01.071L7 11.233l.126-.09c.95-.656 2.16-.857 3.608-.417l.266.087v-2.81a.5.5 0 01.41-.491l.09-.008a.5.5 0 01.492.41l.008.09v3.555a.5.5 0 01-.713.452c-1.696-.796-2.922-.624-3.813.12a2.533 2.533 0 00-.497.544l-.038.064a.486.486 0 01-.485.258zm-4.29-8.17L2 4.892v5.92c1.637-.572 2.977-.348 4 .42l.002-5.58a2.605 2.605 0 00-.476-.513c-.81-.677-1.897-.88-3.362-.314z\" fill=\"currentColor\" fill-rule=\"nonzero\"/></g>'\n },\n listened: {\n width: 15,\n height: 15,\n content:\n '<g fill-rule=\"nonzero\"><path d=\"M4.978 4.354a.5.5 0 01-.332.624c-1.197.367-2.064 1.527-2.14 2.897l-.005.167a.749.749 0 01.999.708v3a.75.75 0 01-1.458.248L2 12a1 1 0 01-1-1v-1a1 1 0 01.5-.866V8.072c0-1.886 1.172-3.535 2.854-4.05a.5.5 0 01.624.332zM10 7a.5.5 0 01.492.41l.008.09.001 1.634a1 1 0 01.492.745L11 10v1a1 1 0 01-.883.993L10 12l-.042-.002a.75.75 0 01-1.451-.146L8.5 11.75v-3a.75.75 0 011.001-.707L9.5 7.5l.008-.09A.5.5 0 0110 7z\" fill=\"currentColor\" /><path d=\"M11.585 1.194a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z\" fill=\"#6EAC65\" /></g>'\n }\n}\n","import React from 'react'\nimport { SvgSymbolProps } from './SvgSymbol.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport { icons } from './icons'\n\nimport styles from './SvgSymbol.module.css'\n\nexport const SvgSymbol: React.FC<SvgSymbolProps> = ({\n icon,\n size,\n styleContext\n}) => {\n const data = icons[icon]\n\n return (\n <svg\n data-testid=\"svg-symbol\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n className={makeClassName([\n [styles.root, true],\n [styles[size], !!styles[size]],\n [styles[icon], !!styles[icon]],\n [styles[styleContext], !!styles[styleContext]]\n ])}\n width={data.width}\n height={data.height}\n viewBox={`0 0 ${data.width} ${data.height}`}\n dangerouslySetInnerHTML={{ __html: data.content }}\n />\n )\n}\n","import React from 'react'\n\nconst BlockContext = React.createContext({ lightBox: null })\n\nexport const BlockProvider = BlockContext.Provider\n\nexport default BlockContext\n","type viewportSize = {\n width: number\n height: number\n}\n\nexport default (): viewportSize => ({\n width:\n window.innerWidth ||\n document.documentElement.clientWidth ||\n document.body.clientWidth,\n height:\n window.innerHeight ||\n document.documentElement.clientHeight ||\n document.body.clientHeight\n})\n","const POST_MESSAGE_PREFIX = 'mdzKitMsg'\n\nconst postMessage = (element: string, action: string): void => {\n const target = window.top\n\n const msg = `${POST_MESSAGE_PREFIX}=${JSON.stringify({\n element,\n action\n })}`\n\n if (typeof target !== 'undefined') {\n target.postMessage(msg, '*')\n }\n}\n\nexport default postMessage\n","export const MediaQuerySizes = {\n MOBILE: 512,\n PORTRAIT_TABLET: 768,\n LANDSCAPE_TABLET: 1024,\n DESKTOP: 1010,\n WIDE_DESKTOP: 1200\n}\n\nexport const imageBreakpoints = {\n 325: '(min-width: 0)',\n 520: '(min-width: 325px)',\n 600: '(min-width: 600px)',\n 650: '(min-width: 650px)',\n 980: '(min-width: 1000px)',\n 1335: '(min-width: 1000px)'\n}\n\nexport const imageConditionalKeys = {\n xs: [325],\n superFull: [1335, 650, 520, 325],\n full: [980, 650, 520, 325],\n default: [650, 520, 325],\n narrow: [600, 325]\n}\n","import React, { useState, useEffect } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport { makeClassName } from '../utils/makeClassName'\nimport { LazyProps } from './Lazy.types'\n\nimport styles from './Lazy.module.css'\n\nexport const Lazy: React.FC<LazyProps> = ({ children, threshold }) => {\n const [ref, inView, entry] = useInView({\n threshold: threshold || 0\n })\n\n const [visible, setVisible] = useState(false)\n\n useEffect(() => {\n if (entry && entry.boundingClientRect && entry.boundingClientRect.y < 0) {\n setVisible(true)\n }\n }, [entry])\n\n useEffect(() => {\n if (inView) {\n setVisible(true)\n }\n }, [inView])\n\n return (\n <div\n className={makeClassName([\n [styles.root, true],\n [styles.visible, visible]\n ])}\n ref={ref}\n data-testid=\"lazy\"\n >\n {visible && children}\n </div>\n )\n}\n","import React, { useState, useEffect } from 'react'\nimport { PictureProps } from './Image.types'\nimport { imageBreakpoints, imageConditionalKeys } from '../constants'\nimport { toCamel } from '../utils/toCamel'\n\nexport const RenderPicture: React.FC<PictureProps> = ({\n source,\n fallbackSource,\n optimized,\n alt,\n display\n}) => {\n const [fallback, setFallback] = useState(false)\n\n useEffect(() => {\n setFallback(!window.HTMLPictureElement)\n }, [])\n\n const keys =\n imageConditionalKeys[toCamel(display)] || imageConditionalKeys.default\n\n return (\n <picture>\n {source && (\n <source media=\"(min-width: 325px)\" srcSet={`${source[1]} 2x`} />\n )}\n\n {optimized && !optimized.w325 && (\n <source media=\"(min-width: 0)\" srcSet={`${optimized.original}`} />\n )}\n\n {optimized &&\n keys.map((key) => {\n const breakpoint = optimized[`w${key}`]\n\n if (!breakpoint) {\n return null\n }\n\n return (\n <React.Fragment key={key}>\n <source\n type=\"image/webp\"\n media={imageBreakpoints[key]}\n srcSet={`${breakpoint['2x_webp']} 2x, ${breakpoint['1x_webp']} 1x `}\n />\n\n <source\n type=\"image/png\"\n media={imageBreakpoints[key]}\n srcSet={`${breakpoint['2x']} 2x, ${breakpoint['1x']} 1x `}\n />\n </React.Fragment>\n )\n })}\n\n <img\n src={\n fallback\n ? fallbackSource\n : 'data:image/gif;base64,R0lGODlhAQABAPAAAPLy8gAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='\n }\n alt={alt}\n />\n </picture>\n )\n}\n\nexport default RenderPicture\n","export const toCamel = (s: string): string =>\n s.replace(/([_][a-z])/gi, (str) => str.toUpperCase().replace('_', ''))\n","import React, { useContext } from 'react'\nimport { ImageProps } from './Image.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport BlockContext from '../utils/BlockContext'\nimport viewportSize from '../utils/viewportSize'\nimport postMessage from '../utils/postMessage'\nimport { MediaQuerySizes } from '../constants'\nimport { Lazy } from '../Lazy'\nimport RenderPicture from './RenderPicture'\n\nimport styles from './Image.module.css'\n\nexport const Image: React.FC<ImageProps> = ({\n alt,\n display,\n optimized,\n width,\n height,\n source,\n lazy,\n fullscreen,\n ratio\n}) => {\n const { lightBox } = useContext(BlockContext)\n\n const handleClick = (): void => {\n if (!fullscreen || !lightBox || (optimized && !optimized.original)) {\n return\n }\n\n const { width: viewportWidth } = viewportSize()\n\n const disableFullscreenDesktop =\n viewportWidth >= MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen.desktop\n\n const disableFullscreenMobile =\n viewportWidth < MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen.mobile\n\n if (disableFullscreenDesktop || disableFullscreenMobile) {\n return\n }\n\n postMessage('fullscreen_click', 'click')\n lightBox.show(optimized, width, height, alt)\n }\n\n const pictureStyles = {\n paddingBottom: `${100 / (ratio || width / height)}%`\n }\n\n const blockStyles = {\n maxWidth: width <= 649 ? width : '100%'\n }\n\n /* fallback w325 url until w6 was released */\n const fallbackSource =\n (source && source[0]) ||\n (optimized.w325 && optimized.w325['1x']) ||\n optimized.original\n\n return (\n <div\n className={makeClassName([\n [styles.root, true],\n [styles.fullscreen, fullscreen && fullscreen.desktop]\n ])}\n style={blockStyles}\n data-testid=\"image\"\n >\n <div\n className={styles.wrapper}\n style={pictureStyles}\n onClick={(): void => handleClick()}\n onKeyPress={(): void => handleClick()}\n role=\"button\"\n tabIndex={0}\n >\n {lazy ? (\n <>\n <Lazy threshold={0.25}>\n <RenderPicture\n fallbackSource={fallbackSource}\n source={source}\n optimized={optimized}\n alt={alt}\n display={display}\n />\n </Lazy>\n <noscript>\n <img src={fallbackSource} alt={alt} />\n </noscript>\n </>\n ) : (\n <RenderPicture\n fallbackSource={fallbackSource}\n source={source}\n optimized={optimized}\n alt={alt}\n display={display}\n />\n )}\n </div>\n </div>\n )\n}\n","import React, { useState, useEffect } from 'react'\nimport { PopoverProps } from './Popover.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './Popover.module.css'\n\nexport const Popover: React.FC<PopoverProps> = ({ children, onClose }) => {\n const [visible, setVisible] = useState(true)\n\n const handleClose = (): void => {\n setVisible(false)\n setTimeout(onClose, 350)\n }\n\n const handleScroll = (): void => {\n handleClose()\n }\n\n const escFunction = (event: KeyboardEvent): void => {\n if (event.key === 'Escape') {\n handleClose()\n }\n }\n\n useEffect(() => {\n window.addEventListener('keydown', escFunction, false)\n window.addEventListener('scroll', handleScroll, false)\n\n return () => {\n window.removeEventListener('keydown', escFunction, false)\n window.removeEventListener('scroll', handleScroll, false)\n }\n }, [visible])\n\n /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n return (\n <div\n data-testid=\"popover\"\n className={makeClassName([\n [styles.root, true],\n [styles.visible, visible]\n ])}\n >\n <div className={styles.overlay} onClick={(): void => handleClose()} />\n\n <div className={styles.container}>\n <button\n type=\"button\"\n className={styles.dismiss}\n onClick={(): void => handleClose()}\n aria-label=\"dismiss\"\n />\n <svg width=\"100%\" className={styles.background}>\n <defs>\n <mask id=\"myMask\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <rect fill=\"white\" y=\"0\" width=\"100%\" height=\"100%\" x=\"0\" />\n <svg x=\"50%\" overflow=\"visible\">\n <g transform=\"translate(-12 0)\">\n <path d=\"M4.61852778e-14,9.76996262e-15 L9.84597532,5.80270273 C11.0992017,6.54128882 12.6546044,6.54128882 13.9078308,5.80270273 L23.7538061,9.76996262e-15 L4.61852778e-14,9.76996262e-15 Z\" />\n </g>\n </svg>\n </mask>\n </defs>\n <rect\n fill=\"#F7F7F7\"\n id=\"base-mask\"\n mask=\"url(#myMask)\"\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n />\n </svg>\n <div className={styles.body}>{children}</div>\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { FootnoteProps } from './Footnote.types'\nimport makeClassName from '../utils/makeClassName'\n\nimport { SvgSymbol } from '../SvgSymbol'\n\nimport styles from './Footnote.module.css'\n\nexport const Footnote: React.FC<FootnoteProps> = ({ children, onClose }) => {\n return (\n <div\n data-testid=\"footnote\"\n className={makeClassName([[styles.root, true]])}\n >\n <button\n className={styles.dismiss}\n type=\"button\"\n onClick={(): void => onClose()}\n >\n <SvgSymbol icon=\"cross\" size=\"unset\" />\n </button>\n\n <div className={styles.body}>{children}</div>\n </div>\n )\n}\n","import React, { useState } from 'react'\nimport { PopoverData, DotsOnImageProps, SingleDot } from './DotsOnImage.types'\nimport { Image } from '../Image'\nimport { Popover } from '../Popover'\nimport { Footnote } from '../Footnote'\n\nimport viewportSize from '../utils/viewportSize'\nimport { MediaQuerySizes } from '../constants'\n\nimport makeClassName from '../utils/makeClassName'\n\nimport styles from './DotsOnImage.module.css'\n\nexport const DotsOnImage: React.FC<DotsOnImageProps> = ({\n block: { optimized, width, height, credit, display, dots }\n}) => {\n const [popover, setPopover] = useState<PopoverData>({\n title: null,\n body: null,\n show: false,\n id: null\n })\n\n const handleDotClick = (dot: SingleDot): void => {\n const shouldShow = dot.id !== popover.id\n const side = dot.position.x > 50 ? 'isLeft' : 'isRight'\n const align = dot.position.y > 50 ? 'isBottom' : 'isTop'\n\n const style = { top: `${dot.position.y}%`, left: `${dot.position.x}%` }\n\n setPopover({\n title: dot.title,\n body: dot.body,\n show: shouldShow,\n id: shouldShow ? dot.id : null,\n style,\n side,\n align\n })\n }\n\n return (\n <div data-testid=\"dots-on-image\" className={styles.root}>\n <div className={styles.dots}>\n {dots.map((dot) => (\n <button\n className={makeClassName([\n [styles.dot, true],\n [styles.isActive, dot.id === popover.id]\n ])}\n type=\"button\"\n key={dot.id}\n style={{\n top: `${dot.position.y}%`,\n left: `${dot.position.x}%`,\n backgroundColor: dot.icon.color\n }}\n onClick={(): void => handleDotClick(dot)}\n >\n {dot.icon.type === 'svg' && (\n <div dangerouslySetInnerHTML={{ __html: dot.icon.svg_string }} />\n )}\n {dot.icon.type === 'number' && dot.icon.number}\n </button>\n ))}\n </div>\n <div className={styles.image}>\n <Image\n optimized={optimized}\n width={width}\n height={height}\n alt={credit}\n display={display}\n fullscreen={{ mobile: false, desktop: false }}\n />\n </div>\n\n {popover.show && (\n <>\n {viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? (\n <div\n className={makeClassName([\n [styles.popover, true],\n [styles[popover.side], !!popover.side],\n [styles[popover.align], !!popover.align]\n ])}\n style={popover.style}\n >\n <Footnote\n onClose={(): void => {\n setPopover({ show: false })\n }}\n >\n <h3>{popover.title}</h3>\n <div dangerouslySetInnerHTML={{ __html: popover.body }} />\n </Footnote>\n </div>\n ) : (\n <Popover\n onClose={(): void => {\n setPopover({ show: false })\n }}\n >\n <h3>{popover.title}</h3>\n <div dangerouslySetInnerHTML={{ __html: popover.body }} />\n </Popover>\n )}\n </>\n )}\n </div>\n )\n}\n","import { ClassNames } from './makeClassName'\n\nconst makeStyleContext = (\n classNames: ClassNames,\n styleContext: string[] | string,\n styles: Record<string, string>\n): ClassNames => {\n const context = Array.isArray(styleContext)\n ? styleContext\n .filter((ctx) => styles[ctx])\n .map((ctx) => [[styles[ctx]], true])\n : [[styles[styleContext], !!styleContext && !!styles[styleContext]]]\n\n return classNames.concat(context)\n}\n\nexport default makeStyleContext\n","import React from 'react'\nimport { TagProps } from './Tag.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './Tag.module.css'\n\nexport const Tag: React.FC<TagProps> = ({\n children,\n size = 'small',\n theme = 'gold',\n styleContext,\n correlation,\n onlyOn\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[size], !!size && !!styles[size]],\n [styles[theme], !!theme && !!styles[theme]],\n [styles[onlyOn], !!onlyOn && !!styles[onlyOn]],\n [styles[correlation], !!correlation && !!styles[correlation]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"tag\" className={makeClassName(classNames)}>\n {children}\n </div>\n )\n}\n","import React from 'react'\nimport { MediaCaptionProps } from './MediaCaption.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './MediaCaption.module.css'\n\nexport const MediaCaption: React.FC<MediaCaptionProps> = ({\n credit,\n caption,\n styleContext\n}) => {\n let classNames: ClassNames = [[styles.root, true]]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"media-caption\" className={makeClassName(classNames)}>\n {caption && (\n <div\n className={styles.caption}\n dangerouslySetInnerHTML={{ __html: caption }}\n />\n )}\n {credit && (\n <div\n className={styles.credit}\n dangerouslySetInnerHTML={{ __html: credit }}\n />\n )}\n </div>\n )\n}\n","import React from 'react'\nimport { TableProps } from './Table.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport { MediaCaption } from '../MediaCaption'\n\nimport styles from './Table.module.css'\n\nexport const Table: React.FC<TableProps> = ({\n styleContext,\n block: {\n rows,\n options,\n display,\n columns_widths: columnsWidth,\n table_credit: tableCredit\n }\n}) => {\n const colors = {\n '#ffffff': 'white',\n '#f5f5f5': 'gray',\n '#feeeee': 'pink',\n '#e6f3ff': 'blue',\n '#fffde6': 'yellow',\n '#fff9f2': 'orange',\n '#e7f2ef': 'green',\n '#f4f0f8': 'violet'\n }\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[display], !!display && !!styles[display]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"table\" className={makeClassName(classNames)}>\n <div className={styles.wrapper}>\n <div className={styles.table}>\n <div className={styles.tracks}>\n {rows.map((row, i) => {\n return (\n <div key={row.key} className={styles.row}>\n {row.cells.map((cell, j) => (\n <div\n key={cell.key}\n className={makeClassName([\n [styles.cell, true],\n [styles.header, options.header && i === 0],\n [styles[colors[cell.color]], true],\n [styles[columnsWidth[j]], true],\n [\n styles.fixedColumn,\n options.fixed_first_column && j === 0\n ]\n ])}\n dangerouslySetInnerHTML={{ __html: cell.val }}\n />\n ))}\n </div>\n )\n })}\n </div>\n </div>\n </div>\n\n {tableCredit && (\n <MediaCaption credit={tableCredit} styleContext={styleContext} />\n )}\n </div>\n )\n}\n","import React from 'react'\nimport { MaterialNoteProps } from './MaterialNote.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './MaterialNote.module.css'\n\nexport const MaterialNote: React.FC<MaterialNoteProps> = ({\n block: { data },\n styleContext\n}) => {\n let classNames: ClassNames = [[styles.root, true]]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"material-note\" className={makeClassName(classNames)}>\n {data &&\n data.map((item) => (\n <p\n className={styles[item.type]}\n key={item.id}\n dangerouslySetInnerHTML={{ __html: item.data }}\n />\n ))}\n </div>\n )\n}\n","import React from 'react'\nimport { BookmarkButtonProps } from './BookmarkButton.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { SvgSymbol } from '../SvgSymbol'\nimport styles from './BookmarkButton.module.css'\n\nexport const BookmarkButton: React.FC<BookmarkButtonProps> = ({\n styleContext,\n theme,\n isInBookmarks,\n onClick\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles.isInBookmarks, isInBookmarks],\n [styles[theme], !!theme && !!styles[theme]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"bookmark-button\" className={makeClassName(classNames)}>\n <button\n className={styles.control}\n onClick={(): void => onClick()}\n type=\"button\"\n >\n <SvgSymbol icon=\"bookmark\" size=\"unset\" />\n </button>\n </div>\n )\n}\n","import React from 'react'\nimport { MetaProps } from './Meta.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './Meta.module.css'\n\nexport const Meta: React.FC<MetaProps> = ({\n hasSource,\n theme,\n children,\n onlyOn,\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[theme], !!theme && !!styles[theme]],\n [styles[onlyOn], !!onlyOn],\n [styles.hasSource, hasSource]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"meta\" className={makeClassName(classNames)}>\n {children}\n </div>\n )\n}\n","import React from 'react'\nimport { TimestampProps } from './Timestamp.types'\nimport dayjs from 'dayjs'\nimport 'dayjs/locale/ru'\nimport relativeTime from 'dayjs/plugin/relativeTime'\n\nimport styles from './Timestamp.module.css'\n\nexport const Timestamp: React.FC<TimestampProps> = ({\n publishedAt,\n locale = 'ru',\n type\n}) => {\n let published\n const timeFormat =\n locale === 'ru' ? 'HH:mm, D MMMM YYYY' : 'h:mm a, MMMM D, YYYY'\n\n const preparedPublishedAt = publishedAt * 1000\n\n dayjs.locale(locale)\n dayjs.extend(relativeTime)\n\n if (type === 'fromNow') {\n published = dayjs(preparedPublishedAt).fromNow()\n } else if (type === 'format') {\n published = dayjs(preparedPublishedAt).format('HH:mm')\n } else if (type === 'date') {\n published = dayjs(preparedPublishedAt).format(timeFormat)\n } else {\n throw new Error('Unknown time type')\n }\n\n return (\n <time data-testid=\"timestamp\" className={styles.root}>\n {published}\n </time>\n )\n}\n","import React, { useCallback, useEffect, useRef, useState } from 'react'\n\ntype DangerousHtmlProps = {\n className?: string\n html: string\n tagName?: keyof JSX.IntrinsicElements\n}\n\nconst DangerousHTML: React.FC<DangerousHtmlProps> = ({\n className = '',\n tagName: TagName = 'div',\n html\n}) => {\n const element = useRef<HTMLDivElement>(null)\n const [canRenderHtml, setCanRenderHtml] = useState(false)\n\n useEffect(() => {\n setCanRenderHtml(true)\n }, [])\n\n const replaceScriptElementsRecursive = useCallback((node) => {\n if (\n node.tagName === 'SCRIPT' &&\n (!node.id || node.id.indexOf('script-') !== 0)\n ) {\n const script = document.createElement('script')\n\n script.id = `script-${Math.random().toString(16).slice(2)}`\n script.innerHTML = node.innerHTML\n\n const attrs = node.attributes\n\n for (let i = 0; i < attrs.length; i += 1) {\n const { name, value } = attrs[i]\n\n script.setAttribute(name, value)\n }\n\n node.parentElement.replaceChild(script, node)\n } else {\n let i = 0\n const children = node.childNodes\n\n while (i < children.length) {\n replaceScriptElementsRecursive(children[i])\n i += 1\n }\n }\n }, [])\n\n const prepareAnchors = useCallback(() => {\n const anchors = Array.from(element.current.querySelectorAll('a'))\n\n anchors.forEach((a) => {\n a.setAttribute('target', '_blank')\n })\n }, [])\n\n useEffect(() => {\n if (\n canRenderHtml &&\n html.indexOf('script') > -1 &&\n element.current.firstElementChild\n ) {\n element.current.firstElementChild.innerHTML = html\n replaceScriptElementsRecursive(element.current.firstElementChild)\n prepareAnchors()\n }\n }, [\n canRenderHtml,\n element,\n html,\n replaceScriptElementsRecursive,\n prepareAnchors\n ])\n\n return (\n <div ref={element}>\n <TagName\n className={className}\n dangerouslySetInnerHTML={{ __html: html }}\n />\n </div>\n )\n}\n\nexport default DangerousHTML\n","import React, { useState, useEffect, useRef } from 'react'\nimport enableInlineVideo from 'iphone-inline-video'\nimport viewportSize from '../utils/viewportSize'\nimport { MediaQuerySizes } from '../constants'\nimport { EmbedGifProps } from './EmbedBlock.types'\n\nimport styles from './EmbedBlock.module.css'\n\nexport const EmbedGif: React.FC<EmbedGifProps> = ({ gif, mp4Url, style }) => {\n const [videoFrozen, setVideoFrozen] = useState(false)\n const videoElem = useRef(null)\n\n const handleVideoTouch = (): void => {\n videoElem.current.play()\n setVideoFrozen(false)\n }\n\n const handleVideoError = (): void => {\n const video = videoElem.current\n\n video.setAttribute('poster', video.dataset.gif)\n\n setVideoFrozen(false)\n }\n\n useEffect(() => {\n const video = videoElem.current\n const { width: viewportWidth } = viewportSize()\n\n enableInlineVideo(video)\n\n if (viewportWidth >= MediaQuerySizes.MOBILE) {\n video.setAttribute('autoplay', true)\n video.play()\n } else {\n setVideoFrozen(true)\n video.pause()\n video.addEventListener('touchstart', handleVideoTouch)\n }\n\n video.addEventListener('error', handleVideoError)\n\n return (): void => {\n video.removeEventListener('touchstart', handleVideoTouch)\n video.removeEventListener('error', handleVideoError)\n }\n }, [])\n\n return (\n <div className={styles.figure}>\n <div\n className={styles.objectWrap}\n style={style}\n data-frozen={videoFrozen}\n >\n <video\n playsInline\n muted\n loop\n autoPlay\n preload=\"metadata\"\n data-gif={gif}\n ref={videoElem}\n >\n <source src={`https://meduza.io${mp4Url}`} type=\"video/mp4\" />\n </video>\n </div>\n </div>\n )\n}\n","import React, { useState } from 'react'\nimport { Image } from '../Image'\nimport { Popover } from '../Popover'\nimport { MediaCaption } from '../MediaCaption'\nimport { DotsOnImage } from '../DotsOnImage'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport DangerousHTML from '../utils/DangerousHtml'\nimport { EmbedGif } from './EmbedGif'\nimport { EmbedBlockProps } from './EmbedBlock.types'\n\nimport styles from './EmbedBlock.module.css'\n\nexport const EmbedBlock: React.FC<EmbedBlockProps> = ({\n block,\n block: {\n data,\n data: {\n html,\n display,\n only_on: onlyOn,\n provider,\n cc,\n optimized,\n small_url: small,\n large_url: large,\n gif_url: gifUrl,\n mp4_url: mp4Url\n }\n },\n styleContext,\n children\n}) => {\n const [isPopoverShown, setIsPopoverShown] = useState(false)\n const style: React.CSSProperties = {}\n const isProportional = block.data.height && block.data.width\n\n const fullWidthProviders = [\n 'youtube',\n 'vimeo',\n 'onetv',\n 'coub',\n 'facebook_video'\n ]\n\n const mobileFullwidth =\n fullWidthProviders.indexOf(provider) > -1 || block.type === 'dots_on_image'\n\n const renderCC = (context?: string | string[]): JSX.Element => (\n <MediaCaption\n credit={data.credit}\n caption={data.caption}\n styleContext={context || styleContext}\n />\n )\n\n const renderEmbed = (style: React.CSSProperties): JSX.Element => {\n switch (block.type) {\n case 'gif': {\n return <EmbedGif gif={gifUrl} mp4Url={mp4Url} style={style} />\n }\n case 'image': {\n return (\n <div className={styles.figure}>\n {(small || optimized) && (\n <Image\n fullscreen={{ desktop: block.data.fullscreen, mobile: true }}\n source={!optimized && [small, large]}\n optimized={block.data.optimized}\n width={block.data.width}\n height={block.data.height}\n alt={block.data.caption}\n display={block.data.display}\n lazy={block.data.lazy}\n />\n )}\n </div>\n )\n }\n case 'game_embed': {\n return (\n <div className={styles.gameEmbed}>\n <iframe\n src={block.data.game_src}\n id={block.data.game_id}\n title=\"Game embed\"\n />\n </div>\n )\n }\n case 'dots_on_image': {\n return (\n <div className={styles.figure}>\n <DotsOnImage block={data} />\n </div>\n )\n }\n\n default: {\n return (\n <div className={styles.object}>\n <div className={styles.wrapper} style={style}>\n <DangerousHTML className={styles.objectWrap} html={html} />\n </div>\n </div>\n )\n }\n }\n }\n\n if (isProportional) {\n style.paddingBottom = `${(block.data.height / block.data.width) * 100}%`\n style.height = 0\n }\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles.cc, cc],\n [styles[display], !!display && styles[display]],\n [styles[provider], !!provider && !!styles[provider]],\n [styles[onlyOn], !!onlyOn && styles[onlyOn]],\n [styles.mobileFullwidth, mobileFullwidth],\n [styles.proportional, isProportional]\n ]\n\n // Убираем из контекста все, что не начинается с приставки isIn,\n // чтобы не применились лишние модификаторы\n // TODO: в w6 модификаторы должны передаваться явно\n\n if (styleContext) {\n const filteredContext = Object.keys(styleContext)\n .filter((key) => key.startsWith('isIn') && styles[key])\n .reduce((acc, key) => {\n acc.push([styles[key], true])\n\n return acc\n }, [])\n classNames = makeStyleContext(classNames, filteredContext, styles)\n }\n\n return (\n <figure className={makeClassName(classNames)}>\n {children && (\n <div className={styles.object}>\n <div className={styles.wrapper} style={style}>\n <div className={styles.objectWrap}>{children}</div>\n </div>\n </div>\n )}\n\n {!children && renderEmbed(style)}\n\n {cc === 'default' && <figcaption>{renderCC()}</figcaption>}\n\n {cc === 'button' && (\n <button\n className={styles.control}\n type=\"button\"\n aria-label=\"Open\"\n onClick={(): void => {\n setIsPopoverShown(!isPopoverShown)\n }}\n />\n )}\n\n {cc === 'button' && isPopoverShown && (\n <Popover\n onClose={(): void => {\n setIsPopoverShown(false)\n }}\n >\n {renderCC('isInPopover')}\n </Popover>\n )}\n </figure>\n )\n}\n","import React, { useEffect, useRef } from 'react'\nimport { EmbedBlockProps } from './EmbedBlock.types'\nimport { EmbedBlock } from './EmbedBlock'\n\nexport const IframeBlock: React.FC<EmbedBlockProps> = ({\n block,\n block: { id },\n styleContext,\n lang = 'ru'\n}) => {\n const element = useRef(null)\n\n const renderIframe = (): void => {\n const rootEl = document.createElement('div')\n const contentEl = document.createElement('div')\n const scriptEl = document.createElement('script')\n const style = document.createElement('style')\n const range = document.createRange()\n\n range.setStart(contentEl, 0)\n contentEl.setAttribute('id', 'content')\n scriptEl.textContent = `\n function getDocHeight() {\n var doc = document;\n var body = doc.body;\n var html = doc.documentElement;\n var height = Math.max( body.scrollHeight, body.offsetHeight,\n html.clientHeight, html.scrollHeight, html.offsetHeight );\n\n doc.body.style.margin=\"0\";\n\n return document.getElementById('content') ? document.getElementById('content').offsetHeight : height;\n }\n\n function sendDocHeightMsg() {\n var height = getDocHeight();\n var message = JSON.stringify({\n action: {\n type: \"UPDATE_HEIGHT\",\n payload: {\n id: \"${block.id}\",\n height: height\n }\n }\n });\n parent.postMessage(\"mdzMaterialEmbedHeight=\" + message, '*');\n }\n\n setInterval(sendDocHeightMsg, 300);\n `\n\n style.type = 'text/css'\n style.innerHTML =\n block.type === 'embed_code'\n ? '.twitter-tweet { padding-top: 15px; margin: 0 !important; }'\n : '.twitter-tweet { margin: 0 !important; } .fb-post { display: block; } .instagram-media { min-width: 0 !important; }'\n\n contentEl.appendChild(range.createContextualFragment(block.data.html))\n rootEl.appendChild(scriptEl)\n rootEl.appendChild(contentEl)\n contentEl.appendChild(style)\n\n const frame = element.current.querySelector('iframe').contentDocument\n\n frame.open()\n frame.close()\n frame.documentElement.setAttribute('lang', lang)\n frame.body.appendChild(rootEl)\n }\n\n useEffect(() => {\n renderIframe()\n }, [])\n\n return (\n <EmbedBlock block={block} styleContext={styleContext}>\n <div\n ref={element}\n dangerouslySetInnerHTML={{\n __html: `<iframe id=${id} frameBorder=\"0\" scrolling=\"no\"></iframe>`\n }}\n />\n </EmbedBlock>\n )\n}\n","import React from 'react'\nimport { EmbedBlockProps } from './EmbedBlock.types'\nimport { EmbedBlock } from './EmbedBlock'\nimport { IframeBlock } from './IframeBlock'\n\nexport const EmbedBlockContainer: React.FC<EmbedBlockProps> = ({\n block,\n styleContext,\n lang\n}) => {\n if (block.data.wrap_with_iframe) {\n return <IframeBlock block={block} styleContext={styleContext} lang={lang} />\n }\n return <EmbedBlock block={block} styleContext={styleContext} />\n}\n","import React from 'react'\nimport { QuoteBlockProps } from './QuoteBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './QuoteBlock.module.css'\n\nexport const QuoteBlock: React.FC<QuoteBlockProps> = ({\n block: { data },\n styleContext\n}) => {\n let classNames: ClassNames = [[styles.root, true]]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"quote-block\" className={makeClassName(classNames)}>\n <p dangerouslySetInnerHTML={{ __html: data }} />\n </div>\n )\n}\n","import React from 'react'\nimport { CardTitleProps } from './CardTitle.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './CardTitle.module.css'\n\nexport const CardTitle: React.FC<CardTitleProps> = ({\n block: {\n data: { only_on: onlyOn, index, text }\n },\n styleContext\n}) => {\n return (\n <div\n data-testid=\"card-title\"\n className={makeClassName([\n [styles.root, true],\n [styles[onlyOn], !!onlyOn],\n [styles[styleContext], !!styleContext && !!styles[styleContext]]\n ])}\n >\n <div className={styles.index}>{index}</div>\n <h3 className={styles.title}>{text}</h3>\n </div>\n )\n}\n","import React from 'react'\nimport { ChapterBlockProps } from './ChapterBlock.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './ChapterBlock.module.css'\n\nexport const ChapterBlock: React.FC<ChapterBlockProps> = ({\n block: { data, only_on: onlyOn },\n styleContext\n}) => {\n return (\n <div\n data-testid=\"chapter-block\"\n className={makeClassName([\n [styles.root, true],\n [styles[onlyOn], !!onlyOn]\n ])}\n >\n <div\n className={makeClassName([\n [styles.subtitle, true],\n [styles[styleContext], !!styleContext && !!styles[styleContext]]\n ])}\n dangerouslySetInnerHTML={{ __html: data }}\n />\n </div>\n )\n}\n","import React from 'react'\nimport { SimpleTitleProps } from './SimpleTitle.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './SimpleTitle.module.css'\n\nexport const SimpleTitle: React.FC<SimpleTitleProps> = ({\n block: {\n data: { first },\n only_on: onlyOn\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"simple-title\" className={makeClassName(classNames)}>\n {first}\n </div>\n )\n}\n","import React from 'react'\nimport { RichTitleProps } from './RichTitle.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './RichTitle.module.css'\n\nexport const RichTitle: React.FC<RichTitleProps> = ({\n block: {\n only_on: onlyOn,\n data: { featured, first, second }\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true],\n [styles.featured, !!featured]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <h1 data-testid=\"rich-title\" className={makeClassName(classNames)}>\n {first}\n {second && <span> {second}</span>}\n </h1>\n )\n}\n","import React from 'react'\nimport { SimpleBlockProps } from './SimpleBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './SimpleBlock.module.css'\n\nexport const SimpleBlock: React.FC<SimpleBlockProps> = ({\n block: { data, type, only_on: onlyOn },\n styleContext\n}) => {\n let TagName\n\n let classNames: ClassNames = [\n [styles[type], !!type && !!styles[type]],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n switch (type) {\n case 'context_p':\n case 'lead':\n case 'note_caption':\n case 'note_credit': {\n TagName = 'p'\n break\n }\n case 'lead_hr': {\n TagName = 'div'\n break\n }\n default:\n TagName = type\n }\n return (\n <TagName\n className={makeClassName(classNames)}\n dangerouslySetInnerHTML={{ __html: data }}\n />\n )\n}\n","import React from 'react'\nimport { ListBlockProps } from './ListBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './ListBlock.module.css'\n\nexport const ListBlock: React.FC<ListBlockProps> = ({\n block: { type, data, only_on: onlyOn },\n styleContext\n}) => {\n const TagName = type\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true],\n [styles[type], !!type && !!styles[type]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <TagName className={makeClassName(classNames)}>\n {data.map((item, index) => (\n <li key={index} dangerouslySetInnerHTML={{ __html: item }} />\n ))}\n </TagName>\n )\n}\n","import React from 'react'\nimport { RelatedBlockProps } from './RelatedBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './RelatedBlock.module.css'\n\nexport const RelatedBlock: React.FC<RelatedBlockProps> = ({\n block: {\n data: { title, related },\n only_on: onlyOn\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"related-block\" className={makeClassName(classNames)}>\n <h3 className={styles.header}>{title}</h3>\n <ul className={styles.items}>\n {related.map((item, index) => (\n <li key={item.id || index} className={styles[item.layout]}>\n <a\n href={item.full_url || `/${item.url}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <span className={styles.first}>{item.title}</span>\n {item.second_title && ' '}\n {item.second_title && <span>{item.second_title}</span>}\n </a>\n </li>\n ))}\n </ul>\n </div>\n )\n}\n","import React from 'react'\nimport { SourceBlockProps } from './SourceBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './SourceBlock.module.css'\n\nexport const SourceBlock: React.FC<SourceBlockProps> = ({\n block: {\n only_on: onlyOn,\n data: { quote, origin, url }\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <blockquote\n data-testid=\"source-block\"\n cite={url}\n className={makeClassName(classNames)}\n >\n <a\n className={styles.text}\n href={url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {quote.map((item, index) => (\n <p key={index} dangerouslySetInnerHTML={{ __html: item.data }} />\n ))}\n <footer>\n <cite className={styles.origin}>{origin}</cite>\n </footer>\n </a>\n </blockquote>\n )\n}\n","import React from 'react'\nimport { GroupedBlockProps } from './GroupedBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { EmbedBlockContainer } from '../EmbedBlock'\nimport { MediaCaption } from '../MediaCaption'\n\nimport styles from './GroupedBlock.module.css'\n\nexport const GroupedBlock: React.FC<GroupedBlockProps> = ({\n block,\n block: { only_on: onlyOn },\n styleContext\n}) => {\n const maxHeight = Math.min(...block.data.map((item) => item.data.height))\n\n const normalizedBoxesWidth = block.data.map(\n (item) => item.data.width / (item.data.height / maxHeight)\n )\n\n const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x)\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true],\n [styles.hasFigcaption, block.cc === 'default'],\n [styles[block.display], !!block.display && styles[block.display]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"grouped-block\" className={makeClassName(classNames)}>\n <div className={styles.items}>\n {block.data.map((item, index) => {\n const percentWidth = (normalizedBoxesWidth[index] / sumWidth) * 100\n\n return (\n <div\n className={styles.item}\n key={item.id}\n style={{ width: `${percentWidth}%` }}\n >\n <EmbedBlockContainer\n block={item}\n styleContext=\"isInGroupedBlock\"\n />\n </div>\n )\n })}\n </div>\n {block.cc && (\n <figcaption className={styles.figcaption}>\n <MediaCaption\n credit={block.credit}\n caption={block.caption}\n styleContext={styleContext}\n />\n </figcaption>\n )}\n </div>\n )\n}\n","import React from 'react'\nimport { MetaItemProps } from './MetaItem.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './MetaItem.module.css'\n\nexport const MetaItem: React.FC<MetaItemProps> = ({\n hasSource,\n type,\n children,\n bullets\n}) => {\n const classNames = [\n [styles.root, true],\n [styles[type], !!type && !!styles[type]],\n [styles.hasSource, !!hasSource],\n [styles.hasBullets, !!bullets]\n ]\n\n return (\n <div data-testid=\"meta-item\" className={makeClassName(classNames)}>\n {children}\n </div>\n )\n}\n","import React from 'react'\nimport { MetaItemLiveProps } from './MetaItemLive.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './MetaItemLive.module.css'\n\nexport const MetaItemLive: React.FC<MetaItemLiveProps> = ({\n theme = 'gold'\n}) => {\n const classNames = [\n [styles.root, true],\n [styles[theme], !!theme && styles[theme]]\n ]\n\n return (\n <div\n data-testid=\"meta-item-live\"\n data-meta=\"live\"\n className={makeClassName(classNames)}\n >\n <div className={styles.frame} />\n </div>\n )\n}\n","import React from 'react'\nimport { DocumentItemsCountProps } from './DocumentItemsCount.types'\nimport pluralize from '../utils/pluralize'\n\nimport styles from './DocumentItemsCount.module.css'\n\nexport const DocumentItemsCount: React.FC<DocumentItemsCountProps> = ({\n type,\n lang = 'ru',\n items,\n children\n}) => {\n const i18n = {\n ru: {\n card: {\n one: 'карточка',\n two: 'карточки',\n five: 'карточек'\n },\n podcast: {\n one: 'эпизод',\n two: 'эпизода',\n five: 'эпизодов'\n }\n },\n en: {\n card: {\n one: 'card',\n two: 'cards',\n five: 'cards'\n },\n podcast: {\n one: 'episode',\n two: 'episodes',\n five: 'episodes'\n }\n }\n }\n\n const itemsCount = `${items} ${pluralize(\n items,\n i18n[lang][type].one,\n i18n[lang][type].two,\n i18n[lang][type].five\n )}`\n\n return (\n <div data-testid=\"document-items-count\" className={styles.root}>\n {children}\n <span className={styles.items}>{itemsCount}</span>\n </div>\n )\n}\n","const pluralize = (\n number: number,\n one: string,\n two: string,\n five: string\n): string => {\n let n = Math.abs(number)\n n %= 100\n\n if (n >= 5 && n <= 20) {\n return five\n }\n\n n %= 10\n\n if (n === 1) {\n return one\n }\n\n if (n >= 2 && n <= 4) {\n return two\n }\n\n return five\n}\n\nexport default pluralize\n","import React from 'react'\nimport { MetaContainerProps } from './Meta.types'\nimport { Meta } from './'\nimport { MetaItem } from '../MetaItem'\nimport { MetaItemLive } from '../MetaItemLive'\nimport { DocumentItemsCount } from '../DocumentItemsCount'\nimport { BookmarkButton } from '../BookmarkButton'\nimport { Timestamp } from '../Timestamp'\nimport { SvgSymbol } from '../SvgSymbol'\n\nimport styles from './Meta.module.css'\n\nexport const MetaContainer: React.FC<MetaContainerProps> = ({\n lang,\n block,\n isRead,\n isListened,\n bookmarkAction,\n isInBookmarks,\n block: {\n data: { components, theme }\n },\n styleContext\n}) => {\n const themeColor =\n styleContext && styleContext.indexOf('dark') !== -1 ? 'light' : 'unset'\n const isPodcast = styleContext && styleContext.indexOf('podcast') !== -1\n const isSlides = styleContext && styleContext.indexOf('slide') !== -1\n\n const hasSource = !!components.find((item) => item.type === 'source_name')\n\n return (\n <Meta\n styleContext={styleContext}\n theme={theme || themeColor}\n onlyOn={block.only_on}\n hasSource={hasSource}\n >\n {components.map((component) => {\n switch (component.type) {\n case 'source_name': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <>\n {lang === 'ru' ? 'Источник: ' : 'Source: '}\n {component.url && (\n <a\n href={component.url}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n {component.text}\n </a>\n )}\n {!component.url && component.text}\n </>\n </MetaItem>\n )\n }\n case 'duration': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <>\n <SvgSymbol icon=\"podcast\" size=\"small\" />\n {component.text}\n </>\n </MetaItem>\n )\n }\n case 'datetime': {\n return (\n <MetaItem\n hasSource={hasSource}\n bullets\n key={component.id}\n type=\"datetime\"\n >\n <Timestamp\n publishedAt={component.datetime}\n type=\"date\"\n locale={lang}\n />\n </MetaItem>\n )\n }\n\n case 'items_count': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <DocumentItemsCount\n items={component.count}\n type={isPodcast ? 'podcast' : 'card'}\n lang={lang}\n >\n <SvgSymbol icon=\"card\" size=\"unset\" />\n </DocumentItemsCount>\n </MetaItem>\n )\n }\n case 'broadcast_active': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <>\n <MetaItemLive /> Прямой эфир\n </>\n </MetaItem>\n )\n }\n case 'broadcast': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <>\n {component.with_icon && <MetaItemLive />}\n\n {component.label}\n </>\n </MetaItem>\n )\n }\n\n default: {\n return null\n }\n }\n })}\n {(isRead || isListened) && (\n <MetaItem\n hasSource={hasSource}\n bullets\n type={isListened ? 'listened' : 'read'}\n >\n <SvgSymbol icon={isListened ? 'listened' : 'read'} size=\"unset\" />\n </MetaItem>\n )}\n\n {isSlides && lang === 'ru' && (\n <div className={styles.bookmark}>\n <BookmarkButton\n isInBookmarks={isInBookmarks}\n onClick={(): void => bookmarkAction('bookmark', 'top')}\n />\n </div>\n )}\n </Meta>\n )\n}\n","import React from 'react'\nimport { RenderBlocksProps } from './RenderBlocks.types'\nimport { Tag } from '../Tag'\nimport { SimpleTitle } from '../SimpleTitle'\nimport { RichTitle } from '../RichTitle'\nimport { SimpleBlock } from '../SimpleBlock'\nimport { ListBlock } from '../ListBlock'\nimport { ChapterBlock } from '../ChapterBlock'\nimport { QuoteBlock } from '../QuoteBlock'\nimport { CardTitle } from '../CardTitle'\nimport { RelatedBlock } from '../RelatedBlock'\nimport { SourceBlock } from '../SourceBlock'\nimport { EmbedBlockContainer } from '../EmbedBlock'\nimport { GroupedBlock } from '../GroupedBlock'\nimport { MetaContainer } from '../Meta/MetaContainer'\nimport { Table } from '../Table'\nimport { MaterialNote } from '../MaterialNote'\n\nexport const RenderBlocks: React.FC<RenderBlocksProps> = ({\n block,\n styleContext,\n lang,\n isRead,\n isListened,\n bookmarkAction,\n isInBookmarks\n}) => {\n switch (block.type) {\n case 'tag': {\n return (\n <Tag\n size=\"large\"\n onlyOn={block.only_on}\n theme={block.data.theme}\n styleContext={styleContext}\n >\n {block.data.text}\n </Tag>\n )\n }\n\n case 'simple_title': {\n return <SimpleTitle block={block} styleContext={styleContext} />\n }\n\n case 'rich_title': {\n return <RichTitle block={block} styleContext={styleContext} />\n }\n\n case 'meta': {\n return (\n <MetaContainer\n block={block}\n lang={block.data.lang}\n styleContext={styleContext}\n isRead={isRead}\n isListened={isListened}\n isInBookmarks={isInBookmarks}\n bookmarkAction={bookmarkAction}\n />\n )\n }\n\n case 'h1':\n case 'h2':\n case 'h3':\n case 'h4':\n case 'blockquote':\n case 'p':\n case 'context_p':\n case 'lead':\n case 'lead_hr': {\n return <SimpleBlock block={block} styleContext={styleContext} />\n }\n\n case 'quote':\n return <QuoteBlock block={block} styleContext={styleContext} />\n\n case 'ol':\n case 'ul': {\n return <ListBlock block={block} styleContext={styleContext} />\n }\n\n case 'chapter-subtitle': {\n return <ChapterBlock block={block} styleContext={styleContext} />\n }\n\n case 'card_title': {\n return <CardTitle block={block} styleContext={styleContext} />\n }\n\n case 'related': {\n return <RelatedBlock block={block} styleContext={styleContext} />\n }\n\n case 'source':\n return <SourceBlock block={block} styleContext={styleContext} />\n\n case 'table':\n return <Table block={block} styleContext={styleContext} />\n\n case 'embed':\n case 'embed_code':\n case 'game_embed':\n case 'image':\n case 'dots_on_image':\n case 'gif':\n return (\n <EmbedBlockContainer\n block={block}\n styleContext={styleContext}\n lang={lang}\n />\n )\n case 'grouped':\n return <GroupedBlock block={block} styleContext={styleContext} />\n\n case 'material_note':\n return <MaterialNote block={block} styleContext={styleContext} />\n\n default: {\n return null\n }\n }\n}\n","import React, { useState } from 'react'\nimport { CoverProps } from './Cover.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport generateGradient from '../utils/generateGradient'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { MediaCaption } from '../MediaCaption'\nimport { Image } from '../Image'\nimport { Popover } from '../Popover'\n\nimport styles from './Cover.module.css'\n\nexport const Cover: React.FC<CoverProps> = ({\n block: {\n only_on: onlyOn,\n data: {\n blocks,\n cover: { credit, caption, urls, mobile_ratio: mobileRatio, gradients, cc }\n }\n },\n styleContext\n}) => {\n const [isPopoverShown, setIsPopoverShown] = useState(false)\n\n const style: React.CSSProperties = {}\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], !!onlyOn && !!styles[onlyOn]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n if (gradients) {\n const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light']\n\n classNames = makeStyleContext(classNames, theme, styles)\n\n style.backgroundImage = generateGradient(gradients.bg_rgb)\n }\n\n const renderCC = (context?: string): JSX.Element => (\n <MediaCaption\n credit={credit}\n caption={caption}\n styleContext={context || styleContext}\n />\n )\n\n return (\n <div data-testid=\"cover\" className={makeClassName(classNames)}>\n <div className={styles.image}>\n <Image optimized={urls} ratio={mobileRatio} display=\"narrow\" />\n </div>\n <div className={styles.body} style={style}>\n {blocks.map((item) => (\n <RenderBlocks\n key={item.id}\n block={item}\n styleContext={styleContext}\n />\n ))}\n </div>\n {cc === 'button' && (\n <button\n className={styles.control}\n type=\"button\"\n aria-label=\"Open\"\n onClick={(): void => {\n setIsPopoverShown(!isPopoverShown)\n }}\n />\n )}\n\n {cc === 'button' && isPopoverShown && (\n <Popover\n onClose={(): void => {\n setIsPopoverShown(false)\n }}\n >\n {renderCC('isInPopover')}\n </Popover>\n )}\n </div>\n )\n}\n","const generateGradient = (color: string): string => {\n const gradientSteps = [\n [0, 7],\n [0.08, 12],\n [0.16, 17],\n [0.22, 21],\n [0.32, 26],\n [0.42, 32],\n [0.52, 38],\n [0.62, 47],\n [0.72, 57],\n [0.82, 65],\n [1, 82]\n ]\n\n const gradient = gradientSteps.map((i) => `rgba(${color}, ${i[0]}) ${i[1]}%`)\n\n return `linear-gradient(-180deg, ${gradient})`\n}\n\nexport default generateGradient\n","import React from 'react'\nimport { HalfBlockProps } from './HalfBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { Image } from '../Image'\nimport { MediaCaption } from '../MediaCaption'\n\nimport styles from './HalfBlock.module.css'\n\nexport const HalfBlock: React.FC<HalfBlockProps> = ({\n block: {\n only_on: onlyOn,\n data,\n data: {\n cover: { optimized, ratio, credit, caption }\n }\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"half-block\" className={makeClassName(classNames)}>\n <div className={styles.main}>\n <div className={styles.image}>\n <Image optimized={optimized} ratio={ratio} display=\"super_full\" />\n </div>\n <div className={styles.body}>\n {data.blocks.map((item) => (\n <RenderBlocks key={item.id} block={item} styleContext={['rich']} />\n ))}\n </div>\n </div>\n <div className={styles.footer}>\n <MediaCaption\n credit={credit}\n caption={caption}\n styleContext={styleContext}\n />\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { ImportantLeadProps } from './ImportantLead.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { RenderBlocks } from '../RenderBlocks'\n\nimport styles from './ImportantLead.module.css'\n\nexport const ImportantLead: React.FC<ImportantLeadProps> = ({\n block: { only_on: onlyOn, data },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], !!onlyOn]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"important-lead\" className={makeClassName(classNames)}>\n {data.map((item) => (\n <RenderBlocks\n key={item.id}\n block={item}\n styleContext=\"isInImportantLead\"\n />\n ))}\n </div>\n )\n}\n","import React, { useState, useRef } from 'react'\nimport { SpoilerProps } from './Spoiler.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport postMessage from '../utils/postMessage'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { Button } from '../Button'\nimport { SvgSymbol } from '../SvgSymbol'\n\nimport styles from './Spoiler.module.css'\n\nexport const Spoiler: React.FC<SpoilerProps> = ({\n block: {\n display,\n button,\n only_on: onlyOn,\n btn_title: buttonTitle,\n title,\n blocks\n },\n styleContext\n}) => {\n const [spoiled, setSpoiled] = useState(false)\n const ref = useRef(null)\n\n const handleButtonClick = (): void => {\n setSpoiled(!spoiled)\n\n if (spoiled) {\n postMessage('closeSpoiler', 'click')\n const rect = ref.current.getBoundingClientRect()\n if (rect.top < 0) {\n ref.current.scrollIntoView({ behavior: 'smooth' })\n }\n } else {\n postMessage('openSpoiler', 'click')\n }\n }\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], !!onlyOn],\n [styles[display], !!display && styles[display]],\n [[styles.spoiled], !!spoiled]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n const buttonCollapse = button ? button.collapse : 'Свернуть'\n const buttonExpande = button ? button.expand : buttonTitle\n\n return (\n <div ref={ref} className={makeClassName(classNames)} data-testid=\"spoiler\">\n <div className={styles.header}>{title && <h3>{title}</h3>}</div>\n <div className={styles.body}>\n {blocks.map((item) => (\n <RenderBlocks\n key={item.id}\n block={item}\n styleContext={styleContext}\n />\n ))}\n </div>\n <div className={styles.footer}>\n <Button\n size=\"default\"\n theme=\"gray\"\n onClick={(): void => handleButtonClick()}\n styleContext=\"isInSpoiler\"\n >\n {spoiled ? buttonCollapse : buttonExpande}\n <SvgSymbol icon=\"arrow\" />\n </Button>\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { DropdownProps } from './Dropdown.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './Dropdown.module.css'\n\nexport const Menu: React.FC<DropdownProps> = ({ children }) => {\n return (\n <div data-testid=\"dropdown\" className={styles.menu}>\n {children}\n </div>\n )\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n children,\n active,\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles.active, !!active && !!styles.active]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"dropdown\" className={makeClassName(classNames)}>\n {children}\n </div>\n )\n}\n","import React from 'react'\nimport { MaterialTitleProps } from './MaterialTitle.types'\n\nimport styles from './MaterialTitle.module.css'\n\nexport const Primary: React.FC<MaterialTitleProps> = ({ children }) => {\n return <span className={styles.primary}>{children}</span>\n}\n\nexport const Secondary: React.FC<MaterialTitleProps> = ({ children }) => {\n return <span className={styles.secondary}>{children}</span>\n}\n\nexport const MaterialTitle: React.FC<MaterialTitleProps> = ({ children }) => {\n return (\n <h1 className={styles.root} data-testid=\"material-title\">\n {children}\n </h1>\n )\n}\n","import React from 'react'\nimport { RawHtmlBlockProps } from './RawHtmlBlock.types'\nimport { ImportantLead } from '../ImportantLead'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { Spoiler } from '../Spoiler'\nimport { HalfBlock } from '../HalfBlock'\nimport { Cover } from '../Cover'\nimport { BlockProvider } from '../utils/BlockContext'\n\nexport const RawHtmlBlock: React.FC<RawHtmlBlockProps> = ({\n block,\n styleContext,\n isRead,\n isListened,\n isInBookmarks,\n bookmarkAction,\n lightBox\n}) => {\n const context = {\n lightBox: lightBox || null\n }\n\n switch (block.type) {\n case 'important_lead': {\n return <ImportantLead block={block} styleContext={styleContext} />\n }\n\n case 'spoiler': {\n return (\n <BlockProvider value={context}>\n <Spoiler block={block} styleContext={styleContext} />\n </BlockProvider>\n )\n }\n\n case 'cover': {\n return <Cover block={block} styleContext={styleContext} />\n }\n\n case 'half': {\n return <HalfBlock block={block} styleContext={styleContext} />\n }\n\n default: {\n return (\n <BlockProvider value={context}>\n <RenderBlocks\n block={block}\n styleContext={styleContext}\n isRead={isRead}\n isListened={isListened}\n isInBookmarks={isInBookmarks}\n bookmarkAction={bookmarkAction}\n />\n </BlockProvider>\n )\n }\n }\n}\n","import React from 'react'\nimport { SwitcherProps } from './Switcher.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './Switcher.module.css'\n\nexport const Switcher: React.FC<SwitcherProps> = ({\n enabled,\n children,\n childrenPosition = 'left',\n onChange,\n styleContext,\n theme = 'light'\n}) => (\n <label\n data-testid=\"switcher\"\n className={makeClassName([\n [styles.root, true],\n [styles[theme], !!styles[theme]],\n [styles[styleContext], !!styles[styleContext]]\n ])}\n >\n {children && childrenPosition === 'left' && (\n <div\n className={makeClassName([\n [styles.children, true],\n [styles.left, true]\n ])}\n >\n {children}\n </div>\n )}\n <input\n className={styles.input}\n type=\"checkbox\"\n checked={enabled}\n onChange={onChange}\n />\n <span className={styles.control}>\n <span className={styles.knob} />\n </span>\n {children && childrenPosition === 'right' && (\n <div\n className={makeClassName([\n [styles.children, true],\n [styles.right, true]\n ])}\n >\n {children}\n </div>\n )}\n </label>\n)\n","import React, { Children } from 'react'\nimport { ToolbarProps } from './Toolbar.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './Toolbar.module.css'\n\nexport const Toolbar: React.FC<ToolbarProps> = ({ children, styleContext }) => {\n let classNames: ClassNames = [[styles.root, true]]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n const renderItems = (): JSX.Element[] =>\n Children.map(children, (item: JSX.Element, index) => (\n <li className={styles.item} key={`${index}-${item.props.type}`}>\n {React.cloneElement(item)}\n </li>\n ))\n\n return (\n <div data-testid=\"toolbar\" className={makeClassName(classNames)}>\n <ul className={styles.list}>{renderItems()}</ul>\n </div>\n )\n}\n","import React from 'react'\nimport { ToolbarButtonProps } from './ToolbarButton.types'\nimport { SvgSymbol } from '../SvgSymbol/'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './ToolbarButton.module.css'\n\nexport const ToolbarButton: React.FC<ToolbarButtonProps> = ({\n children,\n type,\n theme,\n isActive,\n onClick\n}) => {\n const classNames: ClassNames = [\n [styles.root, true],\n [styles[type], !!styles[type]],\n [styles[theme], !!styles[theme] && !!theme],\n [styles.isActive, !!isActive]\n ]\n\n return (\n <button\n data-testid=\"toolbar-button\"\n className={makeClassName(classNames)}\n type=\"button\"\n onClick={(): void => onClick(type)}\n >\n <SvgSymbol size=\"medium\" icon={type} styleContext=\"isInToolbar\" />\n {children && <span className={styles.text}>{children}</span>}\n </button>\n )\n}\n"],"names":["makeClassName","list","filter","map","join","Loader","React","width","height","viewBox","xmlns","d","opacity","fillRule","attributeName","type","from","to","dur","repeatCount","Button","theme","size","state","styleContext","disabled","onClick","children","className","styles","root","loader","icons","meduzaLogo","content","menu","fb","tw","vk","ok","tg","meduzaSymbol","backward","forward","download","play","pause","speedHalf","speedOne","speedOneHalf","speedTwo","podcastBookmark","reaction","cross","link","search","card","podcast","arrow","brent","user","bookmark","receipt","read","listened","SvgSymbol","icon","data","xmlnsXlink","dangerouslySetInnerHTML","__html","BlockContext","createContext","lightBox","BlockProvider","Provider","window","innerWidth","document","documentElement","clientWidth","body","innerHeight","clientHeight","postMessage","element","action","target","top","msg","POST_MESSAGE_PREFIX","JSON","stringify","imageBreakpoints","imageConditionalKeys","xs","superFull","full","narrow","Lazy","useInView","threshold","ref","inView","entry","useState","visible","setVisible","useEffect","boundingClientRect","y","RenderPicture","source","fallbackSource","optimized","alt","display","fallback","setFallback","HTMLPictureElement","s","keys","replace","str","toUpperCase","media","srcSet","w325","original","key","breakpoint","Fragment","src","Image","lazy","fullscreen","ratio","useContext","handleClick","viewportWidth","viewportSize","desktop","mobile","show","pictureStyles","paddingBottom","blockStyles","maxWidth","style","onKeyPress","role","tabIndex","Popover","onClose","handleClose","setTimeout","handleScroll","escFunction","event","addEventListener","removeEventListener","id","x","fill","overflow","transform","mask","Footnote","DotsOnImage","block","credit","dots","title","popover","setPopover","dot","isActive","position","left","backgroundColor","color","shouldShow","side","align","handleDotClick","svg_string","number","image","makeStyleContext","classNames","context","Array","isArray","ctx","concat","Tag","correlation","onlyOn","MediaCaption","caption","Table","rows","options","columnsWidth","columns_widths","tableCredit","table_credit","colors","wrapper","table","tracks","row","i","cells","cell","j","header","fixedColumn","fixed_first_column","val","MaterialNote","item","BookmarkButton","isInBookmarks","control","Meta","hasSource","Timestamp","published","locale","timeFormat","preparedPublishedAt","publishedAt","dayjs","extend","relativeTime","fromNow","format","Error","DangerousHTML","tagName","TagName","html","useRef","canRenderHtml","setCanRenderHtml","replaceScriptElementsRecursive","useCallback","node","indexOf","childNodes","length","script","createElement","Math","random","toString","slice","innerHTML","attrs","attributes","setAttribute","name","value","parentElement","replaceChild","prepareAnchors","current","querySelectorAll","forEach","a","firstElementChild","EmbedGif","gif","mp4Url","videoFrozen","setVideoFrozen","videoElem","handleVideoTouch","handleVideoError","video","dataset","enableInlineVideo","figure","objectWrap","playsInline","muted","loop","autoPlay","preload","EmbedBlock","only_on","provider","cc","small","small_url","large","large_url","gifUrl","gif_url","mp4_url","isPopoverShown","setIsPopoverShown","isProportional","mobileFullwidth","renderCC","proportional","filteredContext","Object","startsWith","reduce","acc","push","object","gameEmbed","game_src","game_id","renderEmbed","IframeBlock","lang","rootEl","contentEl","scriptEl","range","createRange","setStart","textContent","appendChild","createContextualFragment","frame","querySelector","contentDocument","open","close","renderIframe","EmbedBlockContainer","wrap_with_iframe","QuoteBlock","CardTitle","index","text","ChapterBlock","subtitle","SimpleTitle","first","RichTitle","second","featured","SimpleBlock","ListBlock","RelatedBlock","related","items","layout","href","full_url","url","rel","second_title","SourceBlock","quote","origin","cite","GroupedBlock","maxHeight","min","normalizedBoxesWidth","sumWidth","sum","hasFigcaption","figcaption","MetaItem","hasBullets","bullets","MetaItemLive","DocumentItemsCount","one","two","five","n","i18n","ru","en","itemsCount","abs","MetaContainer","isRead","isListened","bookmarkAction","components","themeColor","isPodcast","isSlides","find","component","datetime","count","with_icon","label","RenderBlocks","Cover","blocks","cover","urls","mobileRatio","mobile_ratio","gradients","text_rgb","backgroundImage","bg_rgb","HalfBlock","main","footer","ImportantLead","Spoiler","button","buttonTitle","btn_title","spoiled","setSpoiled","buttonCollapse","collapse","buttonExpande","expand","getBoundingClientRect","scrollIntoView","behavior","active","enabled","childrenPosition","onChange","input","checked","knob","right","Children","props","cloneElement"],"mappings":"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"}
1
+ {"version":3,"file":"ui-kit-2.cjs.production.min.js","sources":["../src/utils/makeClassName.ts","../src/Button/loader.tsx","../src/Button/index.tsx","../src/SvgSymbol/icons.ts","../src/SvgSymbol/index.tsx","../src/utils/BlockContext.ts","../src/utils/viewportSize.ts","../src/utils/postMessage.ts","../src/constants.ts","../src/Lazy/index.tsx","../src/Image/RenderPicture.tsx","../src/utils/toCamel.ts","../src/Image/index.tsx","../src/Popover/index.tsx","../src/Footnote/index.tsx","../src/DotsOnImage/index.tsx","../src/utils/makeStyleContext.ts","../src/Tag/index.tsx","../src/MediaCaption/index.tsx","../src/Table/index.tsx","../src/MaterialNote/index.tsx","../src/BookmarkButton/index.tsx","../src/Meta/index.tsx","../src/Timestamp/index.tsx","../src/utils/DangerousHtml.tsx","../src/EmbedBlock/EmbedGif.tsx","../src/EmbedBlock/EmbedBlock.tsx","../src/EmbedBlock/IframeBlock.tsx","../src/EmbedBlock/index.tsx","../src/QuoteBlock/index.tsx","../src/CardTitle/index.tsx","../src/ChapterBlock/index.tsx","../src/SimpleTitle/index.tsx","../src/RichTitle/index.tsx","../src/SimpleBlock/index.tsx","../src/ListBlock/index.tsx","../src/RelatedBlock/index.tsx","../src/SourceBlock/index.tsx","../src/GroupedBlock/index.tsx","../src/MetaItem/index.tsx","../src/MetaItemLive/index.tsx","../src/DocumentItemsCount/index.tsx","../src/utils/pluralize.ts","../src/Meta/MetaContainer.tsx","../src/RenderBlocks/index.tsx","../src/Cover/index.tsx","../src/utils/generateGradient.ts","../src/HalfBlock/index.tsx","../src/ImportantLead/index.tsx","../src/Spoiler/index.tsx","../src/Dropdown/index.tsx","../src/MaterialTitle/index.tsx","../src/RawHtmlBlock/index.tsx","../src/Switcher/index.tsx","../src/Toolbar/index.tsx","../src/ToolbarButton/index.tsx"],"sourcesContent":["export type ClassNames = (string[] | string | boolean)[][]\n\nexport const makeClassName = (list: ClassNames): string => {\n return list\n .filter(([, active]) => active)\n .map(([className]) => className)\n .join(' ')\n}\n\nexport default makeClassName\n","import React from 'react'\n\nconst Loader: React.FC = () => (\n <svg\n width=\"30px\"\n height=\"30px\"\n viewBox=\"0 0 30 30\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g>\n <path\n d=\"M15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15zm0 2c7.18 0 13 5.82 13 13s-5.82 13-13 13S2 22.18 2 15 7.82 2 15 2z\"\n opacity=\"0.3\"\n />\n </g>\n <g fillRule=\"evenodd\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 15 15\"\n to=\"360 15 15\"\n dur=\"1000ms\"\n repeatCount=\"indefinite\"\n />\n <path d=\"M15 0c8.18 0 14.83 6.547 14.997 14.686L30 15h-2c0-7.077-5.655-12.833-12.693-12.996L15 2V0z\" />\n </g>\n </svg>\n)\n\nexport default Loader\n","import React, { FC } from 'react'\nimport { makeClassName } from '../utils/makeClassName'\nimport Loader from './loader'\nimport { ButtonProps } from './Button.types'\n\nimport styles from './Button.module.css'\n\nexport const Button: FC<ButtonProps> = ({\n theme = 'gold',\n size = 'default',\n state = 'isDefault',\n styleContext = 'isInToolbar',\n disabled = false,\n onClick,\n children\n}) => {\n const handleClick = (): void => {\n if (disabled || !onClick) {\n return\n }\n\n onClick()\n }\n\n return (\n <button\n data-testid=\"button\"\n className={makeClassName([\n [styles.root, true],\n [styles[size], !!size],\n [styles[theme], !!theme],\n [styles[state], !!state && !!styles[state]],\n [styles[styleContext], !!styleContext]\n ])}\n disabled={disabled}\n onClick={handleClick}\n type=\"button\"\n >\n {state === 'isLoading' ? (\n <span className={styles.loader}>\n <Loader />\n </span>\n ) : (\n children\n )}\n </button>\n )\n}\n","export const icons = {\n meduzaLogo: {\n width: 544,\n height: 115,\n content:\n '<path d=\"M59.1008614,49.65632 L59.1008614,106.01472 L84.9480411,114.24 L84.9480411,49.65632 L101.574882,49.65632 L101.574882,106.01472 L127.270909,114.24 L144.048902,91.392 L127.422062,91.392 L127.422062,35.7952 L101.726035,26.80832 L84.9480411,46.60992 L84.9480411,35.7952 L59.2520145,26.80832 L42.4740206,46.60992 L42.4740206,35.7952 L16.7779939,26.80832 L0,49.65632 L16.6268408,49.65632 L16.6268408,106.01472 L42.4740206,114.24 L42.4740206,49.65632 L59.1008614,49.65632 L59.1008614,49.65632 Z M336.61795,91.392 L336.61795,35.0336 L310.770769,26.80832 L310.770769,105.25312 L336.466796,114.24 L353.24479,94.4384 L353.24479,105.25312 L378.940817,114.24 L395.71881,91.392 L379.091969,91.392 L379.091969,35.0336 L353.24479,26.80832 L353.24479,91.392 L336.61795,91.392 L336.61795,91.392 Z M527.373159,38.08 L502.130592,26.80832 L472.202278,41.1264 L502.130592,52.39808 L461.016949,72.352 L461.016949,104.94848 L486.86413,114.24 L502.130592,94.28608 L502.130592,105.25312 L527.977771,114.24 L544,91.23968 L527.373159,91.23968 L527.373159,38.08 L527.373159,38.08 Z M177.453737,114.24 L207.079744,102.35904 L177.453737,91.23968 L177.453737,75.24608 L216.300083,56.3584 L194.231731,26.80832 L151.606557,47.37152 L151.606557,103.12064 L177.453737,114.24 L177.453737,114.24 Z M455.424284,89.56416 L423.984441,79.968 L453.459295,42.19264 L416.577937,26.80832 L397.230341,51.48416 L428.821339,61.23264 L398.741873,98.85568 L436.076687,114.24 L455.424284,89.56416 L455.424284,89.56416 Z M486.86413,91.392 L486.86413,68.84864 L502.130592,61.53728 L502.130592,91.392 L486.86413,91.392 L486.86413,91.392 Z M177.453737,41.58336 L190.452904,59.55712 L177.453737,65.80224 L177.453737,41.58336 L177.453737,41.58336 Z M222.95082,103.12064 L248.797999,114.24 L291.27202,97.18016 L291.27202,29.7024 L222.95082,0 L222.95082,26.30784 L265.424841,43.21536 L265.424841,97.33248 L248.797999,91.23968 L248.797999,43.71584 L222.95082,51.94112 L222.95082,103.12064 L222.95082,103.12064 Z\" />'\n },\n\n menu: {\n width: 24,\n height: 24,\n content:\n '<path d=\"M2 21h20M2 12h20M2 3h20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" vector-effect=\"non-scaling-stroke\" />'\n },\n\n fb: {\n width: 16,\n height: 18,\n content:\n '<path d=\"M15.117 1H.883A.883.883 0 0 0 0 1.883v14.234A.883.883 0 0 0 .883 17h7.663v-6.196H6.461V8.389h2.085V6.61a2.91 2.91 0 0 1 3.106-3.192c.622-.003 1.244.03 1.863.095v2.16h-1.279c-1.002 0-1.196.476-1.196 1.176v1.541h2.39l-.31 2.415h-2.08V17h4.077a.883.883 0 0 0 .883-.883V1.883A.883.883 0 0 0 15.117 1\" />'\n },\n\n tw: {\n width: 20,\n height: 18,\n content:\n '<path d=\"M20 3.1c-.7.3-1.5.6-2.4.7.8-.5 1.5-1.4 1.8-2.4-.8.5-1.7.8-2.6 1-.7-.8-1.8-1.4-3-1.4-2.3 0-4.1 1.9-4.1 4.3 0 .3 0 .7.1 1-3.3-.1-6.4-1.8-8.4-4.4-.3.6-.5 1.4-.5 2.2 0 1.5.7 2.8 1.8 3.6-.7 0-1.3-.2-1.9-.5v.1c0 2.1 1.4 3.8 3.3 4.2-.3.1-.7.2-1.1.2-.3 0-.5 0-.8-.1.5 1.7 2 2.9 3.8 3-1.3 1-3.1 1.6-5 1.6-.3 0-.7 0-1-.1C1.8 17.3 4 18 6.3 18 13.8 18 18 11.5 18 5.8v-.6c.8-.5 1.5-1.2 2-2.1\" fill-rule=\"nonzero\"/>'\n },\n\n vk: {\n width: 20,\n height: 18,\n content:\n '<path d=\"M16.517 9.851s2.587-3.768 2.886-5.058c.1-.396-.1-.694-.498-.694h-2.288c-.498 0-.697.199-.896.595 0 0-1.194 2.678-2.686 4.364-.498.496-.697.694-.995.694-.2 0-.299-.198-.299-.694V4.793c0-.595-.1-.793-.597-.793H7.463c-.2 0-.398.198-.398.397 0 .595.796.694.796 2.28v3.174c0 .595 0 .893-.299.893-.796 0-2.686-2.777-3.681-5.851-.2-.595-.398-.794-.995-.794H.597C.299 4.1 0 4.298 0 4.694c0 .595.697 3.471 3.483 7.34C5.373 14.611 7.86 16 10.05 16c1.393 0 1.691-.198 1.691-.793v-1.984c0-.496.2-.694.498-.694s.895.1 2.189 1.388C15.92 15.405 16.02 16 16.915 16h2.587c.299 0 .498-.1.498-.595 0-.595-.796-1.587-1.89-2.876-.498-.595-1.195-1.29-1.493-1.686-.398-.397-.299-.595-.1-.992\" fill-rule=\"nonzero\"/>'\n },\n\n ok: {\n width: 9,\n height: 18,\n content:\n '<path d=\"M4.5 2c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4m0 5.7c-.9 0-1.6-.8-1.6-1.7 0-.9.7-1.6 1.6-1.6.9 0 1.7.7 1.7 1.7 0 .8-.8 1.6-1.7 1.6\" fill-rule=\"nonzero\"/> <path d=\"M6.127 12.982a9.194 9.194 0 0 0 2.307-.904c.602-.301.703-1.004.402-1.507-.301-.502-1.104-.703-1.605-.401-1.605 1.004-3.812 1.004-5.417 0-.502-.302-1.304-.201-1.605.3-.401.604-.2 1.206.401 1.608a9.194 9.194 0 0 0 2.307.904L.61 15.092c-.502.401-.502 1.104 0 1.607a1.357 1.357 0 0 0 1.705 0l2.207-2.11L6.73 16.7a1.357 1.357 0 0 0 1.705 0c.502-.402.502-1.105 0-1.608l-2.307-2.109\" fill-rule=\"nonzero\"/>'\n },\n\n tg: {\n width: 18,\n height: 18,\n content:\n '<path d=\"M9 18c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm-1.5-7.4c1.1 1 2 3.3 2 3.3.4.2.7.1.8-.4l2.1-7.4c.1-.6-.2-.8-.6-.7L4 8.3c-.6.2-.6.5-.1.7 0 .1 2.4.6 3.6 1.6z\" fill-rule=\"nonzero\"/>'\n },\n\n meduzaSymbol: {\n width: 24,\n height: 18,\n content:\n '<path d=\"M10.026233,17.0968697 L13.9737671,18.3530831 L13.9737671,10.9855851 L13.9737671,8.48948164 L16.5131165,8.48948164 L16.5131165,17.0968697 L20.4375656,18.3530831 L23,14.8636014 L20.4606507,14.8636014 L20.4606507,6.37252945 L16.5362015,5 L13.9737671,8.02421743 L13.9737671,6.37252945 L10.049318,5 L7.48688354,8.02421743 L7.48688354,6.37252945 L3.56243443,5 L1,8.48948164 L3.53934943,8.48948164 L3.53934943,17.0968697 L7.48688354,18.3530831 L7.48688354,8.48948164 L10.026233,8.48948164 L10.026233,17.0968697 Z\" />'\n },\n\n backward: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M13 0v2.01c6.672.263 12 5.754 12 12.49C25 21.404 19.404 27 12.5 27S0 21.404 0 14.5c0-3.493 1.441-6.758 3.936-9.105a.75.75 0 111.028 1.092A10.965 10.965 0 001.5 14.5c0 6.075 4.925 11 11 11s11-4.925 11-11c0-5.907-4.656-10.727-10.499-10.989L13 6 8 3l5-3zm3.295 11.33v1.25h-3.16v1.63c.32-.32.86-.56 1.47-.56 1.13 0 2.14.81 2.14 2.16 0 1.42-1.06 2.31-2.67 2.31-1.16 0-2-.38-2.57-1l.79-.99c.45.47 1.07.73 1.77.73.79 0 1.24-.45 1.24-.99 0-.59-.44-.99-1.2-.99-.55 0-1 .16-1.4.54l-.99-.26v-3.83h4.58zm-5.94 0V18h-1.42v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24z\" fill-rule=\"nonzero\"/>'\n },\n\n forward: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M12 0l5 3-5 3V3.511C6.157 3.773 1.5 8.592 1.5 14.5c0 6.075 4.925 11 11 11s11-4.925 11-11c0-3.075-1.267-5.946-3.464-8.013a.75.75 0 011.028-1.092A12.465 12.465 0 0125 14.5C25 21.404 19.404 27 12.5 27S0 21.404 0 14.5C0 7.764 5.328 2.272 12 2.01V0zm4.295 11.33v1.25h-3.16v1.63c.32-.32.86-.56 1.47-.56 1.13 0 2.14.81 2.14 2.16 0 1.42-1.06 2.31-2.67 2.31-1.16 0-2-.38-2.57-1l.79-.99c.45.47 1.07.73 1.77.73.79 0 1.24-.45 1.24-.99 0-.59-.44-.99-1.2-.99-.55 0-1 .16-1.4.54l-.99-.26v-3.83h4.58zm-5.94 0V18h-1.42v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24z\" fill-rule=\"nonzero\"/>'\n },\n\n download: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M12.5 2C19.404 2 25 7.596 25 14.5S19.404 27 12.5 27 0 21.404 0 14.5 5.596 2 12.5 2zm0 1.5c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11-4.925-11-11-11zm6 15.75a.75.75 0 01.102 1.493l-.102.007h-12a.75.75 0 01-.102-1.493l.102-.007h12zm-6-12a.75.75 0 01.743.648L13.25 8v7.598l1.834-1.222a.75.75 0 11.832 1.248l-3 2a.75.75 0 01-.832 0l-3-2a.75.75 0 11.832-1.248l1.834 1.223V8a.75.75 0 01.648-.743l.102-.007z\" fill-rule=\"nonzero\" fill=\"currentColor\" />'\n },\n\n play: {\n width: 62,\n height: 62,\n content:\n '<path d=\"M24.35 41.772a.5.5 0 0 1-.739-.439V20.667a.5.5 0 0 1 .74-.44l18.944 10.334a.5.5 0 0 1 0 .878L24.351 41.772z\" fill-rule=\"nonzero\"/>'\n },\n\n pause: {\n width: 22,\n height: 22,\n content:\n '<path d=\"M12.832 4h2.8c.276 0 .5.224.5.5v12.394c0 .277-.224.5-.5.5h-2.8c-.276 0-.5-.223-.5-.5V4.5c0-.276.224-.5.5-.5zM6.5 4h2.8c.277 0 .5.224.5.5v12.394c0 .277-.223.5-.5.5H6.5c-.276 0-.5-.223-.5-.5V4.5c0-.276.224-.5.5-.5z\" />'\n },\n\n speedHalf: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M7.212 15.198V12.29l-.676.724L6 12.406 7.35 11h.825v4.198h-.963zM8.056 18H7.3l4.23-7h.765l-4.24 7zm2.99 0v-.735c1.717-1.27 2.134-1.679 2.134-2.14 0-.389-.288-.578-.665-.578-.467 0-.884.263-1.083.525l-.496-.64c.417-.493 1.053-.693 1.599-.693.913 0 1.599.462 1.599 1.312 0 .682-.556 1.28-1.708 2.14h1.737V18h-3.118zm5.998-2.918l-1.39 1.48-.567-.577 1.4-1.49-1.4-1.48.566-.588 1.39 1.49 1.4-1.49.557.588-1.4 1.48 1.4 1.49-.556.577-1.4-1.48z\" /><path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" />'\n },\n\n speedOne: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M9.955 18v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24V18h-1.42zm4.6-2.78l-1.4 1.41-.57-.55 1.41-1.42-1.41-1.41.57-.56 1.4 1.42 1.41-1.42.56.56-1.41 1.41 1.41 1.42-.56.55-1.41-1.41z\" fill-rule=\"nonzero\"/><path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" fill-rule=\"nonzero\"/>'\n },\n\n speedOneHalf: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M5.62 18v-4.84l-1.11 1.13-.81-.85 2.1-2.11h1.24V18H5.62zm3.37-2.67v-2.77l-.68.69-.54-.58 1.36-1.34h.83v4h-.97zM9.84 18h-.76l4.26-6.67h.77L9.84 18zm3.01 0v-.7c1.73-1.21 2.15-1.6 2.15-2.04 0-.37-.29-.55-.67-.55-.47 0-.89.25-1.09.5l-.5-.61c.42-.47 1.06-.66 1.61-.66.92 0 1.61.44 1.61 1.25 0 .65-.56 1.22-1.72 2.04h1.75V18h-3.14zm6.04-2.78l-1.4 1.41-.57-.55 1.41-1.42-1.41-1.41.57-.56 1.4 1.42 1.41-1.42.56.56-1.41 1.41 1.41 1.42-.56.55-1.41-1.41z\" fill-rule=\"nonzero\"/><path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" fill-rule=\"nonzero\"/>'\n },\n\n speedTwo: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M7.147 18v-1.158c2.685-2.078 3.471-2.792 3.471-3.64 0-.6-.52-.9-1.061-.9-.748 0-1.318.311-1.76.797L7 12.127C7.64 11.352 8.613 11 9.527 11c1.396 0 2.507.827 2.507 2.202 0 1.18-.924 2.203-2.625 3.506h2.675V18H7.147zm7.916-2.874l-1.377 1.457-.56-.568 1.386-1.468-1.386-1.458.56-.58 1.377 1.469 1.386-1.468.551.579-1.386 1.458L17 16.015l-.55.568-1.387-1.457z\" fill-rule=\"nonzero\"/><path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" fill-rule=\"nonzero\"/>'\n },\n\n podcastBookmark: {\n width: 25,\n height: 27,\n content:\n '<path d=\"M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z\" /> <path d=\"M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75zm-.75 1.499v9.176l-3.3-2.8-.098-.07a.75.75 0 00-.873.07l-3.3 2.799V9.749h7.571z\" data-stroke=\"true\" /> <path d=\"M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75z\" data-fill=\"true\" />'\n },\n\n reaction: {\n width: 16,\n height: 16,\n content:\n '<path data-theme=\"light\" fill=\"#D09959\" d=\"M1 2h14v12H1z\"/> <path d=\"M0 1.778C0 .8.8 0 1.778 0h12.444C15.2 0 16 .8 16 1.778v12.444C16 15.2 15.2 16 14.222 16H1.778C.8 16 0 15.2 0 14.222V1.778zM6.8 11.7l2.5.8V6.2h1.6v5.5l2.5.8 1.6-2.3h-1.6V4.8L10.9 4 9.3 5.9V4.8L6.8 4 5.1 5.9V4.8L2.6 4 1 6.2h1.6v5.5l2.5.8V6.2h1.7v5.5z\" />'\n },\n\n cross: {\n width: 18,\n height: 18,\n content:\n '<path fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" vector-effect=\"non-scaling-stroke\" d=\"M2 2l14 14M16 2L2 16\" />'\n },\n\n link: {\n width: 24,\n height: 24,\n content:\n '<path d=\"M9.158 18.928c-1.065 0-2.13-.405-2.94-1.215-1.624-1.623-1.624-4.262 0-5.884l.643-.645c.327-.326.854-.326 1.18 0 .325.326.325.853 0 1.178l-.645.645c-.972.972-.972 2.554 0 3.526.973.972 2.554.973 3.526 0l2.842-2.84c.97-.972.97-2.555 0-3.527-.325-.325-.325-.854 0-1.18.325-.324.853-.324 1.178 0 1.623 1.625 1.623 4.264 0 5.885l-2.84 2.84c-.81.81-1.877 1.216-2.942 1.216\" /> <path d=\"M10.578 14.184c-.213 0-.426-.082-.59-.244-.784-.785-1.217-1.83-1.217-2.94 0-1.113.433-2.158 1.22-2.944l2.84-2.84c1.622-1.62 4.26-1.62 5.883 0 1.622 1.623 1.622 4.262 0 5.883l-.645.643c-.325.326-.852.326-1.178 0-.325-.325-.325-.852 0-1.178l.645-.644c.972-.97.972-2.554 0-3.526s-2.556-.972-3.527 0l-2.84 2.842c-.47.47-.73 1.096-.73 1.762 0 .667.26 1.293.73 1.763.325.327.325.854 0 1.18-.163.162-.376.244-.59.244\" />'\n },\n\n search: {\n width: 16,\n height: 16,\n content:\n '<g transform=\"translate(2 1)\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" vector-effect=\"non-scaling-stroke\"><circle cx=\"5.5\" cy=\"5.5\" r=\"5.5\"/><path d=\"M11.37 13.442l-.995-1.272\"/></g>'\n },\n\n card: {\n width: 15,\n height: 15,\n content:\n '<path d=\"M9 5.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h5zm-.5 1h-4v4h4v-4zm2.5-3a.5.5 0 0 1 .5.5v5a.5.5 0 1 1-1 0V4.5H6a.5.5 0 0 1 0-1h5z\" fill-rule=\"nonzero\"/>'\n },\n\n podcast: {\n width: 15,\n height: 15,\n content:\n '<path d=\"M5.252 11.432A.5.5 0 0 1 4.5 11V4a.5.5 0 0 1 .752-.432l6 3.5a.5.5 0 0 1 0 .864l-6 3.5zm.248-1.303L10.008 7.5 5.5 4.87v5.26z\" fill-rule=\"nonzero\" />'\n },\n\n arrow: {\n width: 12,\n height: 12,\n content:\n '<path d=\"M3 7l3 3.5L9 7M6 10V1\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.2\" vector-effect=\"non-scaling-stroke\" />'\n },\n\n brent: {\n width: 9,\n height: 12,\n content:\n '<g fill=\"#999\" fill-rule=\"nonzero\"><path d=\"M4.332 0l.528.606c2.528 2.902 3.804 5.07 3.804 6.634A4.332 4.332 0 110 7.24C0 5.676 1.276 3.508 3.804.606L4.332 0zm0 2.143l-.176.212C2.313 4.589 1.4 6.248 1.4 7.24a2.932 2.932 0 105.864 0c0-.992-.914-2.651-2.756-4.885l-.176-.212z\"/><path d=\"M2.973 7.475c0 .415.417.863.835.924l.097.008v.7c-.79 0-1.548-.716-1.626-1.5l-.006-.132h.7z\"/></g> '\n },\n\n user: {\n width: 16,\n height: 16,\n content:\n '<path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M8 1a4.25 4.25 0 012.676 7.552 6.751 6.751 0 014.074 6.198.75.75 0 11-1.5 0 5.25 5.25 0 00-10.5 0 .75.75 0 11-1.5 0 6.752 6.752 0 014.074-6.199A4.25 4.25 0 018 1zm0 1.5A2.75 2.75 0 108 8a2.75 2.75 0 000-5.5z\" />'\n },\n\n bookmark: {\n width: 17,\n height: 21,\n content:\n '<path d=\"M16 20l-7.5-6.333L1 20V1h15z\" stroke=\"currentColor\" fill-rule=\"evenodd\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>'\n },\n\n receipt: {\n width: 10,\n height: 13,\n content:\n '<g fill=\"currentColor\" fill-rule=\"nonzero\"><path d=\"M10 0H0v13l2-1.74 1.5 1.305L5 11.26l1.5 1.305L8 11.26 10 13V0zM9 .997v9.81l-1-.87-1.5 1.304L5 9.937 3.5 11.24 2 9.937l-1 .87V.996h8z\"/><path d=\"M7 3v1H3V3zM7 6v1H3V6z\"/></g>'\n },\n\n read: {\n width: 15,\n height: 15,\n content:\n '<g fill=\"none\" fill-rule=\"evenodd\"><path opacity=\".98\" d=\"M0 0h15v15H0z\"/><path d=\"M13.085 1.694a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z\" fill=\"#6EAC65\" fill-rule=\"nonzero\"/><path d=\"M6.454 12.997l-.06-.01-.078-.023a.49.49 0 01-.266-.24l.011.015a2.349 2.349 0 00-.535-.607c-.89-.745-2.117-.917-3.813-.12a.5.5 0 01-.706-.37L1 11.558V4.568a.5.5 0 01.287-.453c2.053-.963 3.695-.733 4.88.26.327.272.556.548.698.77l.084.144.018.04.022.076.01.071L7 11.233l.126-.09c.95-.656 2.16-.857 3.608-.417l.266.087v-2.81a.5.5 0 01.41-.491l.09-.008a.5.5 0 01.492.41l.008.09v3.555a.5.5 0 01-.713.452c-1.696-.796-2.922-.624-3.813.12a2.533 2.533 0 00-.497.544l-.038.064a.486.486 0 01-.485.258zm-4.29-8.17L2 4.892v5.92c1.637-.572 2.977-.348 4 .42l.002-5.58a2.605 2.605 0 00-.476-.513c-.81-.677-1.897-.88-3.362-.314z\" fill=\"currentColor\" fill-rule=\"nonzero\"/></g>'\n },\n listened: {\n width: 15,\n height: 15,\n content:\n '<g fill-rule=\"nonzero\"><path d=\"M4.978 4.354a.5.5 0 01-.332.624c-1.197.367-2.064 1.527-2.14 2.897l-.005.167a.749.749 0 01.999.708v3a.75.75 0 01-1.458.248L2 12a1 1 0 01-1-1v-1a1 1 0 01.5-.866V8.072c0-1.886 1.172-3.535 2.854-4.05a.5.5 0 01.624.332zM10 7a.5.5 0 01.492.41l.008.09.001 1.634a1 1 0 01.492.745L11 10v1a1 1 0 01-.883.993L10 12l-.042-.002a.75.75 0 01-1.451-.146L8.5 11.75v-3a.75.75 0 011.001-.707L9.5 7.5l.008-.09A.5.5 0 0110 7z\" fill=\"currentColor\" /><path d=\"M11.585 1.194a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z\" fill=\"#6EAC65\" /></g>'\n }\n}\n","import React from 'react'\nimport { SvgSymbolProps } from './SvgSymbol.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport { icons } from './icons'\n\nimport styles from './SvgSymbol.module.css'\n\nexport const SvgSymbol: React.FC<SvgSymbolProps> = ({\n icon,\n size,\n styleContext\n}) => {\n const data = icons[icon]\n\n return (\n <svg\n data-testid=\"svg-symbol\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n className={makeClassName([\n [styles.root, true],\n [styles[size], !!styles[size]],\n [styles[icon], !!styles[icon]],\n [styles[styleContext], !!styles[styleContext]]\n ])}\n width={data.width}\n height={data.height}\n viewBox={`0 0 ${data.width} ${data.height}`}\n dangerouslySetInnerHTML={{ __html: data.content }}\n />\n )\n}\n","import React from 'react'\n\nconst BlockContext = React.createContext({ lightBox: null })\n\nexport const BlockProvider = BlockContext.Provider\n\nexport default BlockContext\n","type viewportSize = {\n width: number\n height: number\n}\n\nexport default (): viewportSize => ({\n width:\n window.innerWidth ||\n document.documentElement.clientWidth ||\n document.body.clientWidth,\n height:\n window.innerHeight ||\n document.documentElement.clientHeight ||\n document.body.clientHeight\n})\n","const POST_MESSAGE_PREFIX = 'mdzKitMsg'\n\nconst postMessage = (element: string, action: string): void => {\n const target = window.top\n\n const msg = `${POST_MESSAGE_PREFIX}=${JSON.stringify({\n element,\n action\n })}`\n\n if (typeof target !== 'undefined') {\n target.postMessage(msg, '*')\n }\n}\n\nexport default postMessage\n","export const MediaQuerySizes = {\n MOBILE: 512,\n PORTRAIT_TABLET: 768,\n LANDSCAPE_TABLET: 1024,\n DESKTOP: 1010,\n WIDE_DESKTOP: 1200\n}\n\nexport const imageBreakpoints = {\n 325: '(min-width: 0)',\n 520: '(min-width: 325px)',\n 600: '(min-width: 600px)',\n 650: '(min-width: 650px)',\n 980: '(min-width: 1000px)',\n 1335: '(min-width: 1000px)'\n}\n\nexport const imageConditionalKeys = {\n xs: [325],\n superFull: [1335, 650, 520, 325],\n full: [980, 650, 520, 325],\n default: [650, 520, 325],\n narrow: [600, 325]\n}\n","import React, { useState, useEffect } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport { makeClassName } from '../utils/makeClassName'\nimport { LazyProps } from './Lazy.types'\n\nimport styles from './Lazy.module.css'\n\nexport const Lazy: React.FC<LazyProps> = ({ children, threshold }) => {\n const [ref, inView, entry] = useInView({\n threshold: threshold || 0\n })\n\n const [visible, setVisible] = useState(false)\n\n useEffect(() => {\n if (entry && entry.boundingClientRect && entry.boundingClientRect.y < 0) {\n setVisible(true)\n }\n }, [entry])\n\n useEffect(() => {\n if (inView) {\n setVisible(true)\n }\n }, [inView])\n\n return (\n <div\n className={makeClassName([\n [styles.root, true],\n [styles.visible, visible]\n ])}\n ref={ref}\n data-testid=\"lazy\"\n >\n {visible && children}\n </div>\n )\n}\n","import React, { useState, useEffect } from 'react'\nimport { PictureProps } from './Image.types'\nimport { imageBreakpoints, imageConditionalKeys } from '../constants'\nimport { toCamel } from '../utils/toCamel'\n\nexport const RenderPicture: React.FC<PictureProps> = ({\n source,\n fallbackSource,\n optimized,\n alt,\n display\n}) => {\n const [fallback, setFallback] = useState(false)\n\n useEffect(() => {\n setFallback(!window.HTMLPictureElement)\n }, [])\n\n const keys =\n imageConditionalKeys[toCamel(display)] || imageConditionalKeys.default\n\n return (\n <picture>\n {source && (\n <source media=\"(min-width: 325px)\" srcSet={`${source[1]} 2x`} />\n )}\n\n {optimized && !optimized.w325 && (\n <source media=\"(min-width: 0)\" srcSet={`${optimized.original}`} />\n )}\n\n {optimized &&\n keys.map((key) => {\n const breakpoint = optimized[`w${key}`]\n\n if (!breakpoint) {\n return null\n }\n\n return (\n <React.Fragment key={key}>\n <source\n type=\"image/webp\"\n media={imageBreakpoints[key]}\n srcSet={`${breakpoint['2x_webp']} 2x, ${breakpoint['1x_webp']} 1x `}\n />\n\n <source\n type=\"image/png\"\n media={imageBreakpoints[key]}\n srcSet={`${breakpoint['2x']} 2x, ${breakpoint['1x']} 1x `}\n />\n </React.Fragment>\n )\n })}\n\n <img\n src={\n fallback\n ? fallbackSource\n : 'data:image/gif;base64,R0lGODlhAQABAPAAAPLy8gAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='\n }\n alt={alt}\n />\n </picture>\n )\n}\n\nexport default RenderPicture\n","export const toCamel = (s: string): string =>\n s.replace(/([_][a-z])/gi, (str) => str.toUpperCase().replace('_', ''))\n","import React, { useContext } from 'react'\nimport { ImageProps } from './Image.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport BlockContext from '../utils/BlockContext'\nimport viewportSize from '../utils/viewportSize'\nimport postMessage from '../utils/postMessage'\nimport { MediaQuerySizes } from '../constants'\nimport { Lazy } from '../Lazy'\nimport RenderPicture from './RenderPicture'\n\nimport styles from './Image.module.css'\n\nexport const Image: React.FC<ImageProps> = ({\n alt,\n display,\n optimized,\n width,\n height,\n source,\n lazy,\n fullscreen,\n ratio\n}) => {\n const { lightBox } = useContext(BlockContext)\n\n const handleClick = (): void => {\n if (!fullscreen || !lightBox || (optimized && !optimized.original)) {\n return\n }\n\n const { width: viewportWidth } = viewportSize()\n\n const disableFullscreenDesktop =\n viewportWidth >= MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen.desktop\n\n const disableFullscreenMobile =\n viewportWidth < MediaQuerySizes.LANDSCAPE_TABLET && !fullscreen.mobile\n\n if (disableFullscreenDesktop || disableFullscreenMobile) {\n return\n }\n\n postMessage('fullscreen_click', 'click')\n lightBox.show(optimized, width, height, alt)\n }\n\n const pictureStyles = {\n paddingBottom: `${100 / (ratio || width / height)}%`\n }\n\n const blockStyles = {\n maxWidth: width <= 649 ? width : '100%'\n }\n\n /* fallback w325 url until w6 was released */\n const fallbackSource =\n (source && source[0]) ||\n (optimized.w325 && optimized.w325['1x']) ||\n optimized.original\n\n return (\n <div\n className={makeClassName([\n [styles.root, true],\n [styles.fullscreen, fullscreen && fullscreen.desktop]\n ])}\n style={blockStyles}\n data-testid=\"image\"\n >\n <div\n className={styles.wrapper}\n style={pictureStyles}\n onClick={(): void => handleClick()}\n onKeyPress={(): void => handleClick()}\n role=\"button\"\n tabIndex={0}\n >\n {lazy ? (\n <>\n <Lazy threshold={0.25}>\n <RenderPicture\n fallbackSource={fallbackSource}\n source={source}\n optimized={optimized}\n alt={alt}\n display={display}\n />\n </Lazy>\n <noscript>\n <img src={fallbackSource} alt={alt} />\n </noscript>\n </>\n ) : (\n <RenderPicture\n fallbackSource={fallbackSource}\n source={source}\n optimized={optimized}\n alt={alt}\n display={display}\n />\n )}\n </div>\n </div>\n )\n}\n","import React, { useState, useEffect } from 'react'\nimport { PopoverProps } from './Popover.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './Popover.module.css'\n\nexport const Popover: React.FC<PopoverProps> = ({ children, onClose }) => {\n const [visible, setVisible] = useState(true)\n\n const handleClose = (): void => {\n setVisible(false)\n setTimeout(onClose, 350)\n }\n\n const handleScroll = (): void => {\n handleClose()\n }\n\n const escFunction = (event: KeyboardEvent): void => {\n if (event.key === 'Escape') {\n handleClose()\n }\n }\n\n useEffect(() => {\n window.addEventListener('keydown', escFunction, false)\n window.addEventListener('scroll', handleScroll, false)\n\n return () => {\n window.removeEventListener('keydown', escFunction, false)\n window.removeEventListener('scroll', handleScroll, false)\n }\n }, [visible])\n\n /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n return (\n <div\n data-testid=\"popover\"\n className={makeClassName([\n [styles.root, true],\n [styles.visible, visible]\n ])}\n >\n <div className={styles.overlay} onClick={(): void => handleClose()} />\n\n <div className={styles.container}>\n <button\n type=\"button\"\n className={styles.dismiss}\n onClick={(): void => handleClose()}\n aria-label=\"dismiss\"\n />\n <svg width=\"100%\" className={styles.background}>\n <defs>\n <mask id=\"myMask\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n <rect fill=\"white\" y=\"0\" width=\"100%\" height=\"100%\" x=\"0\" />\n <svg x=\"50%\" overflow=\"visible\">\n <g transform=\"translate(-12 0)\">\n <path d=\"M4.61852778e-14,9.76996262e-15 L9.84597532,5.80270273 C11.0992017,6.54128882 12.6546044,6.54128882 13.9078308,5.80270273 L23.7538061,9.76996262e-15 L4.61852778e-14,9.76996262e-15 Z\" />\n </g>\n </svg>\n </mask>\n </defs>\n <rect\n fill=\"#F7F7F7\"\n id=\"base-mask\"\n mask=\"url(#myMask)\"\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n />\n </svg>\n <div className={styles.body}>{children}</div>\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { FootnoteProps } from './Footnote.types'\nimport makeClassName from '../utils/makeClassName'\n\nimport { SvgSymbol } from '../SvgSymbol'\n\nimport styles from './Footnote.module.css'\n\nexport const Footnote: React.FC<FootnoteProps> = ({ children, onClose }) => {\n return (\n <div\n data-testid=\"footnote\"\n className={makeClassName([[styles.root, true]])}\n >\n <button\n className={styles.dismiss}\n type=\"button\"\n onClick={(): void => onClose()}\n >\n <SvgSymbol icon=\"cross\" size=\"unset\" />\n </button>\n\n <div className={styles.body}>{children}</div>\n </div>\n )\n}\n","import React, { useState, useEffect, useRef } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\nimport { PopoverData, DotsOnImageProps, SingleDot } from './DotsOnImage.types'\n\nimport { Image } from '../Image'\nimport { Popover } from '../Popover'\nimport { Footnote } from '../Footnote'\n\nimport viewportSize from '../utils/viewportSize'\nimport { MediaQuerySizes } from '../constants'\n\nimport makeClassName from '../utils/makeClassName'\n\nimport styles from './DotsOnImage.module.css'\n\nexport const DotsOnImage: React.FC<DotsOnImageProps> = ({\n block: { optimized, width, height, credit, display, dots }\n}) => {\n const [ref, inView, entry] = useInView({\n threshold: 0.5\n })\n\n const container = useRef(null)\n\n const [popover, setPopover] = useState<PopoverData>({\n title: null,\n body: null,\n show: false,\n id: null\n })\n\n const [visible, setVisible] = useState(false)\n\n useEffect(() => {\n if (entry && entry.boundingClientRect && entry.boundingClientRect.y < 0) {\n setVisible(true)\n }\n }, [entry])\n\n useEffect(() => {\n if (inView) {\n setVisible(true)\n }\n }, [inView])\n\n useEffect(() => {\n if (popover.id) {\n document.addEventListener('click', handleClickOutside)\n } else {\n document.removeEventListener('click', handleClickOutside)\n }\n\n return () => document.removeEventListener('click', handleClickOutside)\n }, [popover])\n\n const handleClickOutside = (event: MouseEvent): void => {\n const path = event.composedPath()\n\n if (path.indexOf(container.current) === -1) {\n setPopover({ show: false })\n }\n }\n\n const handleDotClick = (dot: SingleDot): void => {\n const shouldShow = dot.id !== popover.id\n const side = dot.position.x > 50 ? 'isLeft' : 'isRight'\n const align = dot.position.y > 50 ? 'isBottom' : 'isTop'\n\n const style = { top: `${dot.position.y}%`, left: `${dot.position.x}%` }\n\n setPopover({\n title: dot.title,\n body: dot.body,\n show: shouldShow,\n id: shouldShow ? dot.id : null,\n style,\n side,\n align\n })\n }\n\n return (\n <div\n className={makeClassName([\n [styles.root, true],\n [styles.isVisible, visible]\n ])}\n data-testid=\"dots-on-image\"\n ref={ref}\n >\n <Image\n optimized={optimized}\n width={width}\n height={height}\n alt={credit}\n display={display}\n fullscreen={{ mobile: false, desktop: false }}\n />\n\n <div ref={container}>\n {dots.map((dot) => (\n <button\n className={makeClassName([\n [styles.dot, true],\n [styles.isActive, dot.id === popover.id]\n ])}\n type=\"button\"\n key={dot.id}\n style={{\n top: `${dot.position.y}%`,\n left: `${dot.position.x}%`,\n backgroundColor: dot.icon.color\n }}\n onClick={(): void => handleDotClick(dot)}\n >\n {dot.icon.type === 'svg' && (\n <div dangerouslySetInnerHTML={{ __html: dot.icon.svg_string }} />\n )}\n {dot.icon.type === 'number' && dot.icon.number}\n </button>\n ))}\n\n {popover.show && (\n <>\n {viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? (\n <div\n className={makeClassName([\n [styles.popover, true],\n [styles[popover.side], !!popover.side],\n [styles[popover.align], !!popover.align]\n ])}\n style={popover.style}\n >\n <Footnote\n onClose={(): void => {\n setPopover({ show: false })\n }}\n >\n {popover.title && <h3>{popover.title}</h3>}\n <div dangerouslySetInnerHTML={{ __html: popover.body }} />\n </Footnote>\n </div>\n ) : (\n <Popover\n onClose={(): void => {\n setPopover({ show: false })\n }}\n >\n {popover.title && <h3>{popover.title}</h3>}\n <div dangerouslySetInnerHTML={{ __html: popover.body }} />\n </Popover>\n )}\n </>\n )}\n </div>\n </div>\n )\n}\n","import { ClassNames } from './makeClassName'\n\nconst makeStyleContext = (\n classNames: ClassNames,\n styleContext: string[] | string,\n styles: Record<string, string>\n): ClassNames => {\n const context = Array.isArray(styleContext)\n ? styleContext\n .filter((ctx) => styles[ctx])\n .map((ctx) => [[styles[ctx]], true])\n : [[styles[styleContext], !!styleContext && !!styles[styleContext]]]\n\n return classNames.concat(context)\n}\n\nexport default makeStyleContext\n","import React from 'react'\nimport { TagProps } from './Tag.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './Tag.module.css'\n\nexport const Tag: React.FC<TagProps> = ({\n children,\n size = 'small',\n theme = 'gold',\n styleContext,\n correlation,\n onlyOn\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[size], !!size && !!styles[size]],\n [styles[theme], !!theme && !!styles[theme]],\n [styles[onlyOn], !!onlyOn && !!styles[onlyOn]],\n [styles[correlation], !!correlation && !!styles[correlation]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"tag\" className={makeClassName(classNames)}>\n {children}\n </div>\n )\n}\n","import React from 'react'\nimport { MediaCaptionProps } from './MediaCaption.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './MediaCaption.module.css'\n\nexport const MediaCaption: React.FC<MediaCaptionProps> = ({\n credit,\n caption,\n styleContext\n}) => {\n let classNames: ClassNames = [[styles.root, true]]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"media-caption\" className={makeClassName(classNames)}>\n {caption && (\n <div\n className={styles.caption}\n dangerouslySetInnerHTML={{ __html: caption }}\n />\n )}\n {credit && (\n <div\n className={styles.credit}\n dangerouslySetInnerHTML={{ __html: credit }}\n />\n )}\n </div>\n )\n}\n","import React from 'react'\nimport { TableProps } from './Table.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport { MediaCaption } from '../MediaCaption'\n\nimport styles from './Table.module.css'\n\nexport const Table: React.FC<TableProps> = ({\n styleContext,\n block: {\n rows,\n options,\n display,\n columns_widths: columnsWidth,\n table_credit: tableCredit\n }\n}) => {\n const colors = {\n '#ffffff': 'white',\n '#f5f5f5': 'gray',\n '#feeeee': 'pink',\n '#e6f3ff': 'blue',\n '#fffde6': 'yellow',\n '#fff9f2': 'orange',\n '#e7f2ef': 'green',\n '#f4f0f8': 'violet'\n }\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[display], !!display && !!styles[display]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"table\" className={makeClassName(classNames)}>\n <div className={styles.wrapper}>\n <div className={styles.table}>\n <div className={styles.tracks}>\n {rows.map((row, i) => {\n return (\n <div key={row.key} className={styles.row}>\n {row.cells.map((cell, j) => (\n <div\n key={cell.key}\n className={makeClassName([\n [styles.cell, true],\n [styles.header, options.header && i === 0],\n [styles[colors[cell.color]], true],\n [styles[columnsWidth[j]], true],\n [\n styles.fixedColumn,\n options.fixed_first_column && j === 0\n ]\n ])}\n dangerouslySetInnerHTML={{ __html: cell.val }}\n />\n ))}\n </div>\n )\n })}\n </div>\n </div>\n </div>\n\n {tableCredit && (\n <MediaCaption credit={tableCredit} styleContext={styleContext} />\n )}\n </div>\n )\n}\n","import React from 'react'\nimport { MaterialNoteProps } from './MaterialNote.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './MaterialNote.module.css'\n\nexport const MaterialNote: React.FC<MaterialNoteProps> = ({\n block: { data },\n styleContext\n}) => {\n let classNames: ClassNames = [[styles.root, true]]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"material-note\" className={makeClassName(classNames)}>\n {data &&\n data.map((item) => (\n <p\n className={styles[item.type]}\n key={item.id}\n dangerouslySetInnerHTML={{ __html: item.data }}\n />\n ))}\n </div>\n )\n}\n","import React from 'react'\nimport { BookmarkButtonProps } from './BookmarkButton.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { SvgSymbol } from '../SvgSymbol'\nimport styles from './BookmarkButton.module.css'\n\nexport const BookmarkButton: React.FC<BookmarkButtonProps> = ({\n styleContext,\n theme,\n isInBookmarks,\n onClick\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles.isInBookmarks, isInBookmarks],\n [styles[theme], !!theme && !!styles[theme]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"bookmark-button\" className={makeClassName(classNames)}>\n <button\n className={styles.control}\n onClick={(): void => onClick()}\n type=\"button\"\n >\n <SvgSymbol icon=\"bookmark\" size=\"unset\" />\n </button>\n </div>\n )\n}\n","import React from 'react'\nimport { MetaProps } from './Meta.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './Meta.module.css'\n\nexport const Meta: React.FC<MetaProps> = ({\n hasSource,\n theme,\n children,\n onlyOn,\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[theme], !!theme && !!styles[theme]],\n [styles[onlyOn], !!onlyOn],\n [styles.hasSource, hasSource]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"meta\" className={makeClassName(classNames)}>\n {children}\n </div>\n )\n}\n","import React from 'react'\nimport { TimestampProps } from './Timestamp.types'\nimport dayjs from 'dayjs'\nimport 'dayjs/locale/ru'\nimport relativeTime from 'dayjs/plugin/relativeTime'\n\nimport styles from './Timestamp.module.css'\n\nexport const Timestamp: React.FC<TimestampProps> = ({\n publishedAt,\n locale = 'ru',\n type\n}) => {\n let published\n const timeFormat =\n locale === 'ru' ? 'HH:mm, D MMMM YYYY' : 'h:mm a, MMMM D, YYYY'\n\n const preparedPublishedAt = publishedAt * 1000\n\n dayjs.locale(locale)\n dayjs.extend(relativeTime)\n\n if (type === 'fromNow') {\n published = dayjs(preparedPublishedAt).fromNow()\n } else if (type === 'format') {\n published = dayjs(preparedPublishedAt).format('HH:mm')\n } else if (type === 'date') {\n published = dayjs(preparedPublishedAt).format(timeFormat)\n } else {\n throw new Error('Unknown time type')\n }\n\n return (\n <time data-testid=\"timestamp\" className={styles.root}>\n {published}\n </time>\n )\n}\n","import React, { useCallback, useEffect, useRef, useState } from 'react'\n\ntype DangerousHtmlProps = {\n className?: string\n html: string\n tagName?: keyof JSX.IntrinsicElements\n}\n\nconst DangerousHTML: React.FC<DangerousHtmlProps> = ({\n className = '',\n tagName: TagName = 'div',\n html\n}) => {\n const element = useRef<HTMLDivElement>(null)\n const [canRenderHtml, setCanRenderHtml] = useState(false)\n\n useEffect(() => {\n setCanRenderHtml(true)\n }, [])\n\n const replaceScriptElementsRecursive = useCallback((node) => {\n if (\n node.tagName === 'SCRIPT' &&\n (!node.id || node.id.indexOf('script-') !== 0)\n ) {\n const script = document.createElement('script')\n\n script.id = `script-${Math.random().toString(16).slice(2)}`\n script.innerHTML = node.innerHTML\n\n const attrs = node.attributes\n\n for (let i = 0; i < attrs.length; i += 1) {\n const { name, value } = attrs[i]\n\n script.setAttribute(name, value)\n }\n\n node.parentElement.replaceChild(script, node)\n } else {\n let i = 0\n const children = node.childNodes\n\n while (i < children.length) {\n replaceScriptElementsRecursive(children[i])\n i += 1\n }\n }\n }, [])\n\n const prepareAnchors = useCallback(() => {\n const anchors = Array.from(element.current.querySelectorAll('a'))\n\n anchors.forEach((a) => {\n a.setAttribute('target', '_blank')\n })\n }, [])\n\n useEffect(() => {\n if (\n canRenderHtml &&\n html.indexOf('script') > -1 &&\n element.current.firstElementChild\n ) {\n element.current.firstElementChild.innerHTML = html\n replaceScriptElementsRecursive(element.current.firstElementChild)\n prepareAnchors()\n }\n }, [\n canRenderHtml,\n element,\n html,\n replaceScriptElementsRecursive,\n prepareAnchors\n ])\n\n return (\n <div ref={element}>\n <TagName\n className={className}\n dangerouslySetInnerHTML={{ __html: html }}\n />\n </div>\n )\n}\n\nexport default DangerousHTML\n","import React, { useState, useEffect, useRef } from 'react'\nimport enableInlineVideo from 'iphone-inline-video'\nimport viewportSize from '../utils/viewportSize'\nimport { MediaQuerySizes } from '../constants'\nimport { EmbedGifProps } from './EmbedBlock.types'\n\nimport styles from './EmbedBlock.module.css'\n\nexport const EmbedGif: React.FC<EmbedGifProps> = ({ gif, mp4Url, style }) => {\n const [videoFrozen, setVideoFrozen] = useState(false)\n const videoElem = useRef(null)\n\n const handleVideoTouch = (): void => {\n videoElem.current.play()\n setVideoFrozen(false)\n }\n\n const handleVideoError = (): void => {\n const video = videoElem.current\n\n video.setAttribute('poster', video.dataset.gif)\n\n setVideoFrozen(false)\n }\n\n useEffect(() => {\n const video = videoElem.current\n const { width: viewportWidth } = viewportSize()\n\n enableInlineVideo(video)\n\n if (viewportWidth >= MediaQuerySizes.MOBILE) {\n video.setAttribute('autoplay', true)\n video.play()\n } else {\n setVideoFrozen(true)\n video.pause()\n video.addEventListener('touchstart', handleVideoTouch)\n }\n\n video.addEventListener('error', handleVideoError)\n\n return (): void => {\n video.removeEventListener('touchstart', handleVideoTouch)\n video.removeEventListener('error', handleVideoError)\n }\n }, [])\n\n return (\n <div className={styles.figure}>\n <div\n className={styles.objectWrap}\n style={style}\n data-frozen={videoFrozen}\n >\n <video\n playsInline\n muted\n loop\n autoPlay\n preload=\"metadata\"\n data-gif={gif}\n ref={videoElem}\n >\n <source src={`https://meduza.io${mp4Url}`} type=\"video/mp4\" />\n </video>\n </div>\n </div>\n )\n}\n","import React, { useState } from 'react'\nimport { Image } from '../Image'\nimport { Popover } from '../Popover'\nimport { MediaCaption } from '../MediaCaption'\nimport { DotsOnImage } from '../DotsOnImage'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport DangerousHTML from '../utils/DangerousHtml'\nimport { EmbedGif } from './EmbedGif'\nimport { EmbedBlockProps } from './EmbedBlock.types'\n\nimport styles from './EmbedBlock.module.css'\n\nexport const EmbedBlock: React.FC<EmbedBlockProps> = ({\n block,\n block: {\n data,\n data: {\n html,\n display,\n only_on: onlyOn,\n provider,\n cc,\n optimized,\n small_url: small,\n large_url: large,\n gif_url: gifUrl,\n mp4_url: mp4Url\n }\n },\n styleContext,\n children\n}) => {\n const [isPopoverShown, setIsPopoverShown] = useState(false)\n const style: React.CSSProperties = {}\n const isProportional = block.data.height && block.data.width\n\n const fullWidthProviders = [\n 'youtube',\n 'vimeo',\n 'onetv',\n 'coub',\n 'facebook_video'\n ]\n\n const mobileFullwidth =\n fullWidthProviders.indexOf(provider) > -1 || block.type === 'dots_on_image'\n\n const renderCC = (context?: string | string[]): JSX.Element => (\n <MediaCaption\n credit={data.credit}\n caption={data.caption}\n styleContext={context || styleContext}\n />\n )\n\n const renderEmbed = (style: React.CSSProperties): JSX.Element => {\n switch (block.type) {\n case 'gif': {\n return <EmbedGif gif={gifUrl} mp4Url={mp4Url} style={style} />\n }\n case 'image': {\n return (\n <div className={styles.figure}>\n {(small || optimized) && (\n <Image\n fullscreen={{ desktop: block.data.fullscreen, mobile: true }}\n source={!optimized && [small, large]}\n optimized={block.data.optimized}\n width={block.data.width}\n height={block.data.height}\n alt={block.data.caption}\n display={block.data.display}\n lazy={block.data.lazy}\n />\n )}\n </div>\n )\n }\n case 'game_embed': {\n return (\n <div className={styles.gameEmbed}>\n <iframe\n src={block.data.game_src}\n id={block.data.game_id}\n title=\"Game embed\"\n />\n </div>\n )\n }\n case 'dots_on_image': {\n return (\n <div className={styles.figure}>\n <DotsOnImage block={data} />\n </div>\n )\n }\n\n default: {\n return (\n <div className={styles.object}>\n <div className={styles.wrapper} style={style}>\n <DangerousHTML className={styles.objectWrap} html={html} />\n </div>\n </div>\n )\n }\n }\n }\n\n if (isProportional) {\n style.paddingBottom = `${(block.data.height / block.data.width) * 100}%`\n style.height = 0\n }\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles.cc, cc],\n [styles[display], !!display && styles[display]],\n [styles[provider], !!provider && !!styles[provider]],\n [styles[onlyOn], !!onlyOn && styles[onlyOn]],\n [styles.mobileFullwidth, mobileFullwidth],\n [styles.proportional, isProportional]\n ]\n\n // Убираем из контекста все, что не начинается с приставки isIn,\n // чтобы не применились лишние модификаторы\n // TODO: в w6 модификаторы должны передаваться явно\n\n if (styleContext) {\n const filteredContext = Object.keys(styleContext)\n .filter((key) => key.startsWith('isIn') && styles[key])\n .reduce((acc, key) => {\n acc.push([styles[key], true])\n\n return acc\n }, [])\n classNames = makeStyleContext(classNames, filteredContext, styles)\n }\n\n return (\n <figure className={makeClassName(classNames)}>\n {children && (\n <div className={styles.object}>\n <div className={styles.wrapper} style={style}>\n <div className={styles.objectWrap}>{children}</div>\n </div>\n </div>\n )}\n\n {!children && renderEmbed(style)}\n\n {cc === 'default' && <figcaption>{renderCC()}</figcaption>}\n\n {cc === 'button' && (\n <button\n className={styles.control}\n type=\"button\"\n aria-label=\"Open\"\n onClick={(): void => {\n setIsPopoverShown(!isPopoverShown)\n }}\n />\n )}\n\n {cc === 'button' && isPopoverShown && (\n <Popover\n onClose={(): void => {\n setIsPopoverShown(false)\n }}\n >\n {renderCC('isInPopover')}\n </Popover>\n )}\n </figure>\n )\n}\n","import React, { useEffect, useRef } from 'react'\nimport { EmbedBlockProps } from './EmbedBlock.types'\nimport { EmbedBlock } from './EmbedBlock'\n\nexport const IframeBlock: React.FC<EmbedBlockProps> = ({\n block,\n block: { id },\n styleContext,\n lang = 'ru'\n}) => {\n const element = useRef(null)\n\n const renderIframe = (): void => {\n const rootEl = document.createElement('div')\n const contentEl = document.createElement('div')\n const scriptEl = document.createElement('script')\n const style = document.createElement('style')\n const range = document.createRange()\n\n range.setStart(contentEl, 0)\n contentEl.setAttribute('id', 'content')\n scriptEl.textContent = `\n function getDocHeight() {\n var doc = document;\n var body = doc.body;\n var html = doc.documentElement;\n var height = Math.max( body.scrollHeight, body.offsetHeight,\n html.clientHeight, html.scrollHeight, html.offsetHeight );\n\n doc.body.style.margin=\"0\";\n\n return document.getElementById('content') ? document.getElementById('content').offsetHeight : height;\n }\n\n function sendDocHeightMsg() {\n var height = getDocHeight();\n var message = JSON.stringify({\n action: {\n type: \"UPDATE_HEIGHT\",\n payload: {\n id: \"${block.id}\",\n height: height\n }\n }\n });\n parent.postMessage(\"mdzMaterialEmbedHeight=\" + message, '*');\n }\n\n setInterval(sendDocHeightMsg, 300);\n `\n\n style.type = 'text/css'\n style.innerHTML =\n block.type === 'embed_code'\n ? '.twitter-tweet { padding-top: 15px; margin: 0 !important; }'\n : '.twitter-tweet { margin: 0 !important; } .fb-post { display: block; } .instagram-media { min-width: 0 !important; }'\n\n contentEl.appendChild(range.createContextualFragment(block.data.html))\n rootEl.appendChild(scriptEl)\n rootEl.appendChild(contentEl)\n contentEl.appendChild(style)\n\n const frame = element.current.querySelector('iframe').contentDocument\n\n frame.open()\n frame.close()\n frame.documentElement.setAttribute('lang', lang)\n frame.body.appendChild(rootEl)\n }\n\n useEffect(() => {\n renderIframe()\n }, [])\n\n return (\n <EmbedBlock block={block} styleContext={styleContext}>\n <div\n ref={element}\n dangerouslySetInnerHTML={{\n __html: `<iframe id=${id} frameBorder=\"0\" scrolling=\"no\"></iframe>`\n }}\n />\n </EmbedBlock>\n )\n}\n","import React from 'react'\nimport { EmbedBlockProps } from './EmbedBlock.types'\nimport { EmbedBlock } from './EmbedBlock'\nimport { IframeBlock } from './IframeBlock'\n\nexport const EmbedBlockContainer: React.FC<EmbedBlockProps> = ({\n block,\n styleContext,\n lang\n}) => {\n if (block.data.wrap_with_iframe) {\n return <IframeBlock block={block} styleContext={styleContext} lang={lang} />\n }\n return <EmbedBlock block={block} styleContext={styleContext} />\n}\n","import React from 'react'\nimport { QuoteBlockProps } from './QuoteBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './QuoteBlock.module.css'\n\nexport const QuoteBlock: React.FC<QuoteBlockProps> = ({\n block: { data },\n styleContext\n}) => {\n let classNames: ClassNames = [[styles.root, true]]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"quote-block\" className={makeClassName(classNames)}>\n <p dangerouslySetInnerHTML={{ __html: data }} />\n </div>\n )\n}\n","import React from 'react'\nimport { CardTitleProps } from './CardTitle.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './CardTitle.module.css'\n\nexport const CardTitle: React.FC<CardTitleProps> = ({\n block: {\n data: { only_on: onlyOn, index, text }\n },\n styleContext\n}) => {\n return (\n <div\n data-testid=\"card-title\"\n className={makeClassName([\n [styles.root, true],\n [styles[onlyOn], !!onlyOn],\n [styles[styleContext], !!styleContext && !!styles[styleContext]]\n ])}\n >\n <div className={styles.index}>{index}</div>\n <h3 className={styles.title}>{text}</h3>\n </div>\n )\n}\n","import React from 'react'\nimport { ChapterBlockProps } from './ChapterBlock.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './ChapterBlock.module.css'\n\nexport const ChapterBlock: React.FC<ChapterBlockProps> = ({\n block: { data, only_on: onlyOn },\n styleContext\n}) => {\n return (\n <div\n data-testid=\"chapter-block\"\n className={makeClassName([\n [styles.root, true],\n [styles[onlyOn], !!onlyOn]\n ])}\n >\n <div\n className={makeClassName([\n [styles.subtitle, true],\n [styles[styleContext], !!styleContext && !!styles[styleContext]]\n ])}\n dangerouslySetInnerHTML={{ __html: data }}\n />\n </div>\n )\n}\n","import React from 'react'\nimport { SimpleTitleProps } from './SimpleTitle.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './SimpleTitle.module.css'\n\nexport const SimpleTitle: React.FC<SimpleTitleProps> = ({\n block: {\n data: { first },\n only_on: onlyOn\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"simple-title\" className={makeClassName(classNames)}>\n {first}\n </div>\n )\n}\n","import React from 'react'\nimport { RichTitleProps } from './RichTitle.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './RichTitle.module.css'\n\nexport const RichTitle: React.FC<RichTitleProps> = ({\n block: {\n only_on: onlyOn,\n data: { featured, first, second }\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true],\n [styles.featured, !!featured]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <h1 data-testid=\"rich-title\" className={makeClassName(classNames)}>\n {first}\n {second && <span> {second}</span>}\n </h1>\n )\n}\n","import React from 'react'\nimport { SimpleBlockProps } from './SimpleBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './SimpleBlock.module.css'\n\nexport const SimpleBlock: React.FC<SimpleBlockProps> = ({\n block: { data, type, only_on: onlyOn },\n styleContext\n}) => {\n let TagName\n\n let classNames: ClassNames = [\n [styles[type], !!type && !!styles[type]],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n switch (type) {\n case 'context_p':\n case 'lead':\n case 'note_caption':\n case 'note_credit': {\n TagName = 'p'\n break\n }\n case 'lead_hr': {\n TagName = 'div'\n break\n }\n default:\n TagName = type\n }\n return (\n <TagName\n className={makeClassName(classNames)}\n dangerouslySetInnerHTML={{ __html: data }}\n />\n )\n}\n","import React from 'react'\nimport { ListBlockProps } from './ListBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './ListBlock.module.css'\n\nexport const ListBlock: React.FC<ListBlockProps> = ({\n block: { type, data, only_on: onlyOn },\n styleContext\n}) => {\n const TagName = type\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true],\n [styles[type], !!type && !!styles[type]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <TagName className={makeClassName(classNames)}>\n {data.map((item, index) => (\n <li key={index} dangerouslySetInnerHTML={{ __html: item }} />\n ))}\n </TagName>\n )\n}\n","import React from 'react'\nimport { RelatedBlockProps } from './RelatedBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './RelatedBlock.module.css'\n\nexport const RelatedBlock: React.FC<RelatedBlockProps> = ({\n block: {\n data: { title, related },\n only_on: onlyOn\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"related-block\" className={makeClassName(classNames)}>\n <h3 className={styles.header}>{title}</h3>\n <ul className={styles.items}>\n {related.map((item, index) => (\n <li key={item.id || index} className={styles[item.layout]}>\n <a\n href={item.full_url || `/${item.url}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <span className={styles.first}>{item.title}</span>\n {item.second_title && ' '}\n {item.second_title && <span>{item.second_title}</span>}\n </a>\n </li>\n ))}\n </ul>\n </div>\n )\n}\n","import React from 'react'\nimport { SourceBlockProps } from './SourceBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './SourceBlock.module.css'\n\nexport const SourceBlock: React.FC<SourceBlockProps> = ({\n block: {\n only_on: onlyOn,\n data: { quote, origin, url }\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <blockquote\n data-testid=\"source-block\"\n cite={url}\n className={makeClassName(classNames)}\n >\n <a\n className={styles.text}\n href={url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {quote.map((item, index) => (\n <p key={index} dangerouslySetInnerHTML={{ __html: item.data }} />\n ))}\n <footer>\n <cite className={styles.origin}>{origin}</cite>\n </footer>\n </a>\n </blockquote>\n )\n}\n","import React from 'react'\nimport { GroupedBlockProps } from './GroupedBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { EmbedBlockContainer } from '../EmbedBlock'\nimport { MediaCaption } from '../MediaCaption'\n\nimport styles from './GroupedBlock.module.css'\n\nexport const GroupedBlock: React.FC<GroupedBlockProps> = ({\n block,\n block: { only_on: onlyOn },\n styleContext\n}) => {\n const maxHeight = Math.min(...block.data.map((item) => item.data.height))\n\n const normalizedBoxesWidth = block.data.map(\n (item) => item.data.width / (item.data.height / maxHeight)\n )\n\n const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x)\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true],\n [styles.hasFigcaption, block.cc === 'default'],\n [styles[block.display], !!block.display && styles[block.display]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"grouped-block\" className={makeClassName(classNames)}>\n <div className={styles.items}>\n {block.data.map((item, index) => {\n const percentWidth = (normalizedBoxesWidth[index] / sumWidth) * 100\n\n return (\n <div\n className={styles.item}\n key={item.id}\n style={{ width: `${percentWidth}%` }}\n >\n <EmbedBlockContainer\n block={item}\n styleContext=\"isInGroupedBlock\"\n />\n </div>\n )\n })}\n </div>\n {block.cc && (\n <figcaption className={styles.figcaption}>\n <MediaCaption\n credit={block.credit}\n caption={block.caption}\n styleContext={styleContext}\n />\n </figcaption>\n )}\n </div>\n )\n}\n","import React from 'react'\nimport { MetaItemProps } from './MetaItem.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './MetaItem.module.css'\n\nexport const MetaItem: React.FC<MetaItemProps> = ({\n hasSource,\n type,\n children,\n bullets\n}) => {\n const classNames = [\n [styles.root, true],\n [styles[type], !!type && !!styles[type]],\n [styles.hasSource, !!hasSource],\n [styles.hasBullets, !!bullets]\n ]\n\n return (\n <div data-testid=\"meta-item\" className={makeClassName(classNames)}>\n {children}\n </div>\n )\n}\n","import React from 'react'\nimport { MetaItemLiveProps } from './MetaItemLive.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './MetaItemLive.module.css'\n\nexport const MetaItemLive: React.FC<MetaItemLiveProps> = ({\n theme = 'gold'\n}) => {\n const classNames = [\n [styles.root, true],\n [styles[theme], !!theme && styles[theme]]\n ]\n\n return (\n <div\n data-testid=\"meta-item-live\"\n data-meta=\"live\"\n className={makeClassName(classNames)}\n >\n <div className={styles.frame} />\n </div>\n )\n}\n","import React from 'react'\nimport { DocumentItemsCountProps } from './DocumentItemsCount.types'\nimport pluralize from '../utils/pluralize'\n\nimport styles from './DocumentItemsCount.module.css'\n\nexport const DocumentItemsCount: React.FC<DocumentItemsCountProps> = ({\n type,\n lang = 'ru',\n items,\n children\n}) => {\n const i18n = {\n ru: {\n card: {\n one: 'карточка',\n two: 'карточки',\n five: 'карточек'\n },\n podcast: {\n one: 'эпизод',\n two: 'эпизода',\n five: 'эпизодов'\n }\n },\n en: {\n card: {\n one: 'card',\n two: 'cards',\n five: 'cards'\n },\n podcast: {\n one: 'episode',\n two: 'episodes',\n five: 'episodes'\n }\n }\n }\n\n const itemsCount = `${items} ${pluralize(\n items,\n i18n[lang][type].one,\n i18n[lang][type].two,\n i18n[lang][type].five\n )}`\n\n return (\n <div data-testid=\"document-items-count\" className={styles.root}>\n {children}\n <span className={styles.items}>{itemsCount}</span>\n </div>\n )\n}\n","const pluralize = (\n number: number,\n one: string,\n two: string,\n five: string\n): string => {\n let n = Math.abs(number)\n n %= 100\n\n if (n >= 5 && n <= 20) {\n return five\n }\n\n n %= 10\n\n if (n === 1) {\n return one\n }\n\n if (n >= 2 && n <= 4) {\n return two\n }\n\n return five\n}\n\nexport default pluralize\n","import React from 'react'\nimport { MetaContainerProps } from './Meta.types'\nimport { Meta } from './'\nimport { MetaItem } from '../MetaItem'\nimport { MetaItemLive } from '../MetaItemLive'\nimport { DocumentItemsCount } from '../DocumentItemsCount'\nimport { BookmarkButton } from '../BookmarkButton'\nimport { Timestamp } from '../Timestamp'\nimport { SvgSymbol } from '../SvgSymbol'\n\nimport styles from './Meta.module.css'\n\nexport const MetaContainer: React.FC<MetaContainerProps> = ({\n lang,\n block,\n isRead,\n isListened,\n bookmarkAction,\n isInBookmarks,\n block: {\n data: { components, theme }\n },\n styleContext\n}) => {\n const themeColor =\n styleContext && styleContext.indexOf('dark') !== -1 ? 'light' : 'unset'\n const isPodcast = styleContext && styleContext.indexOf('podcast') !== -1\n const isSlides = styleContext && styleContext.indexOf('slide') !== -1\n\n const hasSource = !!components.find((item) => item.type === 'source_name')\n\n return (\n <Meta\n styleContext={styleContext}\n theme={theme || themeColor}\n onlyOn={block.only_on}\n hasSource={hasSource}\n >\n {components.map((component) => {\n switch (component.type) {\n case 'source_name': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <>\n {lang === 'ru' ? 'Источник: ' : 'Source: '}\n {component.url && (\n <a\n href={component.url}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n {component.text}\n </a>\n )}\n {!component.url && component.text}\n </>\n </MetaItem>\n )\n }\n case 'duration': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <>\n <SvgSymbol icon=\"podcast\" size=\"small\" />\n {component.text}\n </>\n </MetaItem>\n )\n }\n case 'datetime': {\n return (\n <MetaItem\n hasSource={hasSource}\n bullets\n key={component.id}\n type=\"datetime\"\n >\n <Timestamp\n publishedAt={component.datetime}\n type=\"date\"\n locale={lang}\n />\n </MetaItem>\n )\n }\n\n case 'items_count': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <DocumentItemsCount\n items={component.count}\n type={isPodcast ? 'podcast' : 'card'}\n lang={lang}\n >\n <SvgSymbol icon=\"card\" size=\"unset\" />\n </DocumentItemsCount>\n </MetaItem>\n )\n }\n case 'broadcast_active': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <>\n <MetaItemLive /> Прямой эфир\n </>\n </MetaItem>\n )\n }\n case 'broadcast': {\n return (\n <MetaItem hasSource={hasSource} bullets key={component.id}>\n <>\n {component.with_icon && <MetaItemLive />}\n\n {component.label}\n </>\n </MetaItem>\n )\n }\n\n default: {\n return null\n }\n }\n })}\n {(isRead || isListened) && (\n <MetaItem\n hasSource={hasSource}\n bullets\n type={isListened ? 'listened' : 'read'}\n >\n <SvgSymbol icon={isListened ? 'listened' : 'read'} size=\"unset\" />\n </MetaItem>\n )}\n\n {isSlides && lang === 'ru' && (\n <div className={styles.bookmark}>\n <BookmarkButton\n isInBookmarks={isInBookmarks}\n onClick={(): void => bookmarkAction('bookmark', 'top')}\n />\n </div>\n )}\n </Meta>\n )\n}\n","import React from 'react'\nimport { RenderBlocksProps } from './RenderBlocks.types'\nimport { Tag } from '../Tag'\nimport { SimpleTitle } from '../SimpleTitle'\nimport { RichTitle } from '../RichTitle'\nimport { SimpleBlock } from '../SimpleBlock'\nimport { ListBlock } from '../ListBlock'\nimport { ChapterBlock } from '../ChapterBlock'\nimport { QuoteBlock } from '../QuoteBlock'\nimport { CardTitle } from '../CardTitle'\nimport { RelatedBlock } from '../RelatedBlock'\nimport { SourceBlock } from '../SourceBlock'\nimport { EmbedBlockContainer } from '../EmbedBlock'\nimport { GroupedBlock } from '../GroupedBlock'\nimport { MetaContainer } from '../Meta/MetaContainer'\nimport { Table } from '../Table'\nimport { MaterialNote } from '../MaterialNote'\n\nexport const RenderBlocks: React.FC<RenderBlocksProps> = ({\n block,\n styleContext,\n lang,\n isRead,\n isListened,\n bookmarkAction,\n isInBookmarks\n}) => {\n switch (block.type) {\n case 'tag': {\n return (\n <Tag\n size=\"large\"\n onlyOn={block.only_on}\n theme={block.data.theme}\n styleContext={styleContext}\n >\n {block.data.text}\n </Tag>\n )\n }\n\n case 'simple_title': {\n return <SimpleTitle block={block} styleContext={styleContext} />\n }\n\n case 'rich_title': {\n return <RichTitle block={block} styleContext={styleContext} />\n }\n\n case 'meta': {\n return (\n <MetaContainer\n block={block}\n lang={block.data.lang}\n styleContext={styleContext}\n isRead={isRead}\n isListened={isListened}\n isInBookmarks={isInBookmarks}\n bookmarkAction={bookmarkAction}\n />\n )\n }\n\n case 'h1':\n case 'h2':\n case 'h3':\n case 'h4':\n case 'blockquote':\n case 'p':\n case 'context_p':\n case 'lead':\n case 'lead_hr': {\n return <SimpleBlock block={block} styleContext={styleContext} />\n }\n\n case 'quote':\n return <QuoteBlock block={block} styleContext={styleContext} />\n\n case 'ol':\n case 'ul': {\n return <ListBlock block={block} styleContext={styleContext} />\n }\n\n case 'chapter-subtitle': {\n return <ChapterBlock block={block} styleContext={styleContext} />\n }\n\n case 'card_title': {\n return <CardTitle block={block} styleContext={styleContext} />\n }\n\n case 'related': {\n return <RelatedBlock block={block} styleContext={styleContext} />\n }\n\n case 'source':\n return <SourceBlock block={block} styleContext={styleContext} />\n\n case 'table':\n return <Table block={block} styleContext={styleContext} />\n\n case 'embed':\n case 'embed_code':\n case 'game_embed':\n case 'image':\n case 'dots_on_image':\n case 'gif':\n return (\n <EmbedBlockContainer\n block={block}\n styleContext={styleContext}\n lang={lang}\n />\n )\n case 'grouped':\n return <GroupedBlock block={block} styleContext={styleContext} />\n\n case 'material_note':\n return <MaterialNote block={block} styleContext={styleContext} />\n\n default: {\n return null\n }\n }\n}\n","import React, { useState } from 'react'\nimport { CoverProps } from './Cover.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport generateGradient from '../utils/generateGradient'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { MediaCaption } from '../MediaCaption'\nimport { Image } from '../Image'\nimport { Popover } from '../Popover'\n\nimport styles from './Cover.module.css'\n\nexport const Cover: React.FC<CoverProps> = ({\n block: {\n only_on: onlyOn,\n data: {\n blocks,\n cover: { credit, caption, urls, mobile_ratio: mobileRatio, gradients, cc }\n }\n },\n styleContext\n}) => {\n const [isPopoverShown, setIsPopoverShown] = useState(false)\n\n const style: React.CSSProperties = {}\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], !!onlyOn && !!styles[onlyOn]]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n if (gradients) {\n const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light']\n\n classNames = makeStyleContext(classNames, theme, styles)\n\n style.backgroundImage = generateGradient(gradients.bg_rgb)\n }\n\n const renderCC = (context?: string): JSX.Element => (\n <MediaCaption\n credit={credit}\n caption={caption}\n styleContext={context || styleContext}\n />\n )\n\n return (\n <div data-testid=\"cover\" className={makeClassName(classNames)}>\n <div className={styles.image}>\n <Image optimized={urls} ratio={mobileRatio} display=\"narrow\" />\n </div>\n <div className={styles.body} style={style}>\n {blocks.map((item) => (\n <RenderBlocks\n key={item.id}\n block={item}\n styleContext={styleContext}\n />\n ))}\n </div>\n {cc === 'button' && (\n <button\n className={styles.control}\n type=\"button\"\n aria-label=\"Open\"\n onClick={(): void => {\n setIsPopoverShown(!isPopoverShown)\n }}\n />\n )}\n\n {cc === 'button' && isPopoverShown && (\n <Popover\n onClose={(): void => {\n setIsPopoverShown(false)\n }}\n >\n {renderCC('isInPopover')}\n </Popover>\n )}\n </div>\n )\n}\n","const generateGradient = (color: string): string => {\n const gradientSteps = [\n [0, 7],\n [0.08, 12],\n [0.16, 17],\n [0.22, 21],\n [0.32, 26],\n [0.42, 32],\n [0.52, 38],\n [0.62, 47],\n [0.72, 57],\n [0.82, 65],\n [1, 82]\n ]\n\n const gradient = gradientSteps.map((i) => `rgba(${color}, ${i[0]}) ${i[1]}%`)\n\n return `linear-gradient(-180deg, ${gradient})`\n}\n\nexport default generateGradient\n","import React from 'react'\nimport { HalfBlockProps } from './HalfBlock.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { Image } from '../Image'\nimport { MediaCaption } from '../MediaCaption'\n\nimport styles from './HalfBlock.module.css'\n\nexport const HalfBlock: React.FC<HalfBlockProps> = ({\n block: {\n only_on: onlyOn,\n data,\n data: {\n cover: { optimized, ratio, credit, caption }\n }\n },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], true]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"half-block\" className={makeClassName(classNames)}>\n <div className={styles.main}>\n <div className={styles.image}>\n <Image optimized={optimized} ratio={ratio} display=\"super_full\" />\n </div>\n <div className={styles.body}>\n {data.blocks.map((item) => (\n <RenderBlocks key={item.id} block={item} styleContext={['rich']} />\n ))}\n </div>\n </div>\n <div className={styles.footer}>\n <MediaCaption\n credit={credit}\n caption={caption}\n styleContext={styleContext}\n />\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { ImportantLeadProps } from './ImportantLead.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { RenderBlocks } from '../RenderBlocks'\n\nimport styles from './ImportantLead.module.css'\n\nexport const ImportantLead: React.FC<ImportantLeadProps> = ({\n block: { only_on: onlyOn, data },\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], !!onlyOn]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"important-lead\" className={makeClassName(classNames)}>\n {data.map((item) => (\n <RenderBlocks\n key={item.id}\n block={item}\n styleContext=\"isInImportantLead\"\n />\n ))}\n </div>\n )\n}\n","import React, { useState, useRef } from 'react'\nimport { SpoilerProps } from './Spoiler.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport postMessage from '../utils/postMessage'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { Button } from '../Button'\nimport { SvgSymbol } from '../SvgSymbol'\n\nimport styles from './Spoiler.module.css'\n\nexport const Spoiler: React.FC<SpoilerProps> = ({\n block: {\n display,\n button,\n only_on: onlyOn,\n btn_title: buttonTitle,\n title,\n blocks\n },\n styleContext\n}) => {\n const [spoiled, setSpoiled] = useState(false)\n const ref = useRef(null)\n\n const handleButtonClick = (): void => {\n setSpoiled(!spoiled)\n\n if (spoiled) {\n postMessage('closeSpoiler', 'click')\n const rect = ref.current.getBoundingClientRect()\n if (rect.top < 0) {\n ref.current.scrollIntoView({ behavior: 'smooth' })\n }\n } else {\n postMessage('openSpoiler', 'click')\n }\n }\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[onlyOn], !!onlyOn],\n [styles[display], !!display && styles[display]],\n [[styles.spoiled], !!spoiled]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n const buttonCollapse = button ? button.collapse : 'Свернуть'\n const buttonExpande = button ? button.expand : buttonTitle\n\n return (\n <div ref={ref} className={makeClassName(classNames)} data-testid=\"spoiler\">\n <div className={styles.header}>{title && <h3>{title}</h3>}</div>\n <div className={styles.body}>\n {blocks.map((item) => (\n <RenderBlocks\n key={item.id}\n block={item}\n styleContext={styleContext}\n />\n ))}\n </div>\n <div className={styles.footer}>\n <Button\n size=\"default\"\n theme=\"gray\"\n onClick={(): void => handleButtonClick()}\n styleContext=\"isInSpoiler\"\n >\n {spoiled ? buttonCollapse : buttonExpande}\n <SvgSymbol icon=\"arrow\" />\n </Button>\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { DropdownProps } from './Dropdown.types'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\n\nimport styles from './Dropdown.module.css'\n\nexport const Menu: React.FC<DropdownProps> = ({ children }) => {\n return (\n <div data-testid=\"dropdown\" className={styles.menu}>\n {children}\n </div>\n )\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n children,\n active,\n styleContext\n}) => {\n let classNames: ClassNames = [\n [styles.root, true],\n [styles.active, !!active && !!styles.active]\n ]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n return (\n <div data-testid=\"dropdown\" className={makeClassName(classNames)}>\n {children}\n </div>\n )\n}\n","import React from 'react'\nimport { MaterialTitleProps } from './MaterialTitle.types'\n\nimport styles from './MaterialTitle.module.css'\n\nexport const Primary: React.FC<MaterialTitleProps> = ({ children }) => {\n return <span className={styles.primary}>{children}</span>\n}\n\nexport const Secondary: React.FC<MaterialTitleProps> = ({ children }) => {\n return <span className={styles.secondary}>{children}</span>\n}\n\nexport const MaterialTitle: React.FC<MaterialTitleProps> = ({ children }) => {\n return (\n <h1 className={styles.root} data-testid=\"material-title\">\n {children}\n </h1>\n )\n}\n","import React from 'react'\nimport { RawHtmlBlockProps } from './RawHtmlBlock.types'\nimport { ImportantLead } from '../ImportantLead'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { Spoiler } from '../Spoiler'\nimport { HalfBlock } from '../HalfBlock'\nimport { Cover } from '../Cover'\nimport { BlockProvider } from '../utils/BlockContext'\n\nexport const RawHtmlBlock: React.FC<RawHtmlBlockProps> = ({\n block,\n styleContext,\n isRead,\n isListened,\n isInBookmarks,\n bookmarkAction,\n lightBox\n}) => {\n const context = {\n lightBox: lightBox || null\n }\n\n switch (block.type) {\n case 'important_lead': {\n return <ImportantLead block={block} styleContext={styleContext} />\n }\n\n case 'spoiler': {\n return (\n <BlockProvider value={context}>\n <Spoiler block={block} styleContext={styleContext} />\n </BlockProvider>\n )\n }\n\n case 'cover': {\n return <Cover block={block} styleContext={styleContext} />\n }\n\n case 'half': {\n return <HalfBlock block={block} styleContext={styleContext} />\n }\n\n default: {\n return (\n <BlockProvider value={context}>\n <RenderBlocks\n block={block}\n styleContext={styleContext}\n isRead={isRead}\n isListened={isListened}\n isInBookmarks={isInBookmarks}\n bookmarkAction={bookmarkAction}\n />\n </BlockProvider>\n )\n }\n }\n}\n","import React from 'react'\nimport { SwitcherProps } from './Switcher.types'\nimport { makeClassName } from '../utils/makeClassName'\nimport styles from './Switcher.module.css'\n\nexport const Switcher: React.FC<SwitcherProps> = ({\n enabled,\n children,\n childrenPosition = 'left',\n onChange,\n styleContext,\n theme = 'light'\n}) => (\n <label\n data-testid=\"switcher\"\n className={makeClassName([\n [styles.root, true],\n [styles[theme], !!styles[theme]],\n [styles[styleContext], !!styles[styleContext]]\n ])}\n >\n {children && childrenPosition === 'left' && (\n <div\n className={makeClassName([\n [styles.children, true],\n [styles.left, true]\n ])}\n >\n {children}\n </div>\n )}\n <input\n className={styles.input}\n type=\"checkbox\"\n checked={enabled}\n onChange={onChange}\n />\n <span className={styles.control}>\n <span className={styles.knob} />\n </span>\n {children && childrenPosition === 'right' && (\n <div\n className={makeClassName([\n [styles.children, true],\n [styles.right, true]\n ])}\n >\n {children}\n </div>\n )}\n </label>\n)\n","import React, { Children } from 'react'\nimport { ToolbarProps } from './Toolbar.types'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './Toolbar.module.css'\n\nexport const Toolbar: React.FC<ToolbarProps> = ({ children, styleContext }) => {\n let classNames: ClassNames = [[styles.root, true]]\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n }\n\n const renderItems = (): JSX.Element[] =>\n Children.map(children, (item: JSX.Element, index) => (\n <li className={styles.item} key={`${index}-${item.props.type}`}>\n {React.cloneElement(item)}\n </li>\n ))\n\n return (\n <div data-testid=\"toolbar\" className={makeClassName(classNames)}>\n <ul className={styles.list}>{renderItems()}</ul>\n </div>\n )\n}\n","import React from 'react'\nimport { ToolbarButtonProps } from './ToolbarButton.types'\nimport { SvgSymbol } from '../SvgSymbol/'\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\n\nimport styles from './ToolbarButton.module.css'\n\nexport const ToolbarButton: React.FC<ToolbarButtonProps> = ({\n children,\n type,\n theme,\n isActive,\n onClick\n}) => {\n const classNames: ClassNames = [\n [styles.root, true],\n [styles[type], !!styles[type]],\n [styles[theme], !!styles[theme] && !!theme],\n [styles.isActive, !!isActive]\n ]\n\n return (\n <button\n data-testid=\"toolbar-button\"\n className={makeClassName(classNames)}\n type=\"button\"\n onClick={(): void => onClick(type)}\n >\n <SvgSymbol size=\"medium\" icon={type} styleContext=\"isInToolbar\" />\n {children && <span className={styles.text}>{children}</span>}\n </button>\n )\n}\n"],"names":["makeClassName","list","filter","map","join","Loader","React","width","height","viewBox","xmlns","d","opacity","fillRule","attributeName","type","from","to","dur","repeatCount","Button","theme","size","state","styleContext","disabled","onClick","children","className","styles","root","loader","icons","meduzaLogo","content","menu","fb","tw","vk","ok","tg","meduzaSymbol","backward","forward","download","play","pause","speedHalf","speedOne","speedOneHalf","speedTwo","podcastBookmark","reaction","cross","link","search","card","podcast","arrow","brent","user","bookmark","receipt","read","listened","SvgSymbol","icon","data","xmlnsXlink","dangerouslySetInnerHTML","__html","BlockContext","createContext","lightBox","BlockProvider","Provider","window","innerWidth","document","documentElement","clientWidth","body","innerHeight","clientHeight","postMessage","element","action","target","top","msg","POST_MESSAGE_PREFIX","JSON","stringify","imageBreakpoints","imageConditionalKeys","xs","superFull","full","narrow","Lazy","useInView","threshold","ref","inView","entry","useState","visible","setVisible","useEffect","boundingClientRect","y","RenderPicture","source","fallbackSource","optimized","alt","display","fallback","setFallback","HTMLPictureElement","s","keys","replace","str","toUpperCase","media","srcSet","w325","original","key","breakpoint","Fragment","src","Image","lazy","fullscreen","ratio","useContext","handleClick","viewportWidth","viewportSize","desktop","mobile","show","pictureStyles","paddingBottom","blockStyles","maxWidth","style","onKeyPress","role","tabIndex","Popover","onClose","handleClose","setTimeout","handleScroll","escFunction","event","addEventListener","removeEventListener","id","x","fill","overflow","transform","mask","Footnote","DotsOnImage","block","credit","dots","container","useRef","title","popover","setPopover","handleClickOutside","composedPath","indexOf","current","isVisible","dot","isActive","position","left","backgroundColor","color","shouldShow","side","align","handleDotClick","svg_string","number","makeStyleContext","classNames","context","Array","isArray","ctx","concat","Tag","correlation","onlyOn","MediaCaption","caption","Table","rows","options","columnsWidth","columns_widths","tableCredit","table_credit","colors","wrapper","table","tracks","row","i","cells","cell","j","header","fixedColumn","fixed_first_column","val","MaterialNote","item","BookmarkButton","isInBookmarks","control","Meta","hasSource","Timestamp","published","locale","timeFormat","preparedPublishedAt","publishedAt","dayjs","extend","relativeTime","fromNow","format","Error","DangerousHTML","tagName","TagName","html","canRenderHtml","setCanRenderHtml","replaceScriptElementsRecursive","useCallback","node","childNodes","length","script","createElement","Math","random","toString","slice","innerHTML","attrs","attributes","setAttribute","name","value","parentElement","replaceChild","prepareAnchors","querySelectorAll","forEach","a","firstElementChild","EmbedGif","gif","mp4Url","videoFrozen","setVideoFrozen","videoElem","handleVideoTouch","handleVideoError","video","dataset","enableInlineVideo","figure","objectWrap","playsInline","muted","loop","autoPlay","preload","EmbedBlock","only_on","provider","cc","small","small_url","large","large_url","gifUrl","gif_url","mp4_url","isPopoverShown","setIsPopoverShown","isProportional","mobileFullwidth","renderCC","proportional","filteredContext","Object","startsWith","reduce","acc","push","object","gameEmbed","game_src","game_id","renderEmbed","IframeBlock","lang","rootEl","contentEl","scriptEl","range","createRange","setStart","textContent","appendChild","createContextualFragment","frame","querySelector","contentDocument","open","close","renderIframe","EmbedBlockContainer","wrap_with_iframe","QuoteBlock","CardTitle","index","text","ChapterBlock","subtitle","SimpleTitle","first","RichTitle","second","featured","SimpleBlock","ListBlock","RelatedBlock","related","items","layout","href","full_url","url","rel","second_title","SourceBlock","quote","origin","cite","GroupedBlock","maxHeight","min","normalizedBoxesWidth","sumWidth","sum","hasFigcaption","figcaption","MetaItem","hasBullets","bullets","MetaItemLive","DocumentItemsCount","one","two","five","n","i18n","ru","en","itemsCount","abs","MetaContainer","isRead","isListened","bookmarkAction","components","themeColor","isPodcast","isSlides","find","component","datetime","count","with_icon","label","RenderBlocks","Cover","blocks","cover","urls","mobileRatio","mobile_ratio","gradients","text_rgb","backgroundImage","bg_rgb","image","HalfBlock","main","footer","ImportantLead","Spoiler","button","buttonTitle","btn_title","spoiled","setSpoiled","buttonCollapse","collapse","buttonExpande","expand","getBoundingClientRect","scrollIntoView","behavior","active","enabled","childrenPosition","onChange","input","checked","knob","right","Children","props","cloneElement"],"mappings":"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"}