1<!DOCTYPE html><html lang="en" class="" style="scroll-padding:60px"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="preload" as="image" href="/_public/myst-logo-light-eaec5616103fea20d54511be9d667bbc.svg"/><link rel="preload" as="image" href="/_public/myst-logo-dark-fa29976c12bc9be98a6138480a59e867.svg"/><title>Widgets - myst-theme documentation</title><meta property="og:title" content="Widgets - myst-theme documentation"/><meta name="generator" content="mystmd"/><meta name="keywords" content=""/><link rel="icon" href="/favicon.ico"/><link rel="modulepreload" href="/_assets/manifest-oNulepSlNz_8f_7tL6ykSvmNbZL8uXdb6Kq2bGYPmN0.js"/><link rel="modulepreload" href="/_assets/entry.client-B-ypViXh.js"/><link rel="modulepreload" href="/_assets/rolldown-runtime-B0Z9INg1.js"/><link rel="modulepreload" href="/_assets/jsx-runtime-CXMjD0lx.js"/><link rel="modulepreload" href="/_assets/errorBoundaries-ZYY1belz.js"/><link rel="modulepreload" href="/_assets/root-Cl-dO2Ly.js"/><link rel="modulepreload" href="/_assets/dist-CHepu9xv.js"/><link rel="modulepreload" href="/_assets/lib-BXZhIJPW.js"/><link rel="modulepreload" href="/_assets/unist-util-select-0y2Mr4PX.js"/><link rel="modulepreload" href="/_assets/validators-DgwKg1tC.js"/><link rel="modulepreload" href="/_assets/dist-B3j114Mi.js"/><link rel="modulepreload" href="/_assets/ruleids-CeVYF72G.js"/><link rel="modulepreload" href="/_assets/lib-DTWkidHW.js"/><link rel="modulepreload" href="/_assets/js-yaml-DVGMAXcY.js"/><link rel="modulepreload" href="/_assets/_-CRus_4x7.js"/><link rel="modulepreload" href="/_assets/_-Cq01ZM_K.js"/><link rel="modulepreload" href="/_assets/extractParts-Ql02mpvC.js"/><link rel="modulepreload" href="/_assets/lib-Di-yFOid.js"/><link rel="stylesheet" href="/_assets/root-QOfRJgO0.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/mpl_widget.css"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-MlJdn/WNKDGXveldHDdyRP1R4CTHr3FeuDNfhsLPYrq2t0UBkUdK2jyTnXPEK1NQ" crossorigin="anonymous"/><link rel="stylesheet" href="/myst-theme.css"/>
1<script> 2 const savedTheme = localStorage.getItem("myst:theme"); 3 const theme = window.matchMedia("(prefers-color-scheme: light)").matches ? 'light' : 'dark'; 4 const classes = document.documentElement.classList; 5 const hasAnyTheme = classes.contains('light') || classes.contains('dark'); 6 if (!hasAnyTheme) classes.add(savedTheme ?? theme); 7</script>
7</head><body class="m-0 bg-myst-bg"><div class="myst-skip-to-article fixed top-1 left-1 h-[0px] w-[0px] focus-within:z-40 focus-within:h-auto focus-within:w-auto bg-myst-bg overflow-hidden focus-within:p-2 focus-within:ring-1" aria-label="skip to content options"><a href="#skip-to-frontmatter" class="myst-skip-to-link block px-2 py-1 text-myst-text underline">Skip to article frontmatter</a><a href="#skip-to-article" class="myst-skip-to-link block px-2 py-1 text-myst-text underline">Skip to article content</a></div><dialog id="myst-no-css" style="position:fixed;left:0px;top:0px;width:100%;height:100vh;font-size:4rem;padding:1rem;color:black;background:white"><strong>Site not loading correctly?</strong><p>This may be due to an incorrect <code>BASE_URL</code> configuration. See<!-- --> <a href="https://mystmd.org/guide/deployment#deploy-base-url">the MyST Documentation</a> <!-- -->for reference.</p>
7<script> 8 (() => { 9 // Test for has-styling variable set by the MyST stylesheet 10 const node = document.currentScript.parentNode; 11 const hasCSS = window.getComputedStyle(node).getPropertyValue("--has-styling"); 12 if (hasCSS === ""){ 13 node.showModal(); 14 } 15 16 })() 17</script>
17</dialog><div class="myst-top-nav myst-bg-translucent backdrop-blur shadow dark:shadow-2xl p-3 md:px-8 sticky w-full top-0 z-30 min-h-[60px]"><nav class="myst-top-nav-bar flex items-center justify-between flex-nowrap max-w-[1440px] mx-auto"><div class="flex flex-row xl:min-w-[19.5rem] mr-2 sm:mr-7 justify-start items-center shrink-0"><div class="block xl:hidden"><button class="myst-top-nav-menu-button flex items-center justify-center border-myst-border-strong text-myst-text-secondary hover:text-myst-text w-10 h-10"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" width="1.5rem" height="1.5rem"><path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg><span class="sr-only">Open Menu</span></button></div><a class="myst-home-link flex items-center ml-3 text-myst-text w-fit md:ml-5 xl:ml-7" href="/" data-discover="true"><div class="myst-home-link-logo mr-3 flex items-center"><img src="/_public/myst-logo-light-eaec5616103fea20d54511be9d667bbc.svg" class="h-9 dark:hidden" alt="The logo for the MyST Markdown Project" height="2.25rem"/><img src="/_public/myst-logo-dark-fa29976c12bc9be98a6138480a59e867.svg" class="hidden h-9 dark:block" alt="The logo for the MyST Markdown Project" height="2.25rem"/></div><span class="text-md sm:text-xl tracking-tight sm:mr-5 sr-only">Made with MyST</span></a></div><div class="flex items-center flex-grow w-auto"><div class="flex-grow hidden text-md lg:block"><div class="myst-top-nav-item relative inline-block mx-2 grow-0"><a class="inline-flex items-center justify-center w-full mx-2 py-1 text-md font-medium text-myst-text hover:text-myst-active focus:outline-none focus-visible:ring-2 focus-visible:ring-myst-focus-ring focus-visible:ring-opacity-75" href="/developer" data-discover="true">Developer page</a></div><div class="myst-top-nav-dropdown relative inline-block mx-2 grow-0" data-headlessui-state=""><div class="inline-block"><button class="inline-flex items-center justify-center w-full py-1 mx-2 font-medium rounded-md text-md text-myst-text hover:text-myst-active focus:outline-none focus-visible:ring-2 focus-visible:ring-myst-focus-ring focus-visible:ring-opacity-75" id="headlessui-menu-button-_R_cclj5_" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><span>Resources</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" width="1.25rem" height="1.25rem" class="ml-2 -mr-1"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button></div></div></div><div class="flex-grow block"></div><button type="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed" class="myst-search-bar flex items-center h-10 aspect-square sm:w-64 text-left text-myst-text-secondary border border-myst-border-strong rounded-lg bg-myst-bg-secondary dark:bg-myst-surface-hover myst-search-bar-disabled hover:ring-myst-focus-ring hover:border-myst-focus-ring"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="p-2.5 h-10 w-10 aspect-square"><path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Z" clip-rule="evenodd"></path></svg><span class="myst-search-text-placeholder hidden sm:block grow">Search</span><div aria-hidden="true" class="myst-search-shortcut items-center hidden mx-1 font-mono text-sm text-myst-text-secondary sm:flex gap-x-1"><kbd class="px-2 py-1 border border-myst-border-strong rounded-md shadow-[0px_2px_0px_0px_rgba(0,0,0,0.08)] dark:shadow-none hide-mac">CTRL</kbd><kbd class="px-2 py-1 border border-myst-border-strong rounded-md shadow-[0px_2px_0px_0px_rgba(0,0,0,0.08)] dark:shadow-none show-mac">â</kbd><kbd class="px-2 py-1 border border-myst-border-strong rounded-md shadow-[0px_2px_0px_0px_rgba(0,0,0,0.08)] dark:shadow-none ">K</kbd>
17<script> 18;(() => { 19const script = document.currentScript; 20const root = script.parentElement; 21 22const isMac = /mac/i.test( 23 window.navigator.userAgentData?.platform ?? window.navigator.userAgent, 24 ); 25root.querySelectorAll(".hide-mac").forEach(node => {node.classList.add(isMac ? "hidden" : "block")}); 26root.querySelectorAll(".show-mac").forEach(node => {node.classList.add(!isMac ? "hidden" : "block")}); 27})()</script>
27</div></button><button class="myst-theme-button theme shrink-0 rounded-full border border-myst-border-strong hover:bg-myst-surface border-solid overflow-hidden text-myst-text-secondary w-8 h-8 ml-3" title="Toggle theme between light and dark mode" aria-label="Toggle theme between light and dark mode"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="myst-theme-moon-icon h-full w-full p-[18%] hidden dark:block"><path fill-rule="evenodd" d="M9.528 1.718a.75.75 0 0 1 .162.819A8.97 8.97 0 0 0 9 6a9 9 0 0 0 9 9 8.97 8.97 0 0 0 3.463-.69.75.75 0 0 1 .981.98 10.503 10.503 0 0 1-9.694 6.46c-5.799 0-10.5-4.7-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 0 1 .818.162Z" clip-rule="evenodd"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="myst-theme-sun-icon h-full w-full p-[18%] dark:hidden"><path d="M12 2.25a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75ZM7.5 12a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM18.894 6.166a.75.75 0 0 0-1.06-1.06l-1.591 1.59a.75.75 0 1 0 1.06 1.061l1.591-1.59ZM21.75 12a.75.75 0 0 1-.75.75h-2.25a.75.75 0 0 1 0-1.5H21a.75.75 0 0 1 .75.75ZM17.834 18.894a.75.75 0 0 0 1.06-1.06l-1.59-1.591a.75.75 0 1 0-1.061 1.06l1.59 1.591ZM12 18a.75.75 0 0 1 .75.75V21a.75.75 0 0 1-1.5 0v-2.25A.75.75 0 0 1 12 18ZM7.758 17.303a.75.75 0 0 0-1.061-1.06l-1.591 1.59a.75.75 0 0 0 1.06 1.061l1.591-1.59ZM6 12a.75.75 0 0 1-.75.75H3a.75.75 0 0 1 0-1.5h2.25A.75.75 0 0 1 6 12ZM6.697 7.757a.75.75 0 0 0 1.06-1.06l-1.59-1.591a.75.75 0 0 0-1.061 1.06l1.59 1.591Z"></path></svg></button><div class="article myst-navbar-end hidden xl:flex items-center ml-3 [&>*]:m-0"><p><a class="link button" href="https://mystmd.org">MyST Docs</a> <a target="_blank" rel="noreferrer" href="https://github.com/jupyter-book/myst-theme" class="link whitespace-nowrap button"><span class="link-text whitespace-normal">GitHub</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="link-icon"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></a></p></div><div class="block sm:hidden"></div><div class="hidden sm:block"></div></div></nav></div><div class="myst-primary-sidebar fixed xl:article-grid grid-gap xl:w-full xl:pointer-events-none overflow-auto max-xl:w-[75vw] max-xl:max-w-[350px] max-xl:!top-0 max-xl:h-screen hidden z-10" style="top:60px"><div class="myst-primary-sidebar-pointer pointer-events-auto xl:col-margin-left flex-col overflow-hidden max-xl:h-full hidden xl:flex"><div class="myst-primary-sidebar-nav flex-grow py-6 overflow-y-auto primary-scrollbar"><nav aria-label="Navigation" class="myst-primary-sidebar-topnav overflow-y-hidden transition-opacity lg:hidden ml-3 xl:ml-0 mr-3 max-w-[350px]"><div class="w-full px-1 text-myst-text font-medium"><a class="myst-primary-sidebar-item-short p-2 my-1 rounded-lg hover:bg-myst-surface block break-words focus:outline outline-myst-focus-outline outline-2 rounded" href="/developer" data-discover="true">Developer page</a><div data-state="closed" class="w-full"><div class="myst-primary-sidebar-item flex flex-row w-full gap-2 px-2 my-1 text-left rounded-lg outline-none hover:bg-myst-surface"><a aria-current="page" class="myst-primary-sidebar-item-title py-2 grow active" href="/anywidgets/" data-discover="true">Resources</a><button class="myst-primary-sidebar-item-child self-center flex-none rounded-md group hover:bg-myst-surface focus:outline outline-myst-focus-outline outline-2" aria-label="Open Folder" type="button" aria-controls="radix-_R_4b7j5_" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="myst-primary-sidebar-item-icon transition-transform duration-300 group-data-[state=open]:rotate-90 text-myst-text-secondary" height="1.5rem" width="1.5rem"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></button></div><div data-state="closed" id="radix-_R_4b7j5_" hidden="" class="myst-primary-sidebar-item-content pl-3 pr-[2px] collapsible-content"></div></div></div></nav><div class="article myst-primary-sidebar-navbar-end xl:hidden p-2 my-1 flex flex-wrap gap-2 [&_p]:contents ml-3 xl:ml-0 mr-3 max-w-[350px]"><p><a class="link button" href="https://mystmd.org">MyST Docs</a> <a target="_blank" rel="noreferrer" href="https://github.com/jupyter-book/myst-theme" class="link whitespace-nowrap button"><span class="link-text whitespace-normal">GitHub</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="link-icon"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></a></p></div><div class="my-3 border-b-2 lg:hidden"></div><nav aria-label="Table of Contents" class="myst-primary-sidebar-toc flex-grow overflow-y-hidden transition-opacity ml-3 xl:ml-0 mr-3 max-w-[350px]"><div class="myst-toc w-full px-1 text-myst-text"><a title="myst-theme documentation" class="block break-words focus:outline outline-myst-focus-outline outline-2 rounded myst-toc-item p-2 my-1 rounded-lg hover:bg-myst-surface font-bold" href="/" data-discover="true">myst-theme documentation</a><a title="User Interface Components" class="block break-words focus:outline outline-myst-focus-outline outline-2 rounded myst-toc-item p-2 my-1 rounded-lg hover:bg-myst-surface" href="/ui" data-discover="true">User Interface Components</a><a title="Authorship Metadata" class="block break-words focus:outline outline-myst-focus-outline outline-2 rounded myst-toc-item p-2 my-1 rounded-lg hover:bg-myst-surface" href="/authorship" data-discover="true">Authorship Metadata</a><a title="Widgets" aria-current="page" class="block break-words focus:outline outline-myst-focus-outline outline-2 rounded myst-toc-item p-2 my-1 rounded-lg myst-toc-item-exact bg-myst-active-bg active" href="/anywidgets" data-discover="true">Widgets</a><div data-state="closed" class="w-full"><div class="myst-toc-item flex flex-row w-full gap-2 pl-2 my-1 text-left rounded-lg outline-none hover:bg-myst-surface"><a title="Styling" class="block break-words focus:outline outline-myst-focus-outline outline-2 rounded py-2 grow" href="/theming" data-discover="true">Styling</a>
27<button class="self-stretch flex items-center flex-none px-1 rounded-l-md group hover:bg-myst-surface focus-visible:outline outline-myst-focus-outline outline-2" aria-label="Open Folder" type="button" aria-controls="radix-_R_b37j5_" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="transition-transform duration-300 group-data-[state=open]:rotate-90 text-myst-text-secondary" height="1.5rem" width="1.5rem"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></button></div><div data-state="closed" id="radix-_R_b37j5_" hidden="" class="pl-3 pr-[2px] collapsible-content" style="animation:none"></div></div><a title="Permalinks and URLs" class="block break-words focus:outline outline-myst-focus-outline outline-2 rounded myst-toc-item p-2 my-1 rounded-lg hover:bg-myst-surface" href="/permalinks" data-discover="true">Permalinks and URLs</a><div data-state="closed" class="w-full"><div class="myst-toc-item flex flex-row w-full gap-2 pl-2 my-1 text-left rounded-lg outline-none hover:bg-myst-surface"><a title="Visual Reference" class="block break-words focus:outline outline-myst-focus-outline outline-2 rounded py-2 grow" href="/reference" data-discover="true">Visual Reference</a>
27<button class="self-stretch flex items-center flex-none px-1 rounded-l-md group hover:bg-myst-surface focus-visible:outline outline-myst-focus-outline outline-2" aria-label="Open Folder" type="button" aria-controls="radix-_R_f37j5_" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="transition-transform duration-300 group-data-[state=open]:rotate-90 text-myst-text-secondary" height="1.5rem" width="1.5rem"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></button></div><div data-state="closed" id="radix-_R_f37j5_" hidden="" class="pl-3 pr-[2px] collapsible-content" style="animation:none"></div></div><div data-state="closed" class="w-full"><div class="myst-toc-item flex flex-row w-full gap-2 pl-2 my-1 text-left rounded-lg outline-none hover:bg-myst-surface"><a title="Developer Guide" class="block break-words focus:outline outline-myst-focus-outline outline-2 rounded py-2 grow" href="/developer" data-discover="true">Developer Guide</a>
27<button class="self-stretch flex items-center flex-none px-1 rounded-l-md group hover:bg-myst-surface focus-visible:outline outline-myst-focus-outline outline-2" aria-label="Open Folder" type="button" aria-controls="radix-_R_h37j5_" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="transition-transform duration-300 group-data-[state=open]:rotate-90 text-myst-text-secondary" height="1.5rem" width="1.5rem"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"></path></svg></button></div><div data-state="closed" id="radix-_R_h37j5_" hidden="" class="pl-3 pr-[2px] collapsible-content" style="animation:none"></div></div></div></nav></div><div class="myst-primary-sidebar-footer flex-none py-6 transition-all duration-700 translate-y-6 opacity-0 ml-3 xl:ml-0 mr-3 max-w-[350px]"><div class="article footer myst-primary-sidebar-footer"><p><strong>Custom Footer</strong> | <a target="_blank" rel="noreferrer" href="https://github.com/jupyter-book/myst-theme" class="link whitespace-nowrap"><span class="link-text whitespace-normal">GitHub</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="link-icon"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></a></p></div></div></div></div><main class="article-grid grid-gap"><article class="article-grid subgrid-gap col-screen article content"><div class="hidden"></div><div id="skip-to-frontmatter" aria-label="article frontmatter" class="myst-fm-block mb-8 pt-9"><div class="myst-fm-block-header flex items-center mb-5 h-6 text-sm font-light"><div class="flex-grow"></div><div class="myst-fm-block-badges"><a href="https://github.com/jupyter-book/myst-theme" title="GitHub Repository: jupyter-book/myst-theme" target="_blank" rel="noopener noreferrer" class="myst-fm-github-link text-inherit hover:text-inherit"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" width="1.25rem" height="1.25rem" class="myst-fm-github-icon inline-block mr-1 opacity-60 hover:opacity-100"><path d="M12 2.5c-5.4 0-9.8 4.4-9.8 9.7 0 4.3 2.8 8 6.7 9.2.5.1.7-.2.7-.5v-1.8c-2.4.5-3.1-.6-3.3-1.1-.1-.3-.6-1.1-1-1.4-.3-.2-.8-.6 0-.6s1.3.7 1.5 1c.9 1.5 2.3 1.1 2.8.8.1-.6.3-1.1.6-1.3-2.2-.2-4.4-1.1-4.4-4.8 0-1.1.4-1.9 1-2.6-.1-.2-.4-1.2.1-2.6 0 0 .8-.3 2.7 1 .8-.2 1.6-.3 2.4-.3.8 0 1.7.1 2.4.3 1.9-1.3 2.7-1 2.7-1 .5 1.3.2 2.3.1 2.6.6.7 1 1.5 1 2.6 0 3.7-2.3 4.6-4.4 4.8.4.3.7.9.7 1.8V21c0 .3.2.6.7.5 3.9-1.3 6.6-4.9 6.6-9.2 0-5.4-4.4-9.8-9.8-9.8z"></path></svg></a></div><a href="https://github.com/jupyter-book/myst-theme/edit/main/docs/anywidgets.md" title="Edit This Page" target="_blank" rel="noopener noreferrer" class="myst-fm-edit-link text-inherit hover:text-inherit"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="1.25rem" height="1.25rem" class="myst-fm-edit-icon inline-block mr-1 opacity-60 hover:opacity-100"><path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"></path></svg></a><div class="myst-fm-downloads-dropdown relative flex inline-block mx-1 grow-0" data-headlessui-state=""><button class="myst-fm-downloads-button relative ml-2 -mr-1" id="headlessui-menu-button-_R_3h3pj5_" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><span class="sr-only">Downloads</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="1.25rem" height="1.25rem" class="myst-fm-downloads-icon stroke-myst-text-tertiary hover:stroke-myst-text"><title>Download</title><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"></path></svg></button></div><button class="myst-fm-launch-button inline-flex size-[24px] text-myst-text-tertiary hover:text-[#E18435] items-center justify-center" aria-label="Launch in external
27computing interface" title="Launch in external computing interface" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_1p3pj5_" data-state="closed"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="myst-fm-launch-icon"><path d="M6.85357 3.85355L7.65355 3.05353C8.2981 2.40901 9.42858 1.96172 10.552 1.80125C11.1056 1.72217 11.6291 1.71725 12.0564 1.78124C12.4987 1.84748 12.7698 1.97696 12.8965 2.10357C13.0231 2.23018 13.1526 2.50125 13.2188 2.94357C13.2828 3.37086 13.2779 3.89439 13.1988 4.44801C13.0383 5.57139 12.591 6.70188 11.9464 7.34645L7.49999 11.7929L6.35354 10.6465C6.15827 10.4512 5.84169 10.4512 5.64643 10.6465C5.45117 10.8417 5.45117 11.1583 5.64643 11.3536L7.14644 12.8536C7.34171 13.0488 7.65829 13.0488 7.85355 12.8536L8.40073 12.3064L9.57124 14.2572C9.65046 14.3893 9.78608 14.4774 9.9389 14.4963C10.0917 14.5151 10.2447 14.4624 10.3535 14.3536L12.3535 12.3536C12.4648 12.2423 12.5172 12.0851 12.495 11.9293L12.0303 8.67679L12.6536 8.05355C13.509 7.19808 14.0117 5.82855 14.1887 4.58943C14.2784 3.9618 14.2891 3.33847 14.2078 2.79546C14.1287 2.26748 13.9519 1.74482 13.6035 1.39645C13.2552 1.04809 12.7325 0.871332 12.2045 0.792264C11.6615 0.710945 11.0382 0.721644 10.4105 0.8113C9.17143 0.988306 7.80189 1.491 6.94644 2.34642L6.32322 2.96968L3.07071 2.50504C2.91492 2.48278 2.75773 2.53517 2.64645 2.64646L0.646451 4.64645C0.537579 4.75533 0.484938 4.90829 0.50375 5.0611C0.522563 5.21391 0.61073 5.34954 0.742757 5.42876L2.69364 6.59928L2.14646 7.14645C2.0527 7.24022 2.00002 7.3674 2.00002 7.50001C2.00002 7.63261 2.0527 7.75979 2.14646 7.85356L3.64647 9.35356C3.84173 9.54883 4.15831 9.54883 4.35357 9.35356C4.54884 9.1583 4.54884 8.84172 4.35357 8.64646L3.20712 7.50001L3.85357 6.85356L6.85357 3.85355ZM10.0993 13.1936L9.12959 11.5775L11.1464 9.56067L11.4697 11.8232L10.0993 13.1936ZM3.42251 5.87041L5.43935 3.85356L3.17678 3.53034L1.80638 4.90074L3.42251 5.87041ZM2.35356 10.3535C2.54882 10.1583 2.54882 9.8417 2.35356 9.64644C2.1583 9.45118 1.84171 9.45118 1.64645 9.64644L0.646451 10.6464C0.451188 10.8417 0.451188 11.1583 0.646451 11.3535C0.841713 11.5488 1.1583 11.5488 1.35356 11.3535L2.35356 10.3535ZM3.85358 11.8536C4.04884 11.6583 4.04885 11.3417 3.85359 11.1465C3.65833 10.9512 3.34175 10.9512 3.14648 11.1465L1.14645 13.1464C0.95119 13.3417 0.951187 13.6583 1.14645 13.8535C1.34171 14.0488 1.65829 14.0488 1.85355 13.8536L3.85358 11.8536ZM5.35356 13.3535C5.54882 13.1583 5.54882 12.8417 5.35356 12.6464C5.1583 12.4512 4.84171 12.4512 4.64645 12.6464L3.64645 13.6464C3.45119 13.8417 3.45119 14.1583 3.64645 14.3535C3.84171 14.5488 4.1583 14.5488 4.35356 14.3535L5.35356 13.3535ZM9.49997 6.74881C10.1897 6.74881 10.7488 6.1897 10.7488 5.5C10.7488 4.8103 10.1897 4.25118 9.49997 4.25118C8.81026 4.25118 8.25115 4.8103 8.25115 5.5C8.25115 6.1897 8.81026 6.74881 9.49997 6.74881Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button></div><h1 class="myst-fm-block-title mb-0">Widgets</h1></div><div class="block my-10 lg:sticky lg:z-10 lg:h-0 lg:pt-0 lg:my-0 lg:ml-10 lg:col-margin-right" style="top:60px"><nav></nav></div><div id="skip-to-article"></div><p>This page demonstrates the MyST widget renderer in <code>myst-theme</code>. 28Widgets follow the <a target="_blank" rel="noreferrer" href="https://docs.anywidget.dev" class="link whitespace-nowrap"><span class="link-text whitespace-normal">anywidget specification</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="link-icon"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></a> and are added using the <code>{anywidget}</code> directive.</p><ul><li><p>For full documentation on using widgets, see the <a class="link" href="https://mystmd.org/guide/widgets">MyST widgets guide</a>.</p></li><li><p>For more demos, see the <a target="_blank" rel="noreferrer" href="https://github.com/jupyter-book/example-widgets" class="link whitespace-nowrap"><span class="link-text whitespace-normal">example-widgets repository</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="link-icon"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></a>.</p></li></ul><aside class="myst-admonition myst-admonition-note my-5 shadow-md dark:shadow-2xl dark:bg-myst-bg-secondary overflow-hidden myst-admonition-default rounded border-l-4 border-myst-info"><div class="myst-admonition-header m-0 font-medium py-1 flex min-w-0 text-lg text-myst-info-text bg-myst-info-bg"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="2rem" height="2rem" class="myst-admonition-header-icon inline-block pl-2 mr-2 self-center flex-none text-myst-info-text"><path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"></path></svg><div class="myst-admonition-header-text text-myst-text grow self-center overflow-hidden break-words">MyST widgets are different from Jupyter widgets</div></div><div class="myst-admonition-body px-4 py-1"><p>MyST widgets are a specific widget implementation for the MyST Document Engine. 29They are similar to Jupyter widgets, and many Jupyter widgets can leverage the MyST Widget stack (if they are <code>anywidget</code>-compliant), but they are still two different implementations.</p></div></aside><h2 id="example-widget-structure" class="relative group"><span class="heading-text">Example widget structure</span><a class="no-underline text-inherit hover:text-inherit inline-block w-0 px-0 translate-x-[10px] font-normal select-none transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70" href="#example-widget-structure" title="Link to this Section" aria-label="Link to this Section">¶</a></h2><p>The following local widget shows off the main API that widgets use within MyST:</p><div class="relative myst-code group not-prose my-5 text-sm shadow hover:shadow-md dark:shadow-2xl bg-stone-200/10"><div class="flex flex-row pl-2 bg-myst-bg-secondary border-b border-myst-border"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="16px" height="16px" class="inline-block flex-none self-center text-myst-text-tertiary myst-code-filename-icon"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"></path></svg>
29<div class="self-center p-2 text-sm leading-3 myst-code-filename-title prose text-myst-text-secondary">anywidget-counter.mjs</div></div><div aria-label="code block content" class="block overflow-auto p-3 myst-code-body hljs"><pre style="background-color:#fff;padding:0;margin:0;background:transparent"><code class="language-javascript" style="white-space:pre">/** 30 * An anywidget module must define and export a `render` function that uses two arguments: 31 - model: Widget state, initialized from the JSON body of the directive. 32 It has three methods (get, set, on) to update its state, demo'ed below. 33 - el: The DOM element that is outputted. It begins empty and authors create DOM elements inside. 34 */ 35function render({ model, el }) { 36 // Inject default styles via a <style> tag so that we can over-ride them with a .css file 37 // This gives a user more flexibility than hard-coding styles with `style` attributes on the button element. 38 const style = document.createElement('style'); 39 style.textContent = ` 40 .counter-button { 41 font-size: 16px; 42 cursor: pointer; 43 border: 2px solid #333; 44 color: #333; 45 border-radius: 4px; 46 padding: 0.4em 0.8em; 47 background: #f0f0f0; 48 } 49 `; 50 el.appendChild(style); 51 52 // Create the button element that we'll update 53 let btn = document.createElement('button'); 54 btn.classList.add('counter-button'); 55 btn.innerHTML = `count is ${model.get('count')}`; 56 57 // Attach a click listener to our element to update its state 58 // Use `get` to grab the current widget count 59 // Use `set` to set a new widget count 60 btn.addEventListener('click', () => { 61 model.set('count', model.get('count') + 1); 62 }); 63 64 // Attach an event listener for when the `count` changes to update our HTML 65 model.on('change:count', () => { 66 btn.innerHTML = `count is ${model.get('count')}`; 67 }); 68 69 // By attaching it to the `el`, it will now be displayed on the page 70 el.appendChild(btn); 71} 72export default { render }; 73</code></pre></div><button title="Copy to Clipboard" class="inline-flex items-center opacity-0 group-hover:opacity-100 hover:opacity-100 focus:opacity-100 active:opacity-100 cursor-pointer ml-2 transition-color duration-200 ease-in-out text-myst-link-underline hover:text-myst-link-hover absolute right-1 myst-code-copy-icon top-[32px]" aria-pressed="false" aria-label="Copy code to clipboard"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="24" height="24"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75"></path></svg></button></div><h2 id="local-widget-via-path" class="relative group"><span class="heading-text">Local widget via path</span><a class="no-underline text-inherit hover:text-inherit inline-block w-0 px-0 translate-x-[10px] font-normal select-none transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70" href="#local-widget-via-path" title="Link to this Section" aria-label="Link to this Section">¶</a></h2><p>This widget includes its own inline styles, so it looks good without any external stylesheet:</p><div class="relative w-full"></div><p>You can also provide an additional CSS stylesheet via <code>:css:</code> to override or enhance the built-in styles:</p><div class="relative w-full"></div><h2 id="remote-widget-via-url" class="relative group"><span class="heading-text">Remote widget via URL</span><a class="no-underline text-inherit hover:text-inherit inline-block w-0 px-0 translate-x-[10px] font-normal select-none transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70" href="#remote-widget-via-url" title="Link to this Section" aria-label="Link to this Section">¶</a></h2><p>The following loads a widget from the <a target="_blank" rel="noreferrer" href="https://github.com/jupyter-book/example-js-anywidget" class="link whitespace-nowrap"><span class="link-text whitespace-normal"><code>example-js-anywidget</code> repository</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="link-icon"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></a>:</p><div class="relative w-full"></div><h2 id="security-and-best-practices" class="relative group"><span class="heading-text">Security and best practices</span><a class="no-underline text-inherit hover:text-inherit inline-block w-0 px-0 translate-x-[10px] font-normal select-none transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70" href="#security-and-best-practices" title="Link to this Section" aria-label="Link to this Section">¶</a></h2><h3 id="do-not-modify-items-outside-of-the-el-element" class="relative group"><span class="heading-text">Do not modify items outside of the <code>el</code> element</span><a class="no-underline text-inherit hover:text-inherit inline-block w-0 px-0 translate-x-[10px] font-normal select-none transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70" href="#do-not-modify-items-outside-of-the-el-element" title="Link to this Section" aria-label="Link to this Section">¶</a></h3><p>Widgets have full access to the <code>document</code> element of a page, which means they can select, modify, or remove any element on the page. 74Donât do this! It will create confusion with React and is generally not a supported workflow, even though it is technically possible.</p><div class="myst-backmatter-parts"></div><div class="myst-footer-links flex pt-10 mb-10 space-x-4"><a class="myst-footer-link flex-1 block p-4 font-normal text-myst-text-secondary no-u
74nderline border border-myst-border rounded shadow-sm group hover:border-myst-active hover:text-myst-active hover:shadow-lg myst-footer-link-prev" aria-label="Previous: Authorship Metadata" href="/authorship" data-discover="true"><div class="flex h-full align-middle"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="1.5rem" height="1.5rem" class="myst-footer-link-icon self-center transition-transform group-hover:-translate-x-1 shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"></path></svg><div class="flex-grow text-right"><div class="myst-footer-link-group text-xs text-myst-text-tertiary">myst-theme documentation</div>Authorship Metadata</div></div></a><a class="myst-footer-link flex-1 block p-4 font-normal text-myst-text-secondary no-underline border border-myst-border rounded shadow-sm group hover:border-myst-active hover:text-myst-active hover:shadow-lg myst-footer-link-next" aria-label="Next: Styling" href="/theming" data-discover="true"><div class="flex h-full align-middle"><div class="flex-grow"><div class="myst-footer-link-group text-xs text-myst-text-tertiary">myst-theme documentation</div>Styling</div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="1.5rem" height="1.5rem" class="myst-footer-link-icon self-center transition-transform group-hover:translate-x-1 shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></div></a></div></article></main><footer class="article footer article-grid bg-white dark:bg-slate-950 mt-10 shadow-2xl shadow py-10"><div class="myst-grid grid my-5 grid-cols-3 gap-4"><p><strong>Demo Footer</strong>: Made with <a class="link" href="https://mystmd.org">MyST</a></p><p><a target="_blank" rel="noreferrer" href="https://github.com/jupyter-book/myst-theme" class="link whitespace-nowrap"><span class="link-text whitespace-normal">View on GitHub</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="link-icon"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></a></p><p><a class="link" href="/ui" data-discover="true">Documentation</a></p></div></footer>
74<script>((e,t)=>{if(!window.history.state||!window.history.state.key){let e=Math.random().toString(32).slice(2);window.history.replaceState({key:e},``)}try{let n=JSON.parse(sessionStorage.getItem(e)||`{}`)[t||window.history.state.key];typeof n==`number`&&window.scrollTo(0,n)}catch(t){console.error(t),sessionStorage.removeItem(e)}})("react-router-scroll-positions", null)</script>
74<script>window.__reactRouterContext = {"basename":"/","future":{"unstable_enableNodeReadableStream":false,"unstable_optimizeDeps":false},"routeDiscovery":{"mode":"initial"},"ssr":true,"isSpaMode":false};window.__reactRouterContext.stream = new ReadableStream({start(controller){window.__reactRouterContext.streamController = controller;}}).pipeThrough(new TextEncoderStream());</script>
74<script type="module" async="">import "/_assets/manifest-oNulepSlNz_8f_7tL6ykSvmNbZL8uXdb6Kq2bGYPmN0.js"; 75import * as route0 from "/_assets/root-Cl-dO2Ly.js"; 76import * as route1 from "/_assets/_-CRus_4x7.js"; 77 78 window.__reactRouterRouteModules = {"root":route0,"routes/$":route1}; 79 80import("/_assets/entry.client-B-ypViXh.js");</script>
80<!--$?--><template id="B:0"></template><!--/$-->
80<script id="_R_">requestAnimationFrame(function(){$RT=performance.now()});</script>
80<div hidden id="S:0">
80<script>window.__reactRouterContext.streamController.enqueue("[{\"_1\":2,\"_3\":-5,\"_4\":-5},\"loaderData\",{\"_5\":6,\"_7\":8},\"actionData\",\"errors\",\"root\",{\"_9\":1043,\"_1044\":1045,\"_1046\":273,\"_1047\":68},\"routes/$\",{\"_9\":10,\"_11\":12,\"_13\":14},\"config\",{\"_553\":445,\"_1013\":1014,\"_1015\":1016,\"_1017\":1018,\"_1019\":1020,\"_1021\":1022},\"page\",{\"_553\":445,\"_554\":555,\"_556\":557,\"_64\":141,\"_558\":559,\"_560\":561,\"_208\":562,\"_206\":563,\"_564\":565,\"_200\":566,\"_567\":568,\"_13\":-7},\"project\",{\"_15\":16,\"_17\":18,\"_19\":20,\"_21\":22,\"_23\":24,\"_25\":26,\"_27\":28,\"_29\":30,\"_31\":32,\"_33\":34,\"_35\":36,\"_37\":37,\"_38\":39},\"title\",\"myst-theme documentation\",\"contributors\",[512,513],\"github\",\"https://github.com/jupyter-book/myst-theme\",\"affiliations\",[510,511],\"parts\",{\"_72\":199,\"_200\":201,\"_202\":203,\"_204\":205},\"id\",\"b19ac145-d09e-4dcc-bd37-28fbba0f9e8e\",\"static_files\",[197,198],\"thebe\",{\"_189\":190},\"toc\",[151,152,153,154,155,156,157,158],\"exports\",[],\"bibliography\",[],\"index\",\"pages\",[40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63],{\"_64\":148,\"_15\":149,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":150,\"_76\":96},{\"_64\":144,\"_15\":145,\"_67\":146,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":147,\"_76\":96},{\"_64\":141,\"_15\":142,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":143,\"_76\":96},{\"_64\":138,\"_15\":139,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":140,\"_76\":96},{\"_64\":135,\"_15\":136,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":137,\"_76\":77},{\"_64\":131,\"_15\":132,\"_67\":133,\"_69\":68,\"_70\":114,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":134,\"_76\":96},{\"_64\":128,\"_15\":129,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":130,\"_76\":96},{\"_64\":125,\"_15\":126,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":127,\"_76\":77},{\"_64\":122,\"_15\":123,\"_67\":68,\"_69\":68,\"_70\":114,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":124,\"_76\":77},{\"_64\":119,\"_15\":120,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":121,\"_76\":77},{\"_64\":116,\"_15\":117,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":118,\"_76\":77},{\"_64\":112,\"_15\":113,\"_67\":68,\"_69\":68,\"_70\":114,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":115,\"_76\":77},{\"_64\":109,\"_15\":110,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":111,\"_76\":77},{\"_64\":106,\"_15\":107,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":108,\"_76\":77},{\"_64\":103,\"_15\":104,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":105,\"_76\":77},{\"_64\":100,\"_15\":101,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":102,\"_76\":77},{\"_64\":97,\"_15\":98,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":99,\"_76\":77},{\"_64\":93,\"_15\":94,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":95,\"_76\":96},{\"_64\":90,\"_15\":91,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":92,\"_76\":77},{\"_64\":87,\"_15\":88,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":89,\"_76\":77},{\"_64\":84,\"_15\":85,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":86,\"_76\":77},{\"_64\":81,\"_15\":82,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":83,\"_76\":77},{\"_64\":78,\"_15\":79,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":80,\"_76\":77},{\"_64\":65,\"_15\":66,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":75,\"_76\":77},\"slug\",\"developer.static-previews\",\"Build static HTML for the Netlify previews\",\"description\",\"\",\"date\",\"thumbnail\",\"thumbnailOptimized\",\"banner\",\"bannerOptimized\",\"tags\",[],\"level\",2,\"developer.documentation\",\"Add documentation\",[],\"developer.testing\",\"Testing\",[],\"developer.architecture\",\"Architecture and tools we use\",[],\"developer.tips\",\"Developer tips and best practices\",[],\"developer.local\",\"Live preview changes to the themes\",[],\"developer.index\",\"Developer Guide\",[],1,\"reference.typography\",\"Typography\",[],\"reference.tables\",\"Tables\",[],\"reference.structure\",\"Structure\",[],\"reference.really-long\",\"Long Content\",[],\"reference.lists\",\"Lists\",[],\"reference.images\",\"Images \u0026 Figures\",\"/_public/myst-logo-light-eaec5616103fea20d54511be9d667bbc.svg\",[],\"reference.g
80ithub-previews\",\"GitHub hover previews\",[],\"reference.computation\",\"Computation and notebooks\",[],\"reference.blocks\",\"Blocks\",[],\"reference.admonitions\",\"Admonitions\",[],\"reference.index\",\"Visual Reference\",[],\"permalinks\",\"Permalinks and URLs\",\"Test for hover cards\",[],\"color-picker\",\"Live color picker\",[],\"theming\",\"Styling\",[],\"anywidgets\",\"Widgets\",[],\"authorship\",\"Authorship Metadata\",\"Demonstrating how author and affiliation metadata renders in the MyST theme.\",[],\"ui\",\"User Interface Components\",[],{\"_161\":188},{\"_161\":187},{\"_161\":186},{\"_161\":185},{\"_159\":181,\"_161\":182},{\"_161\":180},{\"_159\":175,\"_161\":176},{\"_159\":160,\"_161\":162},\"children\",[163,164,165,166,167,168],\"file\",\"developer/index.md\",{\"_161\":174},{\"_161\":173},{\"_161\":172},{\"_161\":171},{\"_161\":170},{\"_161\":169},\"developer/static-previews.md\",\"developer/documentation.md\",\"developer/testing.md\",\"developer/architecture.md\",\"developer/tips.md\",\"developer/local.md\",[177],\"reference/index.md\",{\"_178\":179},\"pattern\",\"reference/!(index)*.md\",\"permalinks.md\",[183],\"theming.md\",{\"_161\":184},\"color-picker.md\",\"anywidgets.md\",\"authorship.md\",\"ui.md\",\"index.md\",\"binder\",{\"_191\":192,\"_193\":19,\"_194\":20,\"_195\":196},\"url\",\"https://mybinder.org/\",\"provider\",\"repo\",\"ref\",\"HEAD\",\"assets/standalone.csv\",\"assets/downloads\",{\"_206\":446,\"_208\":447},\"footer\",{\"_206\":346,\"_208\":347},\"primary_sidebar_footer\",{\"_206\":297,\"_208\":298},\"navbar_end\",{\"_206\":207,\"_208\":209},\"mdast\",{\"_250\":5,\"_159\":251,\"_252\":253},\"frontmatter\",{\"_23\":210,\"_19\":20,\"_21\":211,\"_212\":213,\"_214\":215},{},[216,217],\"source_url\",\"https://github.com/jupyter-book/myst-theme/blob/main/docs/_site/navbar_end.md\",\"edit_url\",\"https://github.com/jupyter-book/myst-theme/edit/main/docs/_site/navbar_end.md\",{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},\"example-lab\",\"name\",\"Example Research Lab\",\"department\",\"Computational Research Division\",\"address\",\"1 Research Road\",\"city\",\"Otherville\",\"state\",\"Samplestate\",\"postal_code\",\"67890\",\"country\",\"Exampleland\",\"ror\",\"https://ror.org/02jbv0t02\",\"https://example.com/lab\",\"example-university\",\"Example University\",\"Department of Scientific Communication\",\"123 Example Lane\",\"Anytown\",\"Exampleshire\",\"12345\",\"email\",\"[email protected]\",\"https://example.com/university\",\"phone\",\"(555) 000-0000\",\"fax\",\"(555) 000-0001\",\"type\",[254],\"key\",\"oBQzL7NVE8\",{\"_250\":255,\"_159\":256,\"_252\":257},\"block\",[258],\"A0xrT82Hkf\",{\"_250\":259,\"_260\":261,\"_159\":262,\"_252\":263},\"paragraph\",\"position\",{\"_283\":295,\"_285\":296},[264,265,266],\"OeYJVLrsBc\",{\"_250\":267,\"_191\":289,\"_159\":290,\"_269\":270,\"_271\":289,\"_252\":291},{\"_250\":276,\"_277\":280,\"_260\":281,\"_252\":282},{\"_250\":267,\"_191\":20,\"_159\":268,\"_269\":270,\"_271\":20,\"_272\":273,\"_252\":274},\"link\",[275],\"class\",\"button\",\"urlSource\",\"error\",true,\"MXTUOewDr8\",{\"_250\":276,\"_277\":278,\"_252\":279},\"text\",\"value\",\"GitHub\",\"qJrduJvLAd\",\" \",{\"_283\":284,\"_285\":286},\"SbYNis80E2\",\"start\",{\"_287\":96,\"_288\":96},\"end\",{\"_287\":96,\"_288\":96},\"line\",\"column\",\"https://mystmd.org\",[292],\"OSpGucjvtZ\",{\"_250\":276,\"_277\":293,\"_252\":294},\"MyST Docs\",\"bScjkje7yO\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_250\":5,\"_159\":305,\"_252\":306},{\"_23\":299,\"_19\":20,\"_21\":300,\"_212\":301,\"_214\":302},{},[303,304],\"https://github.com/jupyter-book/myst-theme/blob/main/docs/_site/primary_sidebar_footer.md\",\"https://github.com/jupyter-book/myst-theme/edit/main/docs/_site/primary_sidebar_footer.md\",{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},[307],\"kYe0JCUnO4\",{\"_250\":255,\"_159\":308,\"_252\":309},[310],\"kJRa3cILan\",{\"_250\":259,\"_260\":311,\"_159\":312,\"_252\":313},{\"_283\":344,\"_285\":345},[314,315,316],\"y25YgQOwqw\",{\"_250\":332,\"_260\":333,\"_159\":334,\"_252\":335},{\"_250\":276,\"_277\":327,\"_260\":328,\"_252\":329},{\"_250\":267,\"_191\":20,\"_260\":317,\"_159\":318,\"_271\":20,\"_272\":273,\"_252\":319},{\"_283\":325,\"_285\":326},[320],\"BHVXSX6cRt\",{\"_250\":276,\"_277\":278,\"_260\":321,\"_252\":322},{\"_283\":323,\"_285\":324},\"JHawMxhTGs\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},\" | \",{\"_283\":330,\"_285\":331},\"ppHzjyhZ33\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},\"strong\",{\"_283\":342,\"_285\":343},[336],\"HQAoAFbaYT\",{\"_250\":276,\"_277\":337,\"_260\":338,\"_252\":339},\"Custom Footer\",{\"_283\":340,\"_285\":341},\"V990S7E74K\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_250\":5,\"_159\":354,\"_252\":355},{\"_23\":348,\"_19\":20,\"_21\":349,\"_212\":350,\"_214\":351},{},[352,353],\"https://github.com/jupyter-book/myst-theme/blob/main/docs/_site/footer.md\",\"https://github.com/jupyter-book/myst-theme/edit/main/docs/_site/footer.md\",{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},[356],\"jeZgHDPBNX\",{\"_250\":255,\"_159\":357,\"_252\":358},[359],\"frRoNBYiR4\",{\"_250\":360,\"_361\":362,\"_159\":363,\"_252\":364},\"grid\",\"columns\",[445],[365,366,367],\"eSbU2c1dmG\",{\"_250\":259,\"_260\":410,\"_159\":411,\"_252\":412},{\"_250\":259,\"_260\":392,\"_159\":393,\"_252\":394},{\"_250\":259,\"_260\":368,\"_159\":369,\"_252\":370},{\"_283\":390,\"_285\":391},[371],\"gSvLEvV5zK\",{\"_250\":267,\"_191\":372,\"_260\":373,\"_159\":374,\"_271\":375,\"_376\":377,\"_378\":273,\"_379\":161,\"_252\":380},\"/ui\",{\"_283\":388,\"_285\":389},[381],\"../ui.md\",\"dataUrl\",\"/ui.json\",\"internal\",\"protocol\",\"uAdtHv14Iw\",{\"_250\":276,\"_277\":382,\"_260\":383,\"_252\":384},\"Documentation\",{\"_283\":385,\"_285\":386},\"eIQ1Hc3c1V\",{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},6,{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},{\"_283\":408,\"_285\":409},[395],\"z7xtZOUTW6\",{\"_250\":267,\"_191\":20,\"_260\":396,\"_159\":397,\"_271\":20,\"_272\":273,\"_252\":398},{\"_283\":406,\"_285\":407},[399],\"NadPqA5nLq\",{\"_250\":276,\"_277\":400,\"_260\":401,\"_252\":402},\"View on GitHub\",{\"_283\":403,\"_285\":404},\"ZAMgUli0iN\",{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},4,{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},{\"_283\":443,\"_285\":444},[413,414,415],\"avGLaFcvjv\",{\"_250\":332,\"_260\":432,\"_159\":433,\"_252\":434},{\"_250\":276,\"_277\":427,\"_260\":428,\"_252\":429},{\"_250\":267,\"_191\":289,\"_260\":416,\"_159\":417,\"_271\":289,\"_252\":418},{\"_283\":425,\"_285\":426},[419],\"gW9DeLB1xm\",{\"_250\":276,\"_277\":420,\"_260\":421,\"_252\":422},\"MyST\",{\"_283\":423,\"_285\":424},\"bz8xbU7190\",{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},\": Made with \",{\"_283\":430,\"_285\":431},\"Gh7uOhNq7d\",{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_283\":441,\"_285\":442},[435],\"K0RBzaknjS\",{\"_250\":276,\"_277\":436,\"_260\":437,\"_252\":438},\"Demo Footer\",{\"_283\":439,\"_285\":440},\"SrddwzAt9a\",{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},3,{\"_250\":5,\"_159\":453,\"_252\":454},{\"_19\":20,\"_21\":448,\"_212\":449,\"_214\":450},[451,452],\"https://github.com/jupyter-book/myst-theme/blob/main/docs/myst.yml#project.parts.banner\",\"https://github.com/jupyter-book/myst-theme/edit/main/docs/myst.yml#project.parts.banner\",{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},[455],\"vLnPlBQQwE\",{\"_250\":255,\"_456\":457,\"_159\":458,\"_252\":459},\"data\",{\"_509\":72},[460],\"sSzgUqkZ4I\",{\"_250\":259,\"_260\":461,\"_159\":462,\"_252\":463},{\"_283\":507,\"_285\":508},[464,465,466,467,468],\"bLAf3yHTOr\",{\"_250\":276,\"_277\":502,\"_260\":503,\"_252\":504},{\"_250\":332,\"_260\":491,\"_159\":492,\"_252\":493},{\"_250\":276,\"_277\":486,\"_260\":487,\"_252\":488},{\"_250\":267,\"_191\":474,\"_260\":475,\"_159\":476,\"_271\":474,\"_252\":477},{\"_250\":276,\"_277\":469,\"_260\":470,\"_252\":471},\".\",{\"_283\":472,\"_285\":473},\"I8eVw2cslZ\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},\"/reference\",{\"_283\":484,\"_285\":485},[478],\"yA0121Qcwi\",{\"_250\":276,\"_277\":479,\"_260\":480,\"_252\":481},\"Learn more about MyST\",{\"_283\":482,\"_285\":483},\"TAZiIvOFLv\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},\" This is a test banner for the MyST Theme! \",{\"_283\":489,\"_285\":490},\"scJx6C6GYw\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_283\":500,\"_285\":501},[494],\"gu3AxBhIiv\",{\"_250\":276,\"_277\":495,\"_260\":496,\"_252\":497},\"Announcement:\",{\"_283\":498,\"_285\":499},\"ecoWx2xlkt\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},\"ð¢ \",{\"_283\":505,\"_285\":506},\"pT7qXOcGR5\",{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},\"part\",{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},{\"_25\":539,\"_515\":540,\"_219\":541,\"_518\":542,\"_520\":273,\"_521\":273,\"_243\":543,\"_525\":544,\"_21\":545,\"_191\":546,\"_19\":539,\"_246\":547,\"_248\":548,\"_529\":549},{\"_25\":514,\"_515\":516,\"_219\":517,\"_518\":519,\"_520\":273,\"_521\":273,\"_522\":523,\"_243\":524,\"_525\":526,\"_21\":527,\"_191\":528,\"_19\":514,\"_529\":530},\"ebp-bot\",\"nameParsed\",{\"_534\":517,\"_535\":536,\"_537\":538},\"EBP Bot\",\"orcid\",\"0000-0001-2345-6789\",\"corresponding\",\"equal_contributor\",\"deceased\",false,\"[email protected]\",\"roles\",[531,532,533],[218],\"https://github.com/ebp-bot\",\"note\",\"I am a robot, beep boop\",\"Data curation\",\"Formal analysis\",\"Writing â review \u0026 editing\",\"literal\",\"given\",\"EBP\",\"family\",\"Bot\",\"myst-bot\",{\"_534\":541,\"_535\":420,\"_537\":538},\"MyST Bot\",\"0000-0002-7859-8394\",\"[email protected]\",[550,551,552],[236,218],\"https://github.com/myst-bot\",\"(555) 123-4567\",\"(555) 123-4568\",\"A bot for the Jupyter Book team!\",\"Conceptualization\",\"Software\",\"Writing â original draft\",\"version\",\"kind\",\"Article\",\"sha256\",\"717a83060e60dea1b7af1dca9db1f2476b58b5d72dff7480a81bbebe075f281d\",\"location\",\"/anywidgets.md\",\"dependencies\",[],{\"_15\":142,\"_19\":20,\"_21\":1003,\"_212\":1004,\"_214\":1005,\"_33\":1006},{\"_250\":5,\"_159\":584,\"_252\":585},\"references\",{\"_579\":580},{\"_569\":570},\"domain\",\"http://pre.render\",\"navigation\",{\"_571\":572,\"_573\":574},\"prev\",{\"_15\":145,\"_575\":-7,\"_191\":578,\"_577\":16},\"next\",{\"_15\":139,\"_575\":-7,\"_191\":576,\"_577\":16},\"short_title\",\"/theming\",\"group\",\"/authorship\",\"cite\",{\"_581\":582,\"_456\":583},\"order\",[],{},[586],\"mJVxDSUdiv\",{\"_250\":255,\"_159\":587,\"_252\":588},[589,590,591,592,593,594,595,596,597,598,599,600,601,602,603,604,605],\"IoBFa7eN1R\",{\"_250\":259,\"_260\":948,\"_159\":949,\"_252\":950},{\"_250\":871,\"_872\":523,\"_873\":523,\"_260\":874,\"_159\":875,\"_252\":876},{\"_250\":832,\"_554\":529,\"_159\":833,\"_252\":834},{\"_250\":632,\"_633\":77,\"_260\":819,\"_159\":820,\"_636\":821,\"_638\":822,\"_640\":821,\"_641\":273,\"_252\":823},{\"_250\":259,\"_260\":807,\"_159\":808,\"_252\":809},{\"_250\":795,\"_161\":796,\"_534\":273,\"_159\":797,\"_252\":798}
80,{\"_250\":632,\"_633\":77,\"_260\":782,\"_159\":783,\"_636\":784,\"_638\":785,\"_640\":784,\"_641\":273,\"_252\":786},{\"_250\":259,\"_260\":770,\"_159\":771,\"_252\":772},{\"_250\":677,\"_678\":734,\"_680\":766,\"_25\":767,\"_252\":768},{\"_250\":259,\"_260\":742,\"_159\":743,\"_252\":744},{\"_250\":677,\"_678\":734,\"_680\":735,\"_736\":737,\"_25\":738,\"_252\":739},{\"_250\":632,\"_633\":77,\"_260\":721,\"_159\":722,\"_636\":723,\"_638\":724,\"_640\":723,\"_641\":273,\"_252\":725},{\"_250\":259,\"_260\":684,\"_159\":685,\"_252\":686},{\"_250\":677,\"_678\":679,\"_680\":681,\"_25\":682,\"_252\":683},{\"_250\":632,\"_633\":77,\"_260\":664,\"_159\":665,\"_636\":666,\"_638\":667,\"_640\":666,\"_641\":273,\"_252\":668},{\"_250\":632,\"_633\":445,\"_260\":634,\"_159\":635,\"_636\":637,\"_638\":639,\"_640\":637,\"_641\":273,\"_252\":642},{\"_250\":259,\"_260\":606,\"_159\":607,\"_252\":608},{\"_283\":629,\"_285\":630},[609,610,611],\"zbWTerKYHu\",{\"_250\":276,\"_277\":624,\"_260\":625,\"_252\":626},{\"_250\":618,\"_277\":619,\"_260\":620,\"_252\":621},{\"_250\":276,\"_277\":612,\"_260\":613,\"_252\":614},\" element of a page, which means they can select, modify, or remove any element on the page.\\nDonât do this! It will create confusion with React and is generally not a supported workflow, even though it is technically possible.\",{\"_283\":615,\"_285\":616},\"FmIwploJa4\",{\"_287\":617,\"_288\":96},{\"_287\":617,\"_288\":96},54,\"inlineCode\",\"document\",{\"_283\":622,\"_285\":623},\"DIxm4iRIie\",{\"_287\":617,\"_288\":96},{\"_287\":617,\"_288\":96},\"Widgets have full access to the \",{\"_283\":627,\"_285\":628},\"DSCCKPFzzc\",{\"_287\":617,\"_288\":96},{\"_287\":617,\"_288\":96},{\"_287\":617,\"_288\":96},{\"_287\":631,\"_288\":96},55,\"heading\",\"depth\",{\"_283\":662,\"_285\":663},[643,644,645],\"identifier\",\"do-not-modify-items-outside-of-the-el-element\",\"label\",\"Do not modify items outside of the el element\",\"html_id\",\"implicit\",\"oXbdzQL1Yr\",{\"_250\":276,\"_277\":657,\"_260\":658,\"_252\":659},{\"_250\":618,\"_277\":652,\"_260\":653,\"_252\":654},{\"_250\":276,\"_277\":646,\"_260\":647,\"_252\":648},\" element\",{\"_283\":649,\"_285\":650},\"tfLNxhen1c\",{\"_287\":651,\"_288\":96},{\"_287\":651,\"_288\":96},52,\"el\",{\"_283\":655,\"_285\":656},\"NdwUkfMgz9\",{\"_287\":651,\"_288\":96},{\"_287\":651,\"_288\":96},\"Do not modify items outside of the \",{\"_283\":660,\"_285\":661},\"Fb7EG5ca6Z\",{\"_287\":651,\"_288\":96},{\"_287\":651,\"_288\":96},{\"_287\":651,\"_288\":96},{\"_287\":651,\"_288\":96},{\"_283\":675,\"_285\":676},[669],\"security-and-best-practices\",\"Security and best practices\",\"hAgfd7IlLK\",{\"_250\":276,\"_277\":667,\"_260\":670,\"_252\":671},{\"_283\":672,\"_285\":673},\"QAJU8omLzc\",{\"_287\":674,\"_288\":96},{\"_287\":674,\"_288\":96},50,{\"_287\":674,\"_288\":96},{\"_287\":674,\"_288\":96},\"anywidget\",\"esm\",\"/_public/4aad6fd05f950c577d6f759e0734bc07.mjs\",\"model\",{},\"qU0j46S4KHN8G8vriDL2F\",\"FY5TGg7Lsf\",{\"_283\":719,\"_285\":720},[687,688,689],\"tdhwK4dhE5\",{\"_250\":276,\"_277\":714,\"_260\":715,\"_252\":716},{\"_250\":267,\"_191\":696,\"_260\":697,\"_159\":698,\"_271\":696,\"_272\":273,\"_252\":699},{\"_250\":276,\"_277\":690,\"_260\":691,\"_252\":692},\":\",{\"_283\":693,\"_285\":694},\"cBfhmti793\",{\"_287\":695,\"_288\":96},{\"_287\":695,\"_288\":96},45,\"https://github.com/jupyter-book/example-js-anywidget\",{\"_283\":712,\"_285\":713},[700,701],\"X1Vt2m36w4\",{\"_250\":618,\"_277\":707,\"_260\":708,\"_252\":709},{\"_250\":276,\"_277\":702,\"_260\":703,\"_252\":704},\" repository\",{\"_283\":705,\"_285\":706},\"TvDFQmB8w4\",{\"_287\":695,\"_288\":96},{\"_287\":695,\"_288\":96},\"example-js-anywidget\",{\"_283\":710,\"_285\":711},\"xWezlFWXfG\",{\"_287\":695,\"_288\":96},{\"_287\":695,\"_288\":96},{\"_287\":695,\"_288\":96},{\"_287\":695,\"_288\":96},\"The following loads a widget from the \",{\"_283\":717,\"_285\":718},\"RNAsuj7740\",{\"_287\":695,\"_288\":96},{\"_287\":695,\"_288\":96},{\"_287\":695,\"_288\":96},{\"_287\":695,\"_288\":96},{\"_283\":732,\"_285\":733},[726],\"remote-widget-via-url\",\"Remote widget via URL\",\"gkia1l8Nfi\",{\"_250\":276,\"_277\":724,\"_260\":727,\"_252\":728},{\"_283\":729,\"_285\":730},\"Fz5vkSvn71\",{\"_287\":731,\"_288\":96},{\"_287\":731,\"_288\":96},43,{\"_287\":731,\"_288\":96},{\"_287\":731,\"_288\":96},\"/_public/anywidget-counter-b46d953952e39a954c59ce40de0ed4ab.mjs\",{\"_740\":741},\"css\",\"/_public/anywidget-counter-cbcf29e7a295a565e768df2ed3ebda19.css\",\"mC8O1vC5BDdqukSSXswj-\",\"fC9KqvXC3L\",\"count\",10,{\"_283\":764,\"_285\":765},[745,746,747],\"oWuTUQqe3k\",{\"_250\":276,\"_277\":759,\"_260\":760,\"_252\":761},{\"_250\":618,\"_277\":754,\"_260\":755,\"_252\":756},{\"_250\":276,\"_277\":748,\"_260\":749,\"_252\":750},\" to override or enhance the built-in styles:\",{\"_283\":751,\"_285\":752},\"GKGVhyOUjc\",{\"_287\":753,\"_288\":96},{\"_287\":753,\"_288\":96},34,\":css:\",{\"_283\":757,\"_285\":758},\"txm7DtkVzV\",{\"_287\":753,\"_288\":96},{\"_287\":753,\"_288\":96},\"You can also provide an additional CSS stylesheet via \",{\"_283\":762,\"_285\":763},\"V1SjVbnutL\",{\"_287\":753,\"_288\":96},{\"_287\":753,\"_288\":96},{\"_287\":753,\"_288\":96},{\"_287\":753,\"_288\":96},{\"_740\":769},\"zYZWusPz0DGhQ7IxME-BP\",\"R5mQ3EjcbY\",0,{\"_283\":780,\"_285\":781},[773],\"NiIjDMgEm1\",{\"_250\":276,\"_277\":774,\"_260\":775,\"_252\":776},\"This widget includes its own inline styles, so it looks good without any external stylesheet:\",{\"_283\":777,\"_285\":778},\"McY6L1Ta0A\",{\"_287\":779,\"_288\":96},{\"_287\":779,\"_288\":96},26,{\"_287\":779,\"_288\":96},{\"_287\":779,\"_288\":96},{\"_283\":793,\"_285\":794},[787],\"local-widget-via-path\",\"Local widget via path\",\"mspkstjJPX\",{\"_250\":276,\"_277\":785,\"_260\":788,\"_252\":789},{\"_283\":790,\"_285\":791},\"T45pOyUPkI\",{\"_287\":792,\"_288\":96},{\"_287\":792,\"_288\":96},24,{\"_287\":792,\"_288\":96},{\"_287\":792,\"_288\":96},\"include\",\"src/anywidget-counter.mjs\",[799],\"xEjLjG1ehi\",{\"_250\":800,\"_277\":801,\"_802\":803,\"_804\":805,\"_252\":806},\"code\",\"/**\\n * An anywidget module must define and export a `render` function that uses two arguments:\\n - model: W
80idget state, initialized from the JSON body of the directive.\\n It has three methods (get, set, on) to update its state, demo'ed below.\\n - el: The DOM element that is outputted. It begins empty and authors create DOM elements inside.\\n */\\nfunction render({ model, el }) {\\n // Inject default styles via a \u003cstyle\u003e tag so that we can over-ride them with a .css file\\n // This gives a user more flexibility than hard-coding styles with `style` attributes on the button element.\\n const style = document.createElement('style');\\n style.textContent = `\\n .counter-button {\\n font-size: 16px;\\n cursor: pointer;\\n border: 2px solid #333;\\n color: #333;\\n border-radius: 4px;\\n padding: 0.4em 0.8em;\\n background: #f0f0f0;\\n }\\n `;\\n el.appendChild(style);\\n\\n // Create the button element that we'll update\\n let btn = document.createElement('button');\\n btn.classList.add('counter-button');\\n btn.innerHTML = `count is ${model.get('count')}`;\\n\\n // Attach a click listener to our element to update its state\\n // Use `get` to grab the current widget count\\n // Use `set` to set a new widget count\\n btn.addEventListener('click', () =\u003e {\\n model.set('count', model.get('count') + 1);\\n });\\n\\n // Attach an event listener for when the `count` changes to update our HTML\\n model.on('change:count', () =\u003e {\\n btn.innerHTML = `count is ${model.get('count')}`;\\n });\\n\\n // By attaching it to the `el`, it will now be displayed on the page\\n el.appendChild(btn);\\n}\\nexport default { render };\\n\",\"lang\",\"javascript\",\"filename\",\"anywidget-counter.mjs\",\"nd4yXmY2EX\",{\"_283\":817,\"_285\":818},[810],\"x1hoO1ksS4\",{\"_250\":276,\"_277\":811,\"_260\":812,\"_252\":813},\"The following local widget shows off the main API that widgets use within MyST:\",{\"_283\":814,\"_285\":815},\"pQIIHrSH0i\",{\"_287\":816,\"_288\":96},{\"_287\":816,\"_288\":96},18,{\"_287\":816,\"_288\":96},{\"_287\":816,\"_288\":96},{\"_283\":830,\"_285\":831},[824],\"example-widget-structure\",\"Example widget structure\",\"Nla2SLvHwH\",{\"_250\":276,\"_277\":822,\"_260\":825,\"_252\":826},{\"_283\":827,\"_285\":828},\"ljUwsAW1SK\",{\"_287\":829,\"_288\":96},{\"_287\":829,\"_288\":96},16,{\"_287\":829,\"_288\":96},{\"_287\":829,\"_288\":96},\"admonition\",[835,836],\"NLRxg5100e\",{\"_250\":861,\"_159\":862,\"_252\":863},{\"_250\":259,\"_260\":837,\"_159\":838,\"_252\":839},{\"_283\":858,\"_285\":859},[840,841,842],\"b2b6Of2xuZ\",{\"_250\":276,\"_277\":853,\"_260\":854,\"_252\":855},{\"_250\":618,\"_277\":677,\"_260\":849,\"_252\":850},{\"_250\":276,\"_277\":843,\"_260\":844,\"_252\":845},\"-compliant), but they are still two different implementations.\",{\"_283\":846,\"_285\":847},\"c7gU3J6nfu\",{\"_287\":848,\"_288\":96},{\"_287\":848,\"_288\":96},12,{\"_283\":851,\"_285\":852},\"xJ9GtRCzoT\",{\"_287\":848,\"_288\":96},{\"_287\":848,\"_288\":96},\"MyST widgets are a specific widget implementation for the MyST Document Engine.\\nThey are similar to Jupyter widgets, and many Jupyter widgets can leverage the MyST Widget stack (if they are \",{\"_283\":856,\"_285\":857},\"itqAmcMaNo\",{\"_287\":848,\"_288\":96},{\"_287\":848,\"_288\":96},{\"_287\":848,\"_288\":96},{\"_287\":860,\"_288\":96},13,\"admonitionTitle\",[864],\"oU1MUpOe34\",{\"_250\":276,\"_277\":865,\"_260\":866,\"_252\":867},\"MyST widgets are different from Jupyter widgets\",{\"_283\":868,\"_285\":869},\"GpO301OjdM\",{\"_287\":870,\"_288\":96},{\"_287\":870,\"_288\":96},11,\"list\",\"ordered\",\"spread\",{\"_283\":946,\"_285\":947},[877,878],\"rVXXQnELLg\",{\"_250\":879,\"_873\":273,\"_260\":913,\"_159\":914,\"_252\":915},{\"_250\":879,\"_873\":273,\"_260\":880,\"_159\":881,\"_252\":882},\"listItem\",{\"_283\":911,\"_285\":912},[883],\"PIVaUadvQk\",{\"_250\":259,\"_159\":884,\"_252\":885},[886,887,888],\"DRDwqgLHdt\",{\"_250\":276,\"_277\":906,\"_260\":907,\"_252\":908},{\"_250\":267,\"_191\":894,\"_260\":895,\"_159\":896,\"_271\":894,\"_272\":273,\"_252\":897},{\"_250\":276,\"_277\":469,\"_260\":889,\"_252\":890},{\"_283\":891,\"_285\":892},\"mYuDfTGx6S\",{\"_287\":893,\"_288\":96},{\"_287\":893,\"_288\":96},9,\"https://github.com/jupyter-book/example-widgets\",{\"_283\":904,\"_285\":905},[898],\"xUnsgHg12d\",{\"_250\":276,\"_277\":899,\"_260\":900,\"_252\":901},\"example-widgets repository\",{\"_283\":902,\"_285\":903},\"vqOLavQtEv\",{\"_287\":893,\"_288\":96},{\"_287\":893,\"_288\":96},{\"_287\":893,\"_288\":96},{\"_287\":893,\"_288\":96},\"For more demos, see the \",{\"_283\":909,\"_285\":910},\"vKSwqlUTl8\",{\"_287\":893,\"_288\":96},{\"_287\":893,\"_288\":96},{\"_287\":893,\"_288\":96},{\"_287\":741,\"_288\":96},{\"_283\":944,\"_285\":945},[916],\"zBJzRB04hA\",{\"_250\":259,\"_159\":917,\"_252\":918},[919,920,921],\"IL3dohtD7X\",{\"_250\":276,\"_277\":939,\"_260\":940,\"_252\":941},{\"_250\":267,\"_191\":927,\"_260\":928,\"_159\":929,\"_271\":927,\"_252\":930},{\"_250\":276,\"_277\":469,\"_260\":922,\"_252\":923},{\"_283\":924,\"_285\":925},\"WcMW8iqJWx\",{\"_287\":926,\"_288\":96},{\"_287\":926,\"_288\":96},8,\"https://mystmd.org/guide/widgets\",{\"_283\":937,\"_285\":938},[931],\"guRAAlFNwy\",{\"_250\":276,\"_277\":932,\"_260\":933,\"_252\":934},\"MyST widgets guide\",{\"_283\":935,\"_285\":936},\"EIzFaY8DXH\",{\"_287\":926,\"_288\":96},{\"_287\":926,\"_288\":96},{\"_287\":926,\"_288\":96},{\"_287\":926,\"_288\":96},\"For full documentation on using widgets, see the \",{\"_283\":942,\"_285\":943},\"cLG8KeOHND\",{\"_287\":926,\"_288\":96},{\"_287\":926,\"_288\":96},{\"_287\":926,\"_288\":96},{\"_287\":926,\"_288\":96},{\"_287\":926,\"_288\":96},{\"_287\":741,\"_288\":96},{\"_283\":1001,\"_285\":1002},[951,952,953,954,955,956,957],\"PyNvuU5tEd\",{\"_250\":276,\"_277\":996,\"_260\":997,\"_252\":998},{\"_250\":618,\"_277\":991,\"_260\":992,\"_252\":993},{\"_250\":276,\"_277\":986,\"_260\":987,\"_252\":988},{\"_250\":267,\"_191\":974,\"_260\":975,\"_159\":976,\"_271\":974,\"_252\":977},{\"_250\":276,\"_277\":969,\"_260\":970,\"_252\":971},{\"_250\":618,\"_277\":964,\"_260\":965,\"_252\":966},{\"_250\":276,\"_277\":958,\"_260\":959,\"_252\":960},\" directive.\",{\"_283\":961,\"_285\":962},\"tM9QygPyQ2\",{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},5,\"{anywidget}\",{\"_283\":967,\"_285\":968},\"qMOlAN8V6q\",{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},\" and are added using the \",{\"_283\":972,\"_285\":973},\"fHunW60ry8\",{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},\"https://docs.anywidget.dev\",{\"_283\":984,\"_285\":985},[978],\"aMcYR7v8AO\",{\"_250\":276,\"_277\":979,\"_260\":980,\"_252\":981},\"anywidget specification\",{\"_283\":982,\"_285\":983},\"oxQuJDmSHA\",{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},\".\\nWidgets follow the \",{\"_283\":989,\"_285\":990},\"jYfzJvJYYb\",{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},\"myst-theme\",{\"_283\":994,\"_285\":995},\"Jdj3mwGqlt\",{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},\"This page demonstrates the MyST widget renderer in \",{\"_283\":999,\"_285\":1000},\"DAvls1nGFU\",{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},{\"_287\":963,\"_288\":96},{\"_287\":387,\"_288\":96},[1011,1012],\"https://github.com/jupyter-book/myst-theme/blob/main/docs/anywidgets.md\",\"https://github.com/jupyter-book/myst-theme/edit/main/docs/anywidgets.md\",[1007],{\"_1008\":1009,\"_804\":185,\"_191\":1010},\"format\",\"md\",\"/_public/anywidgets-e8a35c86131c849d99a421f26a710f0b.md\",{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235}
80,\"myst\",\"1.11.0\",\"options\",{\"_1035\":114,\"_1036\":1037,\"_1038\":1039,\"_1040\":273,\"_1041\":1042},\"nav\",[1023,1024],\"actions\",[],\"projects\",[14],{\"_15\":1033,\"_191\":1034},{\"_15\":1025,\"_159\":1026},\"Resources\",[1027,1028,1029],{\"_15\":1032,\"_191\":289},{\"_15\":1031,\"_191\":20},{\"_15\":1030,\"_191\":474},\"Reference\",\"GitHub repository\",\"MyST documentation\",\"Developer page\",\"/developer\",\"logo\",\"logo_dark\",\"/_public/myst-logo-dark-fa29976c12bc9be98a6138480a59e867.svg\",\"logo_alt\",\"The logo for the MyST Markdown Project\",\"folders\",\"internal_domains\",\"mystmd.org\",{\"_553\":445,\"_1013\":1014,\"_1015\":1048,\"_1017\":1049,\"_1019\":1050,\"_1021\":1051},\"CONTENT_CDN_PORT\",3100,\"STATIC_BUILD\",\"BASE_URL\",{\"_1035\":114,\"_1036\":1037,\"_1038\":1039,\"_1040\":273,\"_1041\":1042},[1315,1316],[],[1052],{\"_15\":16,\"_17\":1053,\"_19\":20,\"_21\":1054,\"_23\":1055,\"_25\":26,\"_27\":1056,\"_29\":1057,\"_31\":1058,\"_33\":1059,\"_35\":1060,\"_37\":37,\"_38\":1061},[1307,1308],[1305,1306],{\"_72\":1130,\"_200\":1131,\"_202\":1132,\"_204\":1133},[197,198],{\"_189\":1129},[1110,1111,1112,1113,1114,1115,1116,1117],[],[],[1062,1063,1064,1065,1066,1067,1068,1069,1070,1071,1072,1073,1074,1075,1076,1077,1078,1079,1080,1081,1082,1083,1084,1085],{\"_64\":148,\"_15\":149,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1109,\"_76\":96},{\"_64\":144,\"_15\":145,\"_67\":146,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1108,\"_76\":96},{\"_64\":141,\"_15\":142,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1107,\"_76\":96},{\"_64\":138,\"_15\":139,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1106,\"_76\":96},{\"_64\":135,\"_15\":136,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1105,\"_76\":77},{\"_64\":131,\"_15\":132,\"_67\":133,\"_69\":68,\"_70\":114,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1104,\"_76\":96},{\"_64\":128,\"_15\":129,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1103,\"_76\":96},{\"_64\":125,\"_15\":126,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1102,\"_76\":77},{\"_64\":122,\"_15\":123,\"_67\":68,\"_69\":68,\"_70\":114,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1101,\"_76\":77},{\"_64\":119,\"_15\":120,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1100,\"_76\":77},{\"_64\":116,\"_15\":117,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1099,\"_76\":77},{\"_64\":112,\"_15\":113,\"_67\":68,\"_69\":68,\"_70\":114,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1098,\"_76\":77},{\"_64\":109,\"_15\":110,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1097,\"_76\":77},{\"_64\":106,\"_15\":107,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1096,\"_76\":77},{\"_64\":103,\"_15\":104,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1095,\"_76\":77},{\"_64\":100,\"_15\":101,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1094,\"_76\":77},{\"_64\":97,\"_15\":98,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1093,\"_76\":77},{\"_64\":93,\"_15\":94,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1092,\"_76\":96},{\"_64\":90,\"_15\":91,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1091,\"_76\":77},{\"_64\":87,\"_15\":88,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1090,\"_76\":77},{\"_64\":84,\"_15\":85,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1089,\"_76\":77},{\"_64\":81,\"_15\":82,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1088,\"_76\":77},{\"_64\":78,\"_15\":79,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1087,\"_76\":77},{\"_64\":65,\"_15\":66,\"_67\":68,\"_69\":68,\"_70\":68,\"_71\":68,\"_72\":68,\"_73\":68,\"_74\":1086,\"_76\":77},[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],{\"_161\":188},{\"_161\":187},{\"_161\":186},{\"_161\":185},{\"_159\":1127,\"_161\":182},{\"_161\":180},{\"_159\":1125,\"_161\":176},{\"_159\":1118,\"_161\":162},[1119,1120,1121,1122,1123,1124],{\"_161\":174},{\"_161\":173},{\"_161\":172},{\"_161\":171},{\"_161\":170},{\"_161\":169},[1126],{\"_178\":179},[1128],{\"_161\":184},{\"_191\":192,\"_193\":19,\"_194\":20,\"_195\":196},{\"_206\":1261,\"_208\":1262},{\"_206\":1194,\"_208\":1195},{\"_206\":1158,\"_208\":1159},{\"_206\":1134,\"_208\":1135},{\"_250\":5,\"_159\":1140,\"_252\":253},{\"_23\":1136,\"_19\":20,\"_21\":1137,\"_212\":213,\"_214\":215},{},[1138,1139],{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},[1141],{\"_250\":255,\"_159\":1142,\"_252\":257},[1143],{\"_250\":259,\"_260\":1144,\"_159\":1145,\"_252\":263},{\"_283\":1156,\"_285\":1157},[1146,1147,1148],{\"_250\":267,\"_191\":289,\"_159\":1154,\"_269\":270,\"_271\":289,\"_252\":291},{\"_250\":276,\"_277\":280,\"_260\":1151,\"_252\":282},{\"_250\":267,\"_191\":20,\"_159\":1149,\"_269\":270,\"_271\":20,\"_272\":273,\"_252\":274},[1150],{\"_250\":276,\"_277\":278,\"_252\":279},{\"_283\":1152,\"_285\":1153},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},[1155],{\"_250\":276,\"_277\":293,\"_252\":294},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_250\":5,\"_159\":1164,\"_252\":306},{\"_23\":1160,\"_19\":20,\"_21\":1161,\"_212\":301,\"_214\":302},{},[1162,1163],{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},[1165],{\"_250\":255,\"_159\":1166,\"_252\":309},[1167],{\"_250\":259,\"_260\":1168,\"_159\":1169,\"_252\":313},{\"_283\":1192,\"_285\":1193},[1170,1171,1172],{\"_250\":332,\"_260\":1184,\"_159\":1185,\"_252\":335},{\"_250\":276,\"_277\":327,\"_260\":1181,\"_252\":329},{\"_250\":267,\"_191\":20,\"_260\":1173,\"_159\":1174,\"_271\":20,\"_272\":273,\"_252\":319},{\"_283\":1179,\"_285\":1180},[1175],{\"_250\":276,\"_277\":278,\"_260\":1176,\"_252\":322},{\"_283\":1177,\"_285\":1178},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_283\":1182,\"_285\":1183},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_283\":1190,\"_285\":1191},[1186],{\"_250\":276,\"_277\":337,\"_260\":1187,\"_252\":339},{\"_283\":1188,\"_285\":1189},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_250\":5,\"_159\":1200,\"_252\":355},{\"_23\":1196,\"_19\":20,\"_21\":1197,\"_212\":350,\"_214\":351},{},[1198,1199],{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},[1201],{\"_250\":255,\"_159\":1202,\"_252\":358},[1203],{\"_250\":360,\"_361\":1204,\"_159\":1205,\"_252\":364},[445],[1206,1207,1208],{\"_250\":259,\"_260\":1235,\"_159\":1236,\"_252\":412},{\"_250\":259,\"_260\":1222,\"_159\":1223,\"_252\":394},{\"_250\":259,\"_260\":1209,\"_159\":1210,\"_252\":370},{\"_283\":1220,\"_285\":1221},[1211],{\"_250\":267,\"_191\":372,\"_260\":1212,\"_159\":1213,\"_271\":375,\"_376\":377,\"_378\":273,\"_379\":161,\"_252\":380},{\"_283\":1218,\"_285\":1219},[1214],{\"_250\":276,\"_277\":382,\"_260\":1215,\"_252\":384},{\"_283\":1216,\"_285\":1217},{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},{\"_287\":387,\"_288\":96},{\"_283\":1233,\"_285\":1234},[1224],{\"_250\":267,\"_191\":20,\"_260\":1225,\"_159\":1226,\"_271\":20,\"_272\":273,\"_252\":398},{\"_283\":1231,\"_285\":1232},[1227],{\"_250\":276,\"_277\":400,\"_260\":1228,\"_252\":402},{\"_283\":1229,\"_285\":1230},{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},{\"_287\":405,\"_288\":96},{\"_283\":1259,\"_285\":1260},[1237,1238,1239],{\"_250\":332,\"_260\":1251,\"_159\":1252,\"_252\":434},{\"_250\":276,\"_277\":427,\"_260\":1248,\"_252\":429},{\"_250\":267,\"_191\":289,\"_260\":1240,\"_159\":1241,\"_271\":289,\"_252\":418},{\"_283\":1246,\"_285\":1247},[1242],{\"_250\":276,\"_277\":420,\"_260\":1243,\"_252\":422},{\"_283\":1244,\"_285\":1245},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_283\":1249,\"_285\":1250},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_283\":1257,\"_285\":1258},[1253],{\"_250\":276,\"_277\":436,\"_260\":1254,\"_252\":438},{\"_283\":1255,\"_285\":1256},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_287\":77,\"_288\":96},{\"_250\":5,\"_159\":1266,\"_252\":454},{\"_19\":20,\"_21\":1263,\"_212\":449,\"_214\":450},[1264,1265],{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},[1267],{\"_250\":255,\"_456\":1268,\"_159\":1269,\"_252\":459},{\"_509\":72},[1270],{\"_250\":259,\"_260\":1271,\"_159\":1272,\"_252\":463},{\"_283\":1303,\"_285\":1304},[1273,1274,1275,1276,1277],{\"_250\":276,\"_277\":502,\"_260\":1300,\"_252\":504},{\"_250\":332,\"_260\":1292,\"_159\":1293,\"_252\":493},{\"_250\":276,\"_277\":486,\"_260\":1289,\"_252\":488},{\"_250\":267,\"_191\":474,\"_260\":1281,\"_159\":1282,\"_271\":474,\"_252\":477},{\"_250\":276,\"_277\":469,\"_260\":1278,\"_252\":471},{\"_283\":1279,\"_285\":1280},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_283\":1287,\"_285\":1288},[1283],{\"_250\":276,\"_277\":479,\"_260\":1284,\"_252\":481},{\"_283\":1285,\"_285\":1286},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_283\":1290,\"_285\":1291},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_283\":1298,\"_285\":1299},[1294],{\"_250\":276,\"_277\":495,\"_260\":1295,\"_252\":497},{\"_283\":1296,\"_285\":1297},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_283\":1301,\"_285\":1302},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_287\":96,\"_288\":96},{\"_25\":236,\"_219\":237,\"_221\":238,\"_223\":239,\"_225\":240,\"_227\":241,\"_229\":242,\"_231\":232,\"_233\":234,\"_243\":244,\"_191\":245,\"_246\":247,\"_248\":249},{\"_25\":218,\"_219\":220,\"_221\":222,\"_223\":224,\"_225\":226,\"_227\":228,\"_229\":230,\"_231\":232,\"_233\":234,\"_191\":235},{\"_25\":539,\"_515\":1312,\"_219\":541,\"_518\":542,\"_520\":273,\"_521\":273,\"_243\":543,\"_525\":1313,\"_21\":1314,\"_191\":546,\"_19\":539,\"_246\":547,\"_248\":548,\"_529\":549},{\"_25\":514,\"_515\":1309,\"_219\":517,\"_518\":519,\"_520\":273,\"_521\":273,\"_522\":523,\"_243\":524,\"_525\":1310,\"_21\":1311,\"_191\":528,\"_19\":514,\"_529\":530},{\"_534\":517,\"_535\":536,\"_537\":538},[531,532,533],[218],{\"_534\":541,\"_535\":420,\"_537\":538},[550,551,552],[236,218],{\"_15\":1033,\"_191\":1034},{\"_15\":1025,\"_159\":1317},[1318,1319,1320],{\"_15\":1032,\"_191\":289},{\"_15\":1031,\"_191\":20},{\"_15\":1030,\"_191\":474}]\n");</script>
80<!--$?--><template id="B:1"></template><!--/$--></div>
80<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; 81$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
81<div hidden id="S:1">
81<script>window.__reactRouterContext.streamController.close();</script>
81</div>
81<script>$RC("B:1","S:1")</script>
81</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.