@meduza/ui-kit-2 0.1.20 → 0.1.21

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 +132 -122
  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 +132 -122
  6. package/dist/ui-kit-2.esm.js.map +1 -1
  7. package/dist/ui-kit.css +628 -628
  8. package/package.json +1 -1
  9. package/src/RelatedRichBlock/index.tsx +5 -5
  10. package/src/RenderBlocks/RenderBlocks.stories.module.css +3 -0
  11. package/src/RenderBlocks/index.tsx +5 -0
  12. package/src/RenderBlocks/mock.json +73 -0
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/converCase.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/utils/generateGradient.ts","../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/HalfBlock/index.tsx","../src/ImportantLead/index.tsx","../src/Spoiler/index.tsx","../src/Dropdown/index.tsx","../src/MaterialTitle/index.tsx","../src/RawHtmlBlock/index.tsx","../src/RelatedRichBlock/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/converCase'\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\nexport const toCapitalize = (s: string): string =>\n s[0].toUpperCase() + s.slice(1)\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 [ratio, setRatio] = useState(1)\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 const defaultWidth = 375\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 useEffect(() => {\n setDotSize()\n window.addEventListener('resize', setDotSize)\n\n return () => document.removeEventListener('resize', setDotSize)\n }, [visible])\n\n const setDotSize = () => {\n const width = window.innerWidth\n\n if (width < defaultWidth) {\n const ratio = width / defaultWidth\n setRatio(ratio)\n } else {\n setRatio(1)\n }\n }\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 <div\n className={styles.dot}\n key={dot.id}\n style={{\n top: `${dot.position.y}%`,\n left: `${dot.position.x}%`,\n transform: `scale(${ratio}) translate(-${50 / ratio}%, -${\n 50 / ratio\n }%)`\n }}\n >\n <button\n className={makeClassName([\n [styles.marker, true],\n [styles.isActive, dot.id === popover.id]\n ])}\n type=\"button\"\n style={{\n backgroundColor: dot.icon.color\n }}\n onClick={(): void => handleDotClick(dot)}\n >\n {dot.icon.type === 'svg' && (\n <div\n dangerouslySetInnerHTML={{ __html: dot.icon.svg_string }}\n />\n )}\n {dot.icon.type === 'number' && dot.icon.number}\n </button>\n </div>\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 && 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","const generateGradient = (color: string, type: string): string => {\n const steps = {\n mediaBlockBottom: [\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 mediaBlockTop: [\n [0.5, 0],\n [0, 97]\n ]\n }\n\n const gradient = steps[type].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 { 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)} data-testid=\"list-block\">\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, 'mediaBlockBottom')\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","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","/* eslint-disable react/jsx-no-target-blank */\nimport React, { useState, useEffect } from 'react'\nimport { RelatedRichBlockProps } from './RelatedRichBlock.types'\n\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport generateGradient from '../utils/generateGradient'\nimport { toCapitalize } from '../utils/converCase'\n\nimport { Tag } from '../Tag'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { Image } from '../Image'\n\nimport styles from './RelatedRichBlock.module.css'\n\nimport { RelatedBlock } from '../RelatedBlock'\n\nexport const RelatedRichBlock: React.FC<RelatedRichBlockProps> = ({\n block: {\n only_on: onlyOn,\n data: {\n blocks,\n fallback,\n url,\n cover: { urls, gradients, tag, layout, ratio }\n }\n },\n styleContext\n}) => {\n const style: React.CSSProperties = {}\n const styleHeader: React.CSSProperties = {}\n\n const [isRich, setIsRich] = useState(false)\n\n const cardType = `is${toCapitalize(layout)}`\n\n useEffect(() => {\n // setIsRich(Math.random() >= 0.5)\n setIsRich(true)\n }, [])\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[cardType], !!layout && !!styles[cardType]],\n [styles.hasGradient, !!gradients],\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 styleHeader.backgroundImage = generateGradient(\n gradients.bg_rgb,\n 'mediaBlockTop'\n )\n style.backgroundImage = generateGradient(\n gradients.bg_rgb,\n 'mediaBlockBottom'\n )\n }\n\n if (!isRich) {\n return <RelatedBlock block={fallback} />\n }\n\n return (\n <a\n data-testid=\"related-rich-block\"\n className={makeClassName(classNames)}\n href={url}\n target=\"_blank\"\n >\n {layout === 'rich' && (\n <>\n <div className={styles.overlay} style={style} />\n <div className={styles.overlayHeader} style={styleHeader} />\n </>\n )}\n\n <div className={styles.tag}>\n <Tag size=\"small\" theme=\"inherit\" styleContext=\"rich\">\n {tag}\n </Tag>\n </div>\n <div className={styles.cover}>\n <Image optimized={urls} ratio={ratio} display=\"narrow\" />\n </div>\n <div className={styles.body}>\n {blocks.map((item) => (\n <RenderBlocks\n key={item.id}\n block={item}\n styleContext={[...styleContext, 'isInMediaBlock']}\n />\n ))}\n </div>\n </a>\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","setRatio","container","useRef","title","popover","setPopover","handleClickOutside","setDotSize","composedPath","indexOf","current","isVisible","dot","position","left","marker","isActive","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","generateGradient","mediaBlockBottom","mediaBlockTop","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","tag","styleHeader","isRich","setIsRich","cardType","hasGradient","overlay","overlayHeader","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/converCase.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/utils/generateGradient.ts","../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/RelatedRichBlock/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/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/converCase'\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\nexport const toCapitalize = (s: string): string =>\n s[0].toUpperCase() + s.slice(1)\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 [ratio, setRatio] = useState(1)\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 const defaultWidth = 375\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 useEffect(() => {\n setDotSize()\n window.addEventListener('resize', setDotSize)\n\n return () => document.removeEventListener('resize', setDotSize)\n }, [visible])\n\n const setDotSize = () => {\n const width = window.innerWidth\n\n if (width < defaultWidth) {\n const ratio = width / defaultWidth\n setRatio(ratio)\n } else {\n setRatio(1)\n }\n }\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 <div\n className={styles.dot}\n key={dot.id}\n style={{\n top: `${dot.position.y}%`,\n left: `${dot.position.x}%`,\n transform: `scale(${ratio}) translate(-${50 / ratio}%, -${\n 50 / ratio\n }%)`\n }}\n >\n <button\n className={makeClassName([\n [styles.marker, true],\n [styles.isActive, dot.id === popover.id]\n ])}\n type=\"button\"\n style={{\n backgroundColor: dot.icon.color\n }}\n onClick={(): void => handleDotClick(dot)}\n >\n {dot.icon.type === 'svg' && (\n <div\n dangerouslySetInnerHTML={{ __html: dot.icon.svg_string }}\n />\n )}\n {dot.icon.type === 'number' && dot.icon.number}\n </button>\n </div>\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 && 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","const generateGradient = (color: string, type: string): string => {\n const steps = {\n mediaBlockBottom: [\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 mediaBlockTop: [\n [0.5, 0],\n [0, 97]\n ]\n }\n\n const gradient = steps[type].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 { 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)} data-testid=\"list-block\">\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","/* eslint-disable react/jsx-no-target-blank */\nimport React, { useState, useEffect } from 'react'\nimport { RelatedRichBlockProps } from './RelatedRichBlock.types'\n\nimport { makeClassName, ClassNames } from '../utils/makeClassName'\nimport makeStyleContext from '../utils/makeStyleContext'\nimport generateGradient from '../utils/generateGradient'\nimport { toCapitalize } from '../utils/converCase'\n\nimport { Tag } from '../Tag'\nimport { RenderBlocks } from '../RenderBlocks'\nimport { Image } from '../Image'\n\nimport styles from './RelatedRichBlock.module.css'\n\nimport { RelatedBlock } from '../RelatedBlock'\n\nexport const RelatedRichBlock: React.FC<RelatedRichBlockProps> = ({\n block: {\n only_on: onlyOn,\n data: {\n blocks,\n fallback,\n url,\n cover: { urls, gradients, tag, layout, ratio }\n }\n },\n styleContext\n}) => {\n const style: React.CSSProperties = {}\n const styleHeader: React.CSSProperties = {}\n\n const [isRich, setIsRich] = useState(false)\n\n const cardType = `is${toCapitalize(layout)}`\n\n useEffect(() => {\n // setIsRich(Math.random() >= 0.5)\n setIsRich(true)\n }, [])\n\n let classNames: ClassNames = [\n [styles.root, true],\n [styles[cardType], !!layout && !!styles[cardType]],\n [styles.hasGradient, !!gradients],\n [styles[onlyOn], !!onlyOn && !!styles[onlyOn]]\n ]\n\n let context = ['isInMediaBlock']\n\n if (styleContext) {\n classNames = makeStyleContext(classNames, styleContext, styles)\n\n context = [...styleContext, 'isInMediaBlock']\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 styleHeader.backgroundImage = generateGradient(\n gradients.bg_rgb,\n 'mediaBlockTop'\n )\n style.backgroundImage = generateGradient(\n gradients.bg_rgb,\n 'mediaBlockBottom'\n )\n }\n\n if (!isRich) {\n return <RelatedBlock block={fallback} />\n }\n\n return (\n <a\n data-testid=\"related-rich-block\"\n className={makeClassName(classNames)}\n href={url}\n target=\"_blank\"\n >\n {layout === 'rich' && (\n <>\n <div className={styles.overlay} style={style} />\n <div className={styles.overlayHeader} style={styleHeader} />\n </>\n )}\n\n <div className={styles.tag}>\n <Tag size=\"small\" theme=\"inherit\" styleContext=\"rich\">\n {tag}\n </Tag>\n </div>\n <div className={styles.cover}>\n <Image optimized={urls} ratio={ratio} display=\"narrow\" />\n </div>\n <div className={styles.body}>\n {blocks.map((item) => (\n <RenderBlocks key={item.id} block={item} styleContext={context} />\n ))}\n </div>\n </a>\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 { RelatedRichBlock } from '../RelatedRichBlock'\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 'related_rich': {\n return <RelatedRichBlock 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, 'mediaBlockBottom')\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","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","setRatio","container","useRef","title","popover","setPopover","handleClickOutside","setDotSize","composedPath","indexOf","current","isVisible","dot","position","left","marker","isActive","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","generateGradient","mediaBlockBottom","mediaBlockTop","SimpleTitle","first","RichTitle","second","featured","SimpleBlock","ListBlock","RelatedBlock","related","items","layout","href","full_url","url","rel","second_title","SourceBlock","quote","origin","cite","RelatedRichBlock","blocks","cover","urls","gradients","tag","styleHeader","isRich","setIsRich","cardType","hasGradient","text_rgb","backgroundImage","bg_rgb","overlay","overlayHeader","RenderBlocks","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","Cover","mobileRatio","mobile_ratio","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":"oVAEaA,EAAgB,SAACC,UACrBA,EACJC,QAAO,2BACPC,KAAI,2BACJC,KAAK,MCJJC,EAAmB,kBACvBC,uBACEC,MAAM,OACNC,OAAO,OACPC,QAAQ,YACRC,MAAM,8BAENJ,yBACEA,wBACEK,EAAE,qKACFC,QAAQ,SAGZN,qBAAGO,SAAS,WACVP,oCACEQ,cAAc,YACdC,KAAK,SACLC,KAAK,UACLC,GAAG,YACHC,IAAI,SACJC,YAAY,eAEdb,wBAAMK,EAAE,0mBCjBDS,EAA0B,oBACrCC,MAAAA,aAAQ,aACRC,KAAAA,aAAO,gBACPC,MAAAA,aAAQ,kBACRC,aAAAA,aAAe,oBACfC,SAAAA,gBACAC,IAAAA,QACAC,IAAAA,gBAWErB,wCACc,SACZsB,UAAW5B,EAAc,CACvB,CAAC6B,EAAOC,MAAM,GACd,CAACD,EAAOP,KAASA,GACjB,CAACO,EAAOR,KAAUA,GAClB,CAACQ,EAAON,KAAUA,KAAWM,EAAON,IACpC,CAACM,EAAOL,KAAiBA,KAE3BC,SAAUA,EACVC,QAnBgB,YACdD,GAAaC,GAIjBA,KAeEX,KAAK,UAEM,cAAVQ,EACCjB,wBAAMsB,UAAWC,EAAOE,QACtBzB,gBAACD,SAGHsB,IC3CKK,EAAQ,CACnBC,WAAY,CACV1B,MAAO,IACPC,OAAQ,IACR0B,QACE,86DAGJC,KAAM,CACJ5B,MAAO,GACPC,OAAQ,GACR0B,QACE,iKAGJE,GAAI,CACF7B,MAAO,GACPC,OAAQ,GACR0B,QACE,wTAGJG,GAAI,CACF9B,MAAO,GACPC,OAAQ,GACR0B,QACE,8ZAGJI,GAAI,CACF/B,MAAO,GACPC,OAAQ,GACR0B,QACE,gsBAGJK,GAAI,CACFhC,MAAO,EACPC,OAAQ,GACR0B,QACE,qkBAGJM,GAAI,CACFjC,MAAO,GACPC,OAAQ,GACR0B,QACE,2LAGJO,aAAc,CACZlC,MAAO,GACPC,OAAQ,GACR0B,QACE,0gBAGJQ,SAAU,CACRnC,MAAO,GACPC,OAAQ,GACR0B,QACE,wkBAGJS,QAAS,CACPpC,MAAO,GACPC,OAAQ,GACR0B,QACE,ikBAGJU,SAAU,CACRrC,MAAO,GACPC,OAAQ,GACR0B,QACE,odAGJW,KAAM,CACJtC,MAAO,GACPC,OAAQ,GACR0B,QACE,+IAGJY,MAAO,CACLvC,MAAO,GACPC,OAAQ,GACR0B,QACE,qOAGJa,UAAW,CACTxC,MAAO,GACPC,OAAQ,GACR0B,QACE,onBAGJc,SAAU,CACRzC,MAAO,GACPC,OAAQ,GACR0B,QACE,oZAGJe,aAAc,CACZ1C,MAAO,GACPC,OAAQ,GACR0B,QACE,gqBAGJgB,SAAU,CACR3C,MAAO,GACPC,OAAQ,GACR0B,QACE,ukBAGJiB,gBAAiB,CACf5C,MAAO,GACPC,OAAQ,GACR0B,QACE,qlBAGJkB,SAAU,CACR7C,MAAO,GACPC,OAAQ,GACR0B,QACE,qUAGJmB,MAAO,CACL9C,MAAO,GACPC,OAAQ,GACR0B,QACE,gMAGJoB,KAAM,CACJ/C,MAAO,GACPC,OAAQ,GACR0B,QACE,syBAGJqB,OAAQ,CACNhD,MAAO,GACPC,OAAQ,GACR0B,QACE,qPAGJsB,KAAM,CACJjD,MAAO,GACPC,OAAQ,GACR0B,QACE,qMAGJuB,QAAS,CACPlD,MAAO,GACPC,OAAQ,GACR0B,QACE,gKAGJwB,MAAO,CACLnD,MAAO,GACPC,OAAQ,GACR0B,QACE,6KAGJyB,MAAO,CACLpD,MAAO,EACPC,OAAQ,GACR0B,QACE,mYAGJ0B,KAAM,CACJrD,MAAO,GACPC,OAAQ,GACR0B,QACE,wQAGJ2B,SAAU,CACRtD,MAAO,GACPC,OAAQ,GACR0B,QACE,qIAGJ4B,QAAS,CACPvD,MAAO,GACPC,OAAQ,GACR0B,QACE,qOAGJ6B,KAAM,CACJxD,MAAO,GACPC,OAAQ,GACR0B,QACE,q7BAEJ8B,SAAU,CACRzD,MAAO,GACPC,OAAQ,GACR0B,QACE,iyEC/MO+B,EAAsC,gBACjDC,IAAAA,KACA5C,IAAAA,KACAE,IAAAA,aAEM2C,EAAOnC,EAAMkC,UAGjB5D,qCACc,aACZI,MAAM,6BACN0D,WAAW,+BACXxC,UAAW5B,EAAc,CACvB,CAAC6B,EAAOC,MAAM,GACd,CAACD,EAAOP,KAASO,EAAOP,IACxB,CAACO,EAAOqC,KAASrC,EAAOqC,IACxB,CAACrC,EAAOL,KAAiBK,EAAOL,MAElCjB,MAAO4D,EAAK5D,MACZC,OAAQ2D,EAAK3D,OACbC,eAAgB0D,EAAK5D,UAAS4D,EAAK3D,OACnC6D,wBAAyB,CAAEC,OAAQH,EAAKjC,6bC1BxCqC,EAAejE,EAAMkE,cAAc,CAAEC,SAAU,OAExCC,EAAgBH,EAAaI,4BCCN,CAClCpE,MACEqE,OAAOC,YACPC,SAASC,gBAAgBC,aACzBF,SAASG,KAAKD,YAChBxE,OACEoE,OAAOM,aACPJ,SAASC,gBAAgBI,cACzBL,SAASG,KAAKE,eCXZC,EAAc,SAACC,EAAiBC,OAC9BC,EAASX,OAAOY,IAEhBC,EAASC,aAAuBC,KAAKC,UAAU,CACnDP,QAAAA,EACAC,OAAAA,SAGoB,IAAXC,GACTA,EAAOH,YAAYK,EAAK,MCHfI,EAAmB,KACzB,qBACA,yBACA,yBACA,yBACA,2BACC,uBAGKC,EAAuB,CAClCC,GAAI,CAAC,KACLC,UAAW,CAAC,KAAM,IAAK,IAAK,KAC5BC,KAAM,CAAC,IAAK,IAAK,IAAK,aACb,CAAC,IAAK,IAAK,KACpBC,OAAQ,CAAC,IAAK,MCfHC,EAA4B,gBAAGxE,IAAAA,WACbyE,YAAU,CACrCC,YAFkDA,WAE1B,IADnBC,OAAKC,OAAQC,SAIUC,YAAS,GAAhCC,OAASC,cAEhBC,aAAU,WACJJ,GAASA,EAAMK,oBAAsBL,EAAMK,mBAAmBC,EAAI,GACpEH,GAAW,KAEZ,CAACH,IAEJI,aAAU,WACJL,GACFI,GAAW,KAEZ,CAACJ,IAGFjG,uBACEsB,UAAW5B,EAAc,CACvB,4BAAc,GACd,8BAAiB0G,KAEnBJ,IAAKA,gBACO,QAEXI,GAAW/E,IC9BLoF,EAAwC,gBACnDC,IAAAA,OACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,IACAC,IAAAA,UAEgCX,YAAS,GAAlCY,OAAUC,OAEjBV,aAAU,WACRU,GAAa1C,OAAO2C,sBACnB,QChBmBC,EDkBhBC,EACJ3B,GCnBoB0B,EDmBSJ,EClB/BI,EAAEE,QAAQ,gBAAgB,SAACC,UAAQA,EAAIC,cAAcF,QAAQ,IAAK,UDkBtB5B,iBAG1CxF,+BACG0G,GACC1G,0BAAQuH,MAAM,qBAAqBC,OAAWd,EAAO,WAGtDE,IAAcA,EAAUa,MACvBzH,0BAAQuH,MAAM,iBAAiBC,UAAWZ,EAAUc,WAGrDd,GACCO,EAAKtH,KAAI,SAAC8H,OACFC,EAAahB,MAAce,UAE5BC,EAKH5H,gBAACA,EAAM6H,UAASF,IAAKA,GACnB3H,0BACES,KAAK,aACL8G,MAAOhC,EAAiBoC,GACxBH,OAAWI,EAAW,mBAAkBA,EAAW,oBAGrD5H,0BACES,KAAK,YACL8G,MAAOhC,EAAiBoC,GACxBH,OAAWI,EAAW,cAAaA,EAAW,gBAd3C,QAoBb5H,uBACE8H,IACEf,EACIJ,EACA,qFAENE,IAAKA,MElDAkB,EAA8B,gBACzClB,IAAAA,IACAC,IAAAA,QACAF,IAAAA,UACA3G,IAAAA,MACAC,IAAAA,OACAwG,IAAAA,OACAsB,IAAAA,KACAC,IAAAA,WACAC,IAAAA,MAEQ/D,EAAagE,aAAWlE,GAAxBE,SAEFiE,EAAc,cACbH,GAAe9D,KAAayC,GAAcA,EAAUc,eAI1CW,EAAkBC,IAAzBrI,MAGNoI,GJ9Bc,OI8BwCJ,EAAWM,SAGjEF,EJjCc,OIiCuCJ,EAAWO,SAMlE1D,EAAY,mBAAoB,SAChCX,EAASsE,KAAK7B,EAAW3G,EAAOC,EAAQ2G,MAGpC6B,EAAgB,CACpBC,cAAkB,KAAOT,GAASjI,EAAQC,QAGtC0I,EAAc,CAClBC,SAAU5I,GAAS,IAAMA,EAAQ,QAI7B0G,EACHD,GAAUA,EAAO,IACjBE,EAAUa,MAAQb,EAAUa,KAAK,OAClCb,EAAUc,gBAGV1H,uBACEsB,UAAW5B,EAAc,CACvB,6BAAc,GACd,kCAAoBuI,GAAcA,EAAWM,WAE/CO,MAAOF,gBACK,SAEZ5I,uBACEsB,wCACAwH,MAAOJ,EACPtH,QAAS,kBAAYgH,KACrBW,WAAY,kBAAYX,KACxBY,KAAK,SACLC,SAAU,GAETjB,EACChI,gCACEA,gBAAC6F,GAAKE,UAAW,KACf/F,gBAACyG,GACCE,eAAgBA,EAChBD,OAAQA,EACRE,UAAWA,EACXC,IAAKA,EACLC,QAASA,KAGb9G,gCACEA,uBAAK8H,IAAKnB,EAAgBE,IAAKA,MAInC7G,gBAACyG,GACCE,eAAgBA,EAChBD,OAAQA,EACRE,UAAWA,EACXC,IAAKA,EACLC,QAASA,OC7FRoC,EAAkC,gBAAG7H,IAAAA,SAAU8H,IAAAA,UAC5BhD,YAAS,GAAhCC,OAASC,OAEV+C,EAAc,WAClB/C,GAAW,GACXgD,WAAWF,EAAS,MAGhBG,EAAe,WACnBF,KAGIG,EAAc,SAACC,GACD,WAAdA,EAAM7B,KACRyB,YAIJ9C,aAAU,kBACRhC,OAAOmF,iBAAiB,UAAWF,GAAa,GAChDjF,OAAOmF,iBAAiB,SAAUH,GAAc,GAEzC,WACLhF,OAAOoF,oBAAoB,UAAWH,GAAa,GACnDjF,OAAOoF,oBAAoB,SAAUJ,GAAc,MAEpD,CAAClD,IAIFpG,qCACc,UACZsB,UAAW5B,EAAc,CACvB,+BAAc,GACd,iCAAiB0G,MAGnBpG,uBAAKsB,0CAA2BF,QAAS,kBAAYgI,OAErDpJ,uBAAKsB,6CACHtB,0BACES,KAAK,SACLa,0CACAF,QAAS,kBAAYgI,kBACV,YAEbpJ,uBAAKC,MAAM,OAAOqB,8CAChBtB,4BACEA,wBAAM2J,GAAG,SAASC,EAAE,IAAIpD,EAAE,IAAIvG,MAAM,OAAOC,OAAO,QAChDF,wBAAM6J,KAAK,QAAQrD,EAAE,IAAIvG,MAAM,OAAOC,OAAO,OAAO0J,EAAE,MACtD5J,uBAAK4J,EAAE,MAAME,SAAS,WACpB9J,qBAAG+J,UAAU,oBACX/J,wBAAMK,EAAE,6LAKhBL,wBACE6J,KAAK,UACLF,GAAG,YACHK,KAAK,eACLJ,EAAE,IACFpD,EAAE,IACFvG,MAAM,OACNC,OAAO,UAGXF,uBAAKsB,wCAAyBD,MChEzB4I,EAAoC,gBAAG5I,IAAAA,SAAU8H,IAAAA,eAE1DnJ,qCACc,WACZsB,UAAW5B,EAAc,CAAC,gCAAc,MAExCM,0BACEsB,2CACAb,KAAK,SACLW,QAAS,kBAAY+H,MAErBnJ,gBAAC2D,GAAUC,KAAK,QAAQ5C,KAAK,WAG/BhB,uBAAKsB,yCAAyBD,ydCNvB6I,EAA0C,oBACrDC,MAASvD,IAAAA,UAAW3G,IAAAA,MAAOC,IAAAA,OAAQkK,IAAAA,OAAQtD,IAAAA,QAASuD,IAAAA,OAE1BlE,WAAS,GAA5B+B,OAAOoC,SACexE,YAAU,CACrCC,UAAW,KADNC,OAAKC,OAAQC,OAIdqE,EAAYC,SAAO,QAEKrE,WAAsB,CAClDsE,MAAO,KACP9F,KAAM,KACN8D,MAAM,EACNkB,GAAI,OAJCe,OAASC,SAOcxE,YAAS,GAAhCC,OAASC,OAGhBC,aAAU,WACJJ,GAASA,EAAMK,oBAAsBL,EAAMK,mBAAmBC,EAAI,GACpEH,GAAW,KAEZ,CAACH,IAEJI,aAAU,WACJL,GACFI,GAAW,KAEZ,CAACJ,IAEJK,aAAU,kBACJoE,EAAQf,GACVnF,SAASiF,iBAAiB,QAASmB,GAEnCpG,SAASkF,oBAAoB,QAASkB,GAGjC,kBAAMpG,SAASkF,oBAAoB,QAASkB,MAClD,CAACF,IAEJpE,aAAU,kBACRuE,IACAvG,OAAOmF,iBAAiB,SAAUoB,GAE3B,kBAAMrG,SAASkF,oBAAoB,SAAUmB,MACnD,CAACzE,QAEEyE,EAAa,eACX5K,EAAQqE,OAAOC,WAInB+F,EAFErK,EAlCe,IAmCHA,EAnCG,IAsCR,IAIP2K,EAAqB,SAACpB,IAGe,IAF5BA,EAAMsB,eAEVC,QAAQR,EAAUS,UACzBL,EAAW,CAAElC,MAAM,YAuBrBzI,uBACEsB,UAAW5B,EAAc,CACvB,CAAC6B,EAAOC,MAAM,GACd,CAACD,EAAO0J,UAAW7E,mBAET,gBACZJ,IAAKA,GAELhG,gBAAC+H,GACCnB,UAAWA,EACX3G,MAAOA,EACPC,OAAQA,EACR2G,IAAKuD,EACLtD,QAASA,EACTmB,WAAY,CAAEO,QAAQ,EAAOD,SAAS,KAGxCvI,uBAAKgG,IAAKuE,GACPF,EAAKxK,KAAI,SAACqL,UACTlL,uBACEsB,UAAWC,EAAO2J,IAClBvD,IAAKuD,EAAIvB,GACTb,MAAO,CACL5D,IAAQgG,EAAIC,SAAS3E,MACrB4E,KAASF,EAAIC,SAASvB,MACtBG,mBAAoB7B,kBAAqB,GAAKA,SAC5C,GAAKA,SAITlI,0BACEsB,UAAW5B,EAAc,CACvB,CAAC6B,EAAO8J,QAAQ,GAChB,CAAC9J,EAAO+J,SAAUJ,EAAIvB,KAAOe,EAAQf,MAEvClJ,KAAK,SACLqI,MAAO,CACLyC,gBAAiBL,EAAItH,KAAK4H,OAE5BpK,QAAS,kBA1DE,SAAC8J,OAChBO,EAAaP,EAAIvB,KAAOe,EAAQf,GAMtCgB,EAAW,CACTF,MAAOS,EAAIT,MACX9F,KAAMuG,EAAIvG,KACV8D,KAAMgD,EACN9B,GAAI8B,EAAaP,EAAIvB,GAAK,KAC1Bb,MAPY,CAAE5D,IAAQgG,EAAIC,SAAS3E,MAAM4E,KAASF,EAAIC,SAASvB,OAQ/D8B,KAXWR,EAAIC,SAASvB,EAAI,GAAK,SAAW,UAY5C+B,MAXYT,EAAIC,SAAS3E,EAAI,GAAK,WAAa,UAuDlBoF,CAAeV,KAEjB,QAAlBA,EAAItH,KAAKnD,MACRT,uBACE+D,wBAAyB,CAAEC,OAAQkH,EAAItH,KAAKiI,cAG7B,WAAlBX,EAAItH,KAAKnD,MAAqByK,EAAItH,KAAKkI,YAK7CpB,EAAQjC,MACPzI,gCACGsI,IAAerI,OPzJR,KO0JND,uBACEsB,UAAW5B,EAAc,CACvB,CAAC6B,EAAOmJ,SAAS,GACjB,CAACnJ,EAAOmJ,EAAQgB,QAAShB,EAAQgB,MACjC,CAACnK,EAAOmJ,EAAQiB,SAAUjB,EAAQiB,SAEpC7C,MAAO4B,EAAQ5B,OAEf9I,gBAACiK,GACCd,QAAS,WACPwB,EAAW,CAAElC,MAAM,MAGpBiC,EAAQD,OAASzK,0BAAK0K,EAAQD,OAC/BzK,uBAAK+D,wBAAyB,CAAEC,OAAQ0G,EAAQ/F,UAIpD3E,gBAACkJ,GACCC,QAAS,WACPwB,EAAW,CAAElC,MAAM,MAGpBiC,EAAQD,OAASzK,0BAAK0K,EAAQD,OAC/BzK,uBAAK+D,wBAAyB,CAAEC,OAAQ0G,EAAQ/F,aCnL1DoH,EAAmB,SACvBC,EACA9K,EACAK,OAEM0K,EAAUC,MAAMC,QAAQjL,GAC1BA,EACGtB,QAAO,SAACwM,UAAQ7K,EAAO6K,MACvBvM,KAAI,SAACuM,SAAQ,CAAC,CAAC7K,EAAO6K,KAAO,MAChC,CAAC,CAAC7K,EAAOL,KAAiBA,KAAkBK,EAAOL,YAEhD8K,EAAWK,OAAOJ,0xBCNdK,EAA0B,gBACrCjL,IAAAA,aACAL,KAAAA,aAAO,cACPD,MAAAA,aAAQ,SACRG,IAAAA,aACAqL,IAAAA,YACAC,IAAAA,OAEIR,EAAyB,CAC3B,CAACzK,EAAOC,MAAM,GACd,CAACD,EAAOP,KAASA,KAAUO,EAAOP,IAClC,CAACO,EAAOR,KAAUA,KAAWQ,EAAOR,IACpC,CAACQ,EAAOiL,KAAWA,KAAYjL,EAAOiL,IACtC,CAACjL,EAAOgL,KAAgBA,KAAiBhL,EAAOgL,YAG9CrL,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAIxDvB,qCAAiB,MAAMsB,UAAW5B,EAAcsM,IAC7C3K,iTCtBMoL,EAA4C,gBACvDrC,IAAAA,OACAsC,IAAAA,QACAxL,IAAAA,aAEI8K,EAAyB,CAAC,CAACzK,EAAOC,MAAM,WAExCN,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAIxDvB,qCAAiB,gBAAgBsB,UAAW5B,EAAcsM,IACvDU,GACC1M,uBACEsB,UAAWC,EAAOmL,QAClB3I,wBAAyB,CAAEC,OAAQ0I,KAGtCtC,GACCpK,uBACEsB,UAAWC,EAAO6I,OAClBrG,wBAAyB,CAAEC,OAAQoG,yyBCpBhCuC,EAA8B,gBACzCzL,IAAAA,iBACAiJ,MACEyC,IAAAA,KACAC,IAAAA,QACA/F,IAAAA,QACgBgG,IAAhBC,eACcC,IAAdC,aAGIC,EAAS,WACF,kBACA,iBACA,iBACA,iBACA,mBACA,mBACA,kBACA,UAGTlB,EAAyB,CAC3B,CAACzK,EAAOC,MAAM,GACd,CAACD,EAAOuF,KAAYA,KAAavF,EAAOuF,YAGtC5F,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAIxDvB,qCAAiB,QAAQsB,UAAW5B,EAAcsM,IAChDhM,uBAAKsB,UAAWC,EAAO4L,SACrBnN,uBAAKsB,UAAWC,EAAO6L,OACrBpN,uBAAKsB,UAAWC,EAAO8L,QACpBT,EAAK/M,KAAI,SAACyN,EAAKC,UAEZvN,uBAAK2H,IAAK2F,EAAI3F,IAAKrG,UAAWC,EAAO+L,KAClCA,EAAIE,MAAM3N,KAAI,SAAC4N,EAAMC,UACpB1N,uBACE2H,IAAK8F,EAAK9F,IACVrG,UAAW5B,EAAc,CACvB,CAAC6B,EAAOkM,MAAM,GACd,CAAClM,EAAOoM,OAAQd,EAAQc,QAAgB,IAANJ,GAClC,CAAChM,EAAO2L,EAAOO,EAAKjC,SAAS,GAC7B,CAACjK,EAAOuL,EAAaY,KAAK,GAC1B,CACEnM,EAAOqM,YACPf,EAAQgB,oBAA4B,IAANH,KAGlC3J,wBAAyB,CAAEC,OAAQyJ,EAAKK,iBAUvDd,GACChN,gBAACyM,GAAarC,OAAQ4C,EAAa9L,aAAcA,scChE5C6M,EAA4C,gBAC9ClK,IAATsG,MAAStG,KACT3C,IAAAA,aAEI8K,EAAyB,CAAC,CAACzK,EAAOC,MAAM,WAExCN,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAIxDvB,qCAAiB,gBAAgBsB,UAAW5B,EAAcsM,IACvDnI,GACCA,EAAKhE,KAAI,SAACmO,UACRhO,qBACEsB,UAAWC,EAAOyM,EAAKvN,MACvBkH,IAAKqG,EAAKrE,GACV5F,wBAAyB,CAAEC,OAAQgK,EAAKnK,ySCjBvCoK,EAAgD,gBAC3D/M,IAAAA,aACAH,IAAAA,MAEAK,IAAAA,QAEI4K,EAAyB,CAC3B,CAACzK,EAAOC,MAAM,GACd,CAACD,EAAO2M,gBALVA,eAME,CAAC3M,EAAOR,KAAUA,KAAWQ,EAAOR,YAGlCG,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAIxDvB,qCAAiB,kBAAkBsB,UAAW5B,EAAcsM,IAC1DhM,0BACEsB,UAAWC,EAAO4M,QAClB/M,QAAS,kBAAYA,KACrBX,KAAK,UAELT,gBAAC2D,GAAUC,KAAK,WAAW5C,KAAK,+mCCvB3BoN,EAA4B,gBAEvCrN,IAAAA,MACAM,IAAAA,SACAmL,IAAAA,OACAtL,IAAAA,aAEI8K,EAAyB,CAC3B,CAACzK,EAAOC,MAAM,GACd,CAACD,EAAOR,KAAUA,KAAWQ,EAAOR,IACpC,CAACQ,EAAOiL,KAAWA,GACnB,CAACjL,EAAO8M,YAVVA,mBAaInN,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAIxDvB,qCAAiB,OAAOsB,UAAW5B,EAAcsM,IAC9C3K,ICnBMiN,EAAsC,gBAK7CC,MAHJC,OAAAA,aAAS,OACT/N,IAAAA,KAGMgO,EACO,OAAXD,EAAkB,qBAAuB,uBAErCE,EAAoC,MAR1CC,eAUAC,EAAMJ,OAAOA,GACbI,EAAMC,OAAOC,GAEA,YAATrO,EACF8N,EAAYK,EAAMF,GAAqBK,eAClC,GAAa,WAATtO,EACT8N,EAAYK,EAAMF,GAAqBM,OAAO,aACzC,CAAA,GAAa,SAATvO,QAGH,IAAIwO,MAAM,qBAFhBV,EAAYK,EAAMF,GAAqBM,OAAOP,UAM9CzO,sCAAkB,YAAYsB,0CAC3BiN,IC1BDW,EAA8C,oBAClD5N,UAAAA,aAAY,SACZ6N,QAASC,aAAU,QACnBC,IAAAA,KAEMtK,EAAUyF,SAAuB,QACGrE,YAAS,GAA5CmJ,OAAeC,OAEtBjJ,aAAU,WACRiJ,GAAiB,KAChB,QAEGC,EAAiCC,eAAY,SAACC,MAE/B,WAAjBA,EAAKP,SACHO,EAAK/F,IAAqC,IAA/B+F,EAAK/F,GAAGoB,QAAQ,mBAiBzBwC,EAAI,EACFlM,EAAWqO,EAAKC,WAEfpC,EAAIlM,EAASuO,QAClBJ,EAA+BnO,EAASkM,IACxCA,GAAK,MArBP,KACMsC,EAASrL,SAASsL,cAAc,UAEtCD,EAAOlG,aAAeoG,KAAKC,SAASC,SAAS,IAAIC,MAAM,GACvDL,EAAOM,UAAYT,EAAKS,kBAElBC,EAAQV,EAAKW,WAEV9C,EAAI,EAAGA,EAAI6C,EAAMR,OAAQrC,GAAK,EAAG,OAChB6C,EAAM7C,GAE9BsC,EAAOS,eAFCC,OAAMC,OAKhBd,EAAKe,cAAcC,aAAab,EAAQH,MAUzC,IAEGiB,EAAiBlB,eAAY,WACjBvD,MAAMxL,KAAKqE,EAAQiG,QAAQ4F,iBAAiB,MAEpDC,SAAQ,SAACC,GACfA,EAAER,aAAa,SAAU,eAE1B,WAEHhK,aAAU,WAENgJ,GACAD,EAAKtE,QAAQ,WAAa,GAC1BhG,EAAQiG,QAAQ+F,oBAEhBhM,EAAQiG,QAAQ+F,kBAAkBZ,UAAYd,EAC9CG,EAA+BzK,EAAQiG,QAAQ+F,mBAC/CJ,OAED,CACDrB,EACAvK,EACAsK,EACAG,EACAmB,IAIA3Q,uBAAKgG,IAAKjB,GACR/E,gBAACoP,GACC9N,UAAWA,EACXyC,wBAAyB,CAAEC,OAAQqL,uiCCxE9B2B,EAAoC,gBAAGC,IAAAA,IAAKC,IAAAA,OAAQpI,IAAAA,QACzB3C,YAAS,GAAxCgL,OAAaC,OACdC,EAAY7G,SAAO,MAEnB8G,EAAmB,WACvBD,EAAUrG,QAAQzI,OAClB6O,GAAe,IAGXG,EAAmB,eACjBC,EAAQH,EAAUrG,QAExBwG,EAAMlB,aAAa,SAAUkB,EAAMC,QAAQR,KAE3CG,GAAe,WAGjB9K,aAAU,eACFkL,EAAQH,EAAUrG,QACT3C,EAAkBC,IAAzBrI,aAERyR,EAAkBF,GAEdnJ,GjB9BE,KiB+BJmJ,EAAMlB,aAAa,YAAY,GAC/BkB,EAAMjP,SAEN6O,GAAe,GACfI,EAAMhP,QACNgP,EAAM/H,iBAAiB,aAAc6H,IAGvCE,EAAM/H,iBAAiB,QAAS8H,GAEzB,WACLC,EAAM9H,oBAAoB,aAAc4H,GACxCE,EAAM9H,oBAAoB,QAAS6H,MAEpC,IAGDvR,uBAAKsB,UAAWC,EAAOoQ,QACrB3R,uBACEsB,UAAWC,EAAOqQ,WAClB9I,MAAOA,gBACMqI,GAEbnR,yBACE6R,eACAC,SACAC,QACAC,YACAC,QAAQ,sBACEhB,EACVjL,IAAKqL,GAELrR,0BAAQ8H,wBAAyBoJ,EAAUzQ,KAAK,kBCnD7CyR,EAAwC,gBACnD/H,IAAAA,UACAA,MACEtG,IAAAA,SACAA,KACEwL,IAAAA,KACAvI,IAAAA,QACS0F,IAAT2F,QACAC,IAAAA,SACAC,IAAAA,GACAzL,IAAAA,UACW0L,IAAXC,UACWC,IAAXC,UACSC,IAATC,QACSzB,IAAT0B,QAGJ1R,IAAAA,aACAG,IAAAA,WAE4C8E,YAAS,GAA9C0M,OAAgBC,OACjBhK,EAA6B,GAC7BiK,EAAiB5I,EAAMtG,KAAK3D,QAAUiK,EAAMtG,KAAK5D,MAUjD+S,EARqB,CACzB,UACA,QACA,QACA,OACA,kBAImBjI,QAAQqH,IAAa,GAAoB,kBAAfjI,EAAM1J,KAE/CwS,EAAW,SAAChH,UAChBjM,gBAACyM,GACCrC,OAAQvG,EAAKuG,OACbsC,QAAS7I,EAAK6I,QACdxL,aAAc+K,GAAW/K,KA0DzB6R,IACFjK,EAAMH,cAAoBwB,EAAMtG,KAAK3D,OAASiK,EAAMtG,KAAK5D,MAAS,QAClE6I,EAAM5I,OAAS,OAGb8L,EAAyB,CAC3B,CAACzK,EAAOC,MAAM,GACd,CAACD,EAAO8Q,GAAIA,GACZ,CAAC9Q,EAAOuF,KAAYA,GAAWvF,EAAOuF,IACtC,CAACvF,EAAO6Q,KAAaA,KAAc7Q,EAAO6Q,IAC1C,CAAC7Q,EAAOiL,KAAWA,GAAUjL,EAAOiL,IACpC,CAACjL,EAAOyR,gBAAiBA,GACzB,CAACzR,EAAO2R,aAAcH,OAOpB7R,EAAc,KACViS,EAAkBC,OAAOjM,KAAKjG,GACjCtB,QAAO,SAAC+H,UAAQA,EAAI0L,WAAW,SAAW9R,EAAOoG,MACjD2L,QAAO,SAACC,EAAK5L,UACZ4L,EAAIC,KAAK,CAACjS,EAAOoG,IAAM,IAEhB4L,IACN,IACLvH,EAAaD,EAAiBC,EAAYmH,EAAiB5R,UAI3DvB,0BAAQsB,UAAW5B,EAAcsM,IAC9B3K,GACCrB,uBAAKsB,UAAWC,EAAOkS,QACrBzT,uBAAKsB,UAAWC,EAAO4L,QAASrE,MAAOA,GACrC9I,uBAAKsB,UAAWC,EAAOqQ,YAAavQ,MAKxCA,GA9Fc,SAACyH,UACXqB,EAAM1J,UACP,aACIT,gBAACgR,GAASC,IAAKyB,EAAQxB,OAAQA,EAAQpI,MAAOA,QAElD,eAED9I,uBAAKsB,UAAWC,EAAOoQ,SACnBW,GAAS1L,IACT5G,gBAAC+H,GACCE,WAAY,CAAEM,QAAS4B,EAAMtG,KAAKoE,WAAYO,QAAQ,GACtD9B,QAASE,GAAa,CAAC0L,EAAOE,GAC9B5L,UAAWuD,EAAMtG,KAAK+C,UACtB3G,MAAOkK,EAAMtG,KAAK5D,MAClBC,OAAQiK,EAAMtG,KAAK3D,OACnB2G,IAAKsD,EAAMtG,KAAK6I,QAChB5F,QAASqD,EAAMtG,KAAKiD,QACpBkB,KAAMmC,EAAMtG,KAAKmE,YAMtB,oBAEDhI,uBAAKsB,UAAWC,EAAOmS,WACrB1T,0BACE8H,IAAKqC,EAAMtG,KAAK8P,SAChBhK,GAAIQ,EAAMtG,KAAK+P,QACfnJ,MAAM,oBAKT,uBAEDzK,uBAAKsB,UAAWC,EAAOoQ,QACrB3R,gBAACkK,GAAYC,MAAOtG,oBAOtB7D,uBAAKsB,UAAWC,EAAOkS,QACrBzT,uBAAKsB,UAAWC,EAAO4L,QAASrE,MAAOA,GACrC9I,gBAACkP,GAAc5N,UAAWC,EAAOqQ,WAAYvC,KAAMA,OAgD7CwE,CAAY/K,GAElB,YAAPuJ,GAAoBrS,kCAAaiT,KAE1B,WAAPZ,GACCrS,0BACEsB,UAAWC,EAAO4M,QAClB1N,KAAK,sBACM,OACXW,QAAS,WACP0R,GAAmBD,MAKjB,WAAPR,GAAmBQ,GAClB7S,gBAACkJ,GACCC,QAAS,WACP2J,GAAkB,KAGnBG,EAAS,kBCvKPa,EAAyC,gBACpD3J,IAAAA,MACSR,IAATQ,MAASR,GACTzI,IAAAA,iBACA6S,KAAAA,aAAO,OAEDhP,EAAUyF,SAAO,aA4DvBlE,aAAU,YA1DW,eACb0N,EAASxP,SAASsL,cAAc,OAChCmE,EAAYzP,SAASsL,cAAc,OACnCoE,EAAW1P,SAASsL,cAAc,UAClChH,EAAQtE,SAASsL,cAAc,SAC/BqE,EAAQ3P,SAAS4P,cAEvBD,EAAME,SAASJ,EAAW,GAC1BA,EAAU3D,aAAa,KAAM,WAC7B4D,EAASI,2uBAmBkBnK,EAAMR,4PAWjCb,EAAMrI,KAAO,WACbqI,EAAMqH,UACW,eAAfhG,EAAM1J,KACF,8DACA,sHAENwT,EAAUM,YAAYJ,EAAMK,yBAAyBrK,EAAMtG,KAAKwL,OAChE2E,EAAOO,YAAYL,GACnBF,EAAOO,YAAYN,GACnBA,EAAUM,YAAYzL,OAEhB2L,EAAQ1P,EAAQiG,QAAQ0J,cAAc,UAAUC,gBAEtDF,EAAMG,OACNH,EAAMI,QACNJ,EAAMhQ,gBAAgB6L,aAAa,OAAQyD,GAC3CU,EAAM9P,KAAK4P,YAAYP,GAIvBc,KACC,IAGD9U,gBAACkS,GAAW/H,MAAOA,EAAOjJ,aAAcA,GACtClB,uBACEgG,IAAKjB,EACLhB,wBAAyB,CACvBC,qBAAsB2F,mDC1EnBoL,EAAiD,gBAC5D5K,IAAAA,MACAjJ,IAAAA,oBAGIiJ,EAAMtG,MAAQsG,EAAMtG,KAAKmR,iBACpBhV,gBAAC8T,GAAY3J,MAAOA,EAAOjJ,aAAcA,EAAc6S,OAHhEA,OAKO/T,gBAACkS,GAAW/H,MAAOA,EAAOjJ,aAAcA,uFCNpC+T,EAAwC,gBAC1CpR,IAATsG,MAAStG,KACT3C,IAAAA,aAEI8K,EAAyB,CAAC,CAACzK,EAAOC,MAAM,WAExCN,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAIxDvB,qCAAiB,cAAcsB,UAAW5B,EAAcsM,IACtDhM,qBAAG+D,wBAAyB,CAAEC,OAAQH,6MCd/BqR,EAAsC,oBACjD/K,MACEtG,KAAiB2I,IAAT2F,QAAiBgD,IAAAA,MAAOC,IAAAA,KAElClU,IAAAA,oBAGElB,qCACc,aACZsB,UAAW5B,EAAc,CACvB,CAAC6B,EAAOC,MAAM,GACd,CAACD,EAAOiL,KAAWA,GACnB,CAACjL,EAAOL,KAAiBA,KAAkBK,EAAOL,OAGpDlB,uBAAKsB,UAAWC,EAAO4T,OAAQA,GAC/BnV,sBAAIsB,UAAWC,EAAOkJ,OAAQ2K,wLChBvBC,GAA4C,oBACvDlL,MAAStG,IAAAA,KAAe2I,IAAT2F,QACfjR,IAAAA,oBAGElB,qCACc,gBACZsB,UAAW5B,EAAc,CACvB,CAAC6B,GAAOC,MAAM,GACd,CAACD,GAAOiL,KAAWA,MAGrBxM,uBACEsB,UAAW5B,EAAc,CACvB,CAAC6B,GAAO+T,UAAU,GAClB,CAAC/T,GAAOL,KAAiBA,KAAkBK,GAAOL,MAEpD6C,wBAAyB,CAAEC,OAAQH,OCtBrC0R,GAAmB,SAAC/J,EAAe/K,qCACzB,CACZ+U,iBAAkB,CAChB,CAAC,EAAG,GACJ,CAAC,IAAM,IACP,CAAC,IAAM,IACP,CAAC,IAAM,IACP,CAAC,IAAM,IACP,CAAC,IAAM,IACP,CAAC,IAAM,IACP,CAAC,IAAM,IACP,CAAC,IAAM,IACP,CAAC,IAAM,IACP,CAAC,EAAG,KAENC,cAAe,CACb,CAAC,GAAK,GACN,CAAC,EAAG,MAIehV,GAAMZ,KAAI,SAAC0N,iBAAc/B,OAAU+B,EAAE,QAAOA,EAAE,gJCd1DmI,GAA0C,oBACrDvL,MACUwL,IAAR9R,KAAQ8R,MAGVzU,IAAAA,aAEI8K,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,KAND4Q,UAMiB,WAGfjR,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAIxDvB,qCAAiB,eAAesB,UAAW5B,EAAcsM,IACtD2J,iVClBMC,GAAsC,oBACjDzL,UAEEtG,KAAkB8R,IAAAA,MAAOE,IAAAA,OAE3B3U,IAAAA,aAEI8K,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,KAPD4Q,UAOiB,GACjB,CAAC5Q,GAAOuU,aAPAA,kBAUN5U,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAIxDvB,oCAAgB,aAAasB,UAAW5B,EAAcsM,IACnD2J,EACAE,GAAU7V,gCAAQ6V,0tBCpBZE,GAA0C,gBAIjD3G,MAHJjF,MAAStG,IAAAA,KAAMpD,IAAAA,KACfS,IAAAA,aAII8K,EAAyB,CAC3B,CAACzK,GAAOd,KAASA,KAAUc,GAAOd,IAClC,CAACc,KAPkB4Q,UAOF,WAGfjR,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAGlDd,OACD,gBACA,WACA,mBACA,cACH2O,EAAU,cAGP,UACHA,EAAU,oBAIVA,EAAU3O,SAGZT,gBAACoP,GACC9N,UAAW5B,EAAcsM,GACzBjI,wBAAyB,CAAEC,OAAQH,2UCjC5BmS,GAAsC,oBACjD7L,MAAS1J,IAAAA,KAAMoD,IAAAA,KACf3C,IAAAA,aAEMkO,EAAU3O,EAEZuL,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,KAPkB4Q,UAOF,GACjB,CAAC5Q,GAAOd,KAASA,KAAUc,GAAOd,YAGhCS,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAIxDvB,gBAACoP,GAAQ9N,UAAW5B,EAAcsM,iBAAyB,cACxDnI,EAAKhE,KAAI,SAACmO,EAAMmH,UACfnV,sBAAI2H,IAAKwN,EAAOpR,wBAAyB,CAAEC,OAAQgK,ycCnB9CiI,GAA4C,oBACvD9L,UACEtG,KAAQ4G,IAAAA,MAAOyL,IAAAA,QAGjBhV,IAAAA,aAEI8K,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,KAND4Q,UAMiB,WAGfjR,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAIxDvB,qCAAiB,gBAAgBsB,UAAW5B,EAAcsM,IACxDhM,sBAAIsB,UAAWC,GAAOoM,QAASlD,GAC/BzK,sBAAIsB,UAAWC,GAAO4U,OACnBD,EAAQrW,KAAI,SAACmO,EAAMmH,UAClBnV,sBAAI2H,IAAKqG,EAAKrE,IAAMwL,EAAO7T,UAAWC,GAAOyM,EAAKoI,SAChDpW,qBACEqW,KAAMrI,EAAKsI,cAAgBtI,EAAKuI,IAChCtR,OAAO,SACPuR,IAAI,uBAEJxW,wBAAMsB,UAAWC,GAAOoU,OAAQ3H,EAAKvD,OACpCuD,EAAKyI,cAAgB,IACrBzI,EAAKyI,cAAgBzW,4BAAOgO,EAAKyI,iRC7BnCC,GAA0C,oBACrDvM,UAEEtG,KAAQ8S,IAAAA,MAAOC,IAAAA,OAAQL,IAAAA,IAEzBrV,IAAAA,aAEI8K,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,KAPD4Q,UAOiB,WAGfjR,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAIxDvB,4CACc,eACZ6W,KAAMN,EACNjV,UAAW5B,EAAcsM,IAEzBhM,qBACEsB,UAAWC,GAAO6T,KAClBiB,KAAME,EACNtR,OAAO,SACPuR,IAAI,uBAEHG,EAAM9W,KAAI,SAACmO,EAAMmH,UAChBnV,qBAAG2H,IAAKwN,EAAOpR,wBAAyB,CAAEC,OAAQgK,EAAKnK,WAEzD7D,8BACEA,wBAAMsB,UAAWC,GAAOqV,QAASA,qnBCtB9BE,GAAoD,gB5BdpC5P,M4Be3BiD,MACWqC,IAAT2F,YACAtO,KACEkT,IAAAA,OACAhQ,IAAAA,SACAwP,IAAAA,QACAS,MAASC,IAAAA,KAAMC,IAAAA,UAAWC,IAAAA,IAAKf,IAAAA,OAAQlO,IAAAA,MAG3ChH,IAAAA,aAEM4H,EAA6B,GAC7BsO,EAAmC,KAEbjR,YAAS,GAA9BkR,OAAQC,OAETC,S5B/BqBrQ,E4B+BQkP,G5B9BjC,GAAG9O,cAAgBJ,EAAEgJ,MAAM,I4BgC7B5J,aAAU,WAERgR,GAAU,KACT,QAECtL,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,GAAOgW,KAAanB,KAAY7U,GAAOgW,IACxC,CAAChW,GAAOiW,cAAeN,GACvB,CAAC3V,GAAOiL,KAAWA,KAAYjL,GAAOiL,KAGpCP,EAAU,CAAC,yBAEX/K,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAExD0K,YAAc/K,GAAc,oBAG1BgW,IAGFlL,EAAaD,EAAiBC,EAFhB,CAAwB,UAAvBkL,EAAUO,SAAuB,OAAS,SAERlW,IAEjD6V,EAAYM,gBAAkBnC,GAC5B2B,EAAUS,OACV,iBAEF7O,EAAM4O,gBAAkBnC,GACtB2B,EAAUS,OACV,qBAICN,EAKHrX,mCACc,qBACZsB,UAAW5B,EAAcsM,GACzBqK,KAAME,EACNtR,OAAO,UAEK,SAAXmR,GACCpW,gCACEA,uBAAKsB,UAAWC,GAAOqW,QAAS9O,MAAOA,IACvC9I,uBAAKsB,UAAWC,GAAOsW,cAAe/O,MAAOsO,KAIjDpX,uBAAKsB,UAAWC,GAAO4V,KACrBnX,gBAACsM,GAAItL,KAAK,QAAQD,MAAM,UAAUG,aAAa,QAC5CiW,IAGLnX,uBAAKsB,UAAWC,GAAOyV,OACrBhX,gBAAC+H,GAAMnB,UAAWqQ,EAAM/O,MAAOA,EAAOpB,QAAQ,YAEhD9G,uBAAKsB,UAAWC,GAAOoD,MACpBoS,EAAOlX,KAAI,SAACmO,UACXhO,gBAAC8X,IAAanQ,IAAKqG,EAAKrE,GAAIQ,MAAO6D,EAAM9M,aAAc+K,SA3BtDjM,gBAACiW,IAAa9L,MAAOpD,4cC/DnBgR,GAA4C,gBACvD5N,IAAAA,MACkBqC,IAAlBrC,MAASgI,QACTjR,IAAAA,aAEM8W,EAAYjI,KAAKkI,UAALlI,KAAY5F,EAAMtG,KAAKhE,KAAI,SAACmO,UAASA,EAAKnK,KAAK3D,WAE3DgY,EAAuB/N,EAAMtG,KAAKhE,KACtC,SAACmO,UAASA,EAAKnK,KAAK5D,OAAS+N,EAAKnK,KAAK3D,OAAS8X,MAG5CG,EAAWD,EAAqB5E,QAAO,SAAC8E,EAAKxO,UAAMwO,EAAMxO,KAE3DoC,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,GAAOiL,IAAS,GACjB,CAACjL,GAAO8W,cAA4B,YAAblO,EAAMkI,IAC7B,CAAC9Q,GAAO4I,EAAMrD,WAAYqD,EAAMrD,SAAWvF,GAAO4I,EAAMrD,kBAGtD5F,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAIxDvB,qCAAiB,gBAAgBsB,UAAW5B,EAAcsM,IACxDhM,uBAAKsB,UAAWC,GAAO4U,OACpBhM,EAAMtG,KAAKhE,KAAI,SAACmO,EAAMmH,UAInBnV,uBACEsB,UAAWC,GAAOyM,KAClBrG,IAAKqG,EAAKrE,GACVb,MAAO,CAAE7I,MANSiY,EAAqB/C,GAASgD,EAAY,UAQ5DnY,gBAAC+U,GACC5K,MAAO6D,EACP9M,aAAa,0BAMtBiJ,EAAMkI,IACLrS,8BAAYsB,UAAWC,GAAO+W,YAC5BtY,gBAACyM,GACCrC,OAAQD,EAAMC,OACdsC,QAASvC,EAAMuC,QACfxL,aAAcA,oQCrDbqX,GAAoC,gBAE/C9X,IAAAA,KACAY,IAAAA,gBAWErB,qCAAiB,YAAYsB,UAAW5B,EARvB,CACjB,CAAC6B,GAAOC,MAAM,GACd,CAACD,GAAOd,KAASA,KAAUc,GAAOd,IAClC,CAACc,GAAO8M,cARVA,WASE,CAAC9M,GAAOiX,eANVC,YAWKpX,uSCfMqX,GAA4C,oBACvD3X,MAAAA,aAAQ,gBAQNf,qCACc,6BACF,OACVsB,UAAW5B,EATI,CACjB,CAAC6B,GAAOC,MAAM,GACd,CAACD,GAAOR,KAAUA,GAASQ,GAAOR,OAShCf,uBAAKsB,UAAWC,GAAOkT,UCbhBkE,GAAwD,gBCJnEC,EACAC,EACAC,EAEIC,EDCJtY,IAAAA,SACAsT,KAAAA,aAAO,OACPoC,IAAAA,MACA9U,IAAAA,SAEM2X,EAAO,CACXC,GAAI,CACF/V,KAAM,CACJ0V,IAAK,WACLC,IAAK,WACLC,KAAM,YAER3V,QAAS,CACPyV,IAAK,SACLC,IAAK,UACLC,KAAM,aAGVI,GAAI,CACFhW,KAAM,CACJ0V,IAAK,OACLC,IAAK,QACLC,KAAM,SAER3V,QAAS,CACPyV,IAAK,UACLC,IAAK,WACLC,KAAM,cAKNK,EAAgBhD,OCrCtByC,EDuCEI,EAAKjF,GAAMtT,GAAMmY,ICtCnBC,EDuCEG,EAAKjF,GAAMtT,GAAMoY,ICtCnBC,EDuCEE,EAAKjF,GAAMtT,GAAMqY,KCrCfC,EAAIhJ,KAAKqJ,IDkCXjD,ICjCF4C,GAAK,MAEI,GAAKA,GAAK,GACVD,EAKC,IAFVC,GAAK,IAGIH,EAGLG,GAAK,GAAKA,GAAK,EACVF,EAGFC,UDwBL9Y,qCAAiB,uBAAuBsB,mDACrCD,EACDrB,wBAAMsB,oDAA0B6X,KErCzBE,GAA8C,gBACzDtF,IAAAA,KACA5J,IAAAA,MACAmP,IAAAA,OACAC,IAAAA,WACAC,IAAAA,eACAtL,IAAAA,kBACA/D,MACEtG,KAAQ4V,IAAAA,WAAY1Y,IAAAA,MAEtBG,IAAAA,aAEMwY,EACJxY,IAAkD,IAAlCA,EAAa6J,QAAQ,QAAiB,QAAU,QAC5D4O,EAAYzY,IAAqD,IAArCA,EAAa6J,QAAQ,WACjD6O,EAAW1Y,IAAmD,IAAnCA,EAAa6J,QAAQ,SAEhDsD,IAAcoL,EAAWI,MAAK,SAAC7L,SAAuB,gBAAdA,EAAKvN,eAGjDT,gBAACoO,GACClN,aAAcA,EACdH,MAAOA,GAAS2Y,EAChBlN,OAAQrC,EAAMgI,QACd9D,UAAWA,GAEVoL,EAAW5Z,KAAI,SAACia,UACPA,EAAUrZ,UACX,qBAEDT,gBAACuY,IAASlK,UAAWA,EAAWoK,WAAQ9Q,IAAKmS,EAAUnQ,IACrD3J,gCACY,OAAT+T,EAAgB,aAAe,WAC/B+F,EAAUvD,KACTvW,qBACEqW,KAAMyD,EAAUvD,IAChBC,IAAI,sBACJvR,OAAO,UAEN6U,EAAU1E,OAGb0E,EAAUvD,KAAOuD,EAAU1E,WAKhC,kBAEDpV,gBAACuY,IAASlK,UAAWA,EAAWoK,WAAQ9Q,IAAKmS,EAAUnQ,IACrD3J,gCACEA,gBAAC2D,GAAUC,KAAK,UAAU5C,KAAK,UAC9B8Y,EAAU1E,WAKd,kBAEDpV,gBAACuY,IACClK,UAAWA,EACXoK,WACA9Q,IAAKmS,EAAUnQ,GACflJ,KAAK,YAELT,gBAACsO,GACCK,YAAamL,EAAUC,SACvBtZ,KAAK,OACL+N,OAAQuF,SAMX,qBAED/T,gBAACuY,IAASlK,UAAWA,EAAWoK,WAAQ9Q,IAAKmS,EAAUnQ,IACrD3J,gBAAC2Y,IACCxC,MAAO2D,EAAUE,MACjBvZ,KAAMkZ,EAAY,UAAY,OAC9B5F,KAAMA,GAEN/T,gBAAC2D,GAAUC,KAAK,OAAO5C,KAAK,gBAK/B,0BAEDhB,gBAACuY,IAASlK,UAAWA,EAAWoK,WAAQ9Q,IAAKmS,EAAUnQ,IACrD3J,gCACEA,gBAAC0Y,8BAKJ,mBAED1Y,gBAACuY,IAASlK,UAAWA,EAAWoK,WAAQ9Q,IAAKmS,EAAUnQ,IACrD3J,gCACG8Z,EAAUG,WAAaja,gBAAC0Y,SAExBoB,EAAUI,uBAOV,UAIXZ,GAAUC,IACVvZ,gBAACuY,IACClK,UAAWA,EACXoK,WACAhY,KAAM8Y,EAAa,WAAa,QAEhCvZ,gBAAC2D,GAAUC,KAAM2V,EAAa,WAAa,OAAQvY,KAAK,WAI3D4Y,GAAqB,OAAT7F,GACX/T,uBAAKsB,UAAWC,EAAOgC,UACrBvD,gBAACiO,GACCC,cAAeA,EACf9M,QAAS,kBAAYoY,EAAe,WAAY,aCxH/C1B,GAA4C,gBACvD3N,IAAAA,MACAjJ,IAAAA,aACA6S,IAAAA,KACAuF,IAAAA,OACAC,IAAAA,WACAC,IAAAA,eACAtL,IAAAA,qBAEQ/D,EAAM1J,UACP,aAEDT,gBAACsM,GACCtL,KAAK,QACLwL,OAAQrC,EAAMgI,QACdpR,MAAOoJ,EAAMtG,KAAK9C,MAClBG,aAAcA,GAEbiJ,EAAMtG,KAAKuR,UAKb,sBACIpV,gBAAC0V,IAAYvL,MAAOA,EAAOjJ,aAAcA,QAG7C,oBACIlB,gBAAC4V,IAAUzL,MAAOA,EAAOjJ,aAAcA,QAG3C,cAEDlB,gBAACqZ,IACClP,MAAOA,EACP4J,KAAM5J,EAAMtG,KAAKkQ,KACjB7S,aAAcA,EACdoY,OAAQA,EACRC,WAAYA,EACZrL,cAAeA,EACfsL,eAAgBA,QAKjB,SACA,SACA,SACA,SACA,iBACA,QACA,gBACA,WACA,iBACIxZ,gBAAC+V,IAAY5L,MAAOA,EAAOjJ,aAAcA,QAG7C,eACIlB,gBAACiV,GAAW9K,MAAOA,EAAOjJ,aAAcA,QAE5C,SACA,YACIlB,gBAACgW,IAAU7L,MAAOA,EAAOjJ,aAAcA,QAG3C,sBACIlB,gBAAC8W,IAAiB3M,MAAOA,EAAOjJ,aAAcA,QAGlD,0BACIlB,gBAACqV,IAAalL,MAAOA,EAAOjJ,aAAcA,QAG9C,oBACIlB,gBAACkV,GAAU/K,MAAOA,EAAOjJ,aAAcA,QAG3C,iBACIlB,gBAACiW,IAAa9L,MAAOA,EAAOjJ,aAAcA,QAG9C,gBACIlB,gBAAC0W,IAAYvM,MAAOA,EAAOjJ,aAAcA,QAE7C,eACIlB,gBAAC2M,GAAMxC,MAAOA,EAAOjJ,aAAcA,QAEvC,YACA,iBACA,iBACA,YACA,oBACA,aAEDlB,gBAAC+U,GACC5K,MAAOA,EACPjJ,aAAcA,EACd6S,KAAMA,QAGP,iBACI/T,gBAAC+X,IAAa5N,MAAOA,EAAOjJ,aAAcA,QAE9C,uBACIlB,gBAAC+N,GAAa5D,MAAOA,EAAOjJ,aAAcA,mBAG1C,wXClHAiZ,GAA8B,oBACzChQ,MACWqC,IAAT2F,YACAtO,KACEkT,IAAAA,WACAC,MAAS5M,IAAAA,OAAQsC,IAAAA,QAASuK,IAAAA,KAAoBmD,IAAdC,aAA2BnD,IAAAA,UAAW7E,IAAAA,GAG1EnR,IAAAA,eAE4CiF,YAAS,GAA9C0M,OAAgBC,OAEjBhK,EAA6B,GAE/BkD,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,GAAOiL,KAAWA,KAAYjL,GAAOiL,YAGpCtL,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAGtD2V,IAGFlL,EAAaD,EAAiBC,EAFhB,CAAwB,UAAvBkL,EAAUO,SAAuB,OAAS,SAERlW,IAEjDuH,EAAM4O,gBAAkBnC,GAAiB2B,EAAUS,OAAQ,qBAY3D3X,qCAAiB,QAAQsB,UAAW5B,EAAcsM,IAChDhM,uBAAKsB,UAAWC,GAAO+Y,OACrBta,gBAAC+H,GAAMnB,UAAWqQ,EAAM/O,MAAOkS,EAAatT,QAAQ,YAEtD9G,uBAAKsB,UAAWC,GAAOoD,KAAMmE,MAAOA,GACjCiO,EAAOlX,KAAI,SAACmO,UACXhO,gBAAC8X,IACCnQ,IAAKqG,EAAKrE,GACVQ,MAAO6D,EACP9M,aAAcA,QAIZ,WAAPmR,GACCrS,0BACEsB,UAAWC,GAAO4M,QAClB1N,KAAK,sBACM,OACXW,QAAS,WACP0R,GAAmBD,MAKjB,WAAPR,GAAmBQ,GAClB7S,gBAACkJ,GACCC,QAAS,WACP2J,GAAkB,KAnC1B9S,gBAACyM,GACCrC,OAAQA,EACRsC,QAASA,EACTxL,aAmCc,oSCxEPqZ,GAAsC,oBACjDpQ,MAEEtG,IAAAA,SACAA,KACEmT,MAASpQ,IAAAA,UAAWsB,IAAAA,MAAOkC,IAAAA,OAAQsC,IAAAA,QAGvCxL,IAAAA,aAEI8K,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,KAVD4Q,UAUiB,WAGfjR,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAIxDvB,qCAAiB,aAAasB,UAAW5B,EAAcsM,IACrDhM,uBAAKsB,UAAWC,GAAOiZ,MACrBxa,uBAAKsB,UAAWC,GAAO+Y,OACrBta,gBAAC+H,GAAMnB,UAAWA,EAAWsB,MAAOA,EAAOpB,QAAQ,gBAErD9G,uBAAKsB,UAAWC,GAAOoD,MACpBd,EAAKkT,OAAOlX,KAAI,SAACmO,UAChBhO,gBAAC8X,IAAanQ,IAAKqG,EAAKrE,GAAIQ,MAAO6D,EAAM9M,aAAc,CAAC,eAI9DlB,uBAAKsB,UAAWC,GAAOkZ,QACrBza,gBAACyM,GACCrC,OAAQA,EACRsC,QAASA,EACTxL,aAAcA,wLCrCXwZ,GAA8C,oBACzDvQ,MAAkBqC,IAAT2F,QAAiBtO,IAAAA,KAC1B3C,IAAAA,aAEI8K,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,GAAOiL,KAAWA,WAGjBtL,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,KAIxDvB,qCAAiB,iBAAiBsB,UAAW5B,EAAcsM,IACxDnI,EAAKhE,KAAI,SAACmO,UACThO,gBAAC8X,IACCnQ,IAAKqG,EAAKrE,GACVQ,MAAO6D,EACP9M,aAAa,kgBCfVyZ,GAAkC,oBAC7CxQ,MACErD,IAAAA,QACA8T,IAAAA,OACSpO,IAAT2F,QACW0I,IAAXC,UACArQ,IAAAA,MACAsM,IAAAA,OAEF7V,IAAAA,eAE8BiF,YAAS,GAAhC4U,OAASC,OACVhV,EAAMwE,SAAO,MAgBfwB,EAAyB,CAC3B,CAACzK,GAAOC,MAAM,GACd,CAACD,GAAOiL,KAAWA,GACnB,CAACjL,GAAOuF,KAAYA,GAAWvF,GAAOuF,IACtC,CAAC,CAACvF,GAAOwZ,WAAYA,IAGnB7Z,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,SAGpD0Z,EAAiBL,EAASA,EAAOM,SAAW,WAC5CC,EAAgBP,EAASA,EAAOQ,OAASP,SAG7C7a,uBAAKgG,IAAKA,EAAK1E,UAAW5B,EAAcsM,iBAAyB,WAC/DhM,uBAAKsB,UAAWC,GAAOoM,QAASlD,GAASzK,0BAAKyK,IAC9CzK,uBAAKsB,UAAWC,GAAOoD,MACpBoS,EAAOlX,KAAI,SAACmO,UACXhO,gBAAC8X,IACCnQ,IAAKqG,EAAKrE,GACVQ,MAAO6D,EACP9M,aAAcA,QAIpBlB,uBAAKsB,UAAWC,GAAOkZ,QACrBza,gBAACc,GACCE,KAAK,UACLD,MAAM,OACNK,QAAS,WA3Cf4Z,GAAYD,GAERA,GACFjW,EAAY,eAAgB,SACfkB,EAAIgF,QAAQqQ,wBAChBnW,IAAM,GACbc,EAAIgF,QAAQsQ,eAAe,CAAEC,SAAU,YAGzCzW,EAAY,cAAe,UAmCvB5D,aAAa,eAEZ6Z,EAAUE,EAAiBE,EAC5Bnb,gBAAC2D,GAAUC,KAAK,uZC3DuB,gBAC/CvC,IAAAA,SAEAH,IAAAA,aAEI8K,EAAyB,CAC3B,CAACzK,EAAOC,MAAM,GACd,CAACD,EAAOia,WALVA,UAKgCja,EAAOia,gBAGnCta,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAIxDvB,qCAAiB,WAAWsB,UAAW5B,EAAcsM,IAClD3K,4NClBoD,mBAEvDrB,sBAAIsB,2DAAoC,oBAFkBD,+CDNjB,mBAEzCrB,qCAAiB,WAAWsB,UAAWC,EAAOM,QAFFR,wGCFK,mBAC5CrB,wBAAMsB,mDADyCD,qDCIC,gBACvD8I,IAAAA,MACAjJ,IAAAA,aACAoY,IAAAA,OACAC,IAAAA,WACArL,IAAAA,cACAsL,IAAAA,eAGMvN,EAAU,CACd9H,WAHFA,UAGwB,aAGhBgG,EAAM1J,UACP,wBACIT,gBAAC0a,IAAcvQ,MAAOA,EAAOjJ,aAAcA,QAG/C,iBAEDlB,gBAACoE,GAAcoM,MAAOvE,GACpBjM,gBAAC2a,IAAQxQ,MAAOA,EAAOjJ,aAAcA,SAKtC,eACIlB,gBAACma,IAAMhQ,MAAOA,EAAOjJ,aAAcA,QAGvC,cACIlB,gBAACua,IAAUpQ,MAAOA,EAAOjJ,aAAcA,mBAK5ClB,gBAACoE,GAAcoM,MAAOvE,GACpBjM,gBAAC8X,IACC3N,MAAOA,EACPjJ,aAAcA,EACdoY,OAAQA,EACRC,WAAYA,EACZrL,cAAeA,EACfsL,eAAgBA,0HD3C2B,mBAC9CxZ,wBAAMsB,qDAD2CD,wIEJT,gBAC/Coa,IAAAA,QACApa,IAAAA,aACAqa,iBAAAA,aAAmB,SACnBC,IAAAA,SACAza,IAAAA,iBACAH,MAAAA,aAAQ,iBAERf,uCACc,WACZsB,UAAW5B,EAAc,CACvB,CAAC6B,EAAOC,MAAM,GACd,CAACD,EAAOR,KAAUQ,EAAOR,IACzB,CAACQ,EAAOL,KAAiBK,EAAOL,OAGjCG,GAAiC,SAArBqa,GACX1b,uBACEsB,UAAW5B,EAAc,CACvB,CAAC6B,EAAOF,UAAU,GAClB,CAACE,EAAO6J,MAAM,MAGf/J,GAGLrB,yBACEsB,UAAWC,EAAOqa,MAClBnb,KAAK,WACLob,QAASJ,EACTE,SAAUA,IAEZ3b,wBAAMsB,UAAWC,EAAO4M,SACtBnO,wBAAMsB,UAAWC,EAAOua,QAEzBza,GAAiC,UAArBqa,GACX1b,uBACEsB,UAAW5B,EAAc,CACvB,CAAC6B,EAAOF,UAAU,GAClB,CAACE,EAAOwa,OAAO,MAGhB1a,uECxCsC,gBAAGA,IAAAA,SAAUH,IAAAA,aACtD8K,EAAyB,CAAC,CAACzK,EAAOC,MAAM,WAExCN,IACF8K,EAAaD,EAAiBC,EAAY9K,EAAcK,IAWxDvB,qCAAiB,UAAUsB,UAAW5B,EAAcsM,IAClDhM,sBAAIsB,UAAWC,EAAO5B,MARxBqc,WAASnc,IAAIwB,GAAU,SAAC2M,EAAmBmH,UACzCnV,sBAAIsB,UAAWC,EAAOyM,KAAMrG,IAAQwN,MAASnH,EAAKiO,MAAMxb,MACrDT,EAAMkc,aAAalO,gCCV+B,gBACzD3M,IAAAA,SACAZ,IAAAA,KACAM,IAAAA,MAEAK,IAAAA,eAUEpB,wCACc,iBACZsB,UAAW5B,EAVgB,CAC7B,CAAC6B,GAAOC,MAAM,GACd,CAACD,GAAOd,KAASc,GAAOd,IACxB,CAACc,GAAOR,KAAUQ,GAAOR,MAAYA,GACrC,CAACQ,GAAO+J,aAPVA,YAcI7K,KAAK,SACLW,QAAS,kBAAYA,EAAQX,KAE7BT,gBAAC2D,GAAU3C,KAAK,SAAS4C,KAAMnD,EAAMS,aAAa,gBACjDG,GAAYrB,wBAAMsB,UAAWC,GAAO6T,MAAO/T"}