| 
									
										
										
										
											2025-05-20 14:35:17 +02:00
										 |  |  | <!-- HTML header for doxygen 1.9.8--> | 
					
						
							|  |  |  | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 
					
						
							|  |  |  | <html xmlns="http://www.w3.org/1999/xhtml" lang="$langISO"> | 
					
						
							|  |  |  | <head> | 
					
						
							|  |  |  | <meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/> | 
					
						
							|  |  |  | <meta http-equiv="X-UA-Compatible" content="IE=11"/> | 
					
						
							|  |  |  | <meta name="generator" content="Doxygen $doxygenversion"/> | 
					
						
							|  |  |  | <meta name="viewport" content="width=device-width, initial-scale=1"/> | 
					
						
							|  |  |  | <!--BEGIN PROJECT_NAME--><title>$projectname: $title</title><!--END PROJECT_NAME--> | 
					
						
							|  |  |  | <!--BEGIN !PROJECT_NAME--><title>$title</title><!--END !PROJECT_NAME--> | 
					
						
							|  |  |  | <link href="$relpath^tabs.css" rel="stylesheet" type="text/css"/> | 
					
						
							|  |  |  | <!--BEGIN DISABLE_INDEX--> | 
					
						
							|  |  |  |   <!--BEGIN FULL_SIDEBAR--> | 
					
						
							|  |  |  | <script type="text/javascript">var page_layout=1;</script> | 
					
						
							|  |  |  |   <!--END FULL_SIDEBAR--> | 
					
						
							|  |  |  | <!--END DISABLE_INDEX--> | 
					
						
							|  |  |  | <script type="text/javascript" src="$relpath^jquery.js"></script> | 
					
						
							|  |  |  | <script type="text/javascript" src="$relpath^dynsections.js"></script> | 
					
						
							|  |  |  | <script type="text/javascript" src="$relpath^doxygen-awesome-fragment-copy-button.js"></script> | 
					
						
							|  |  |  | <script type="text/javascript" src="$relpath^doxygen-awesome-paragraph-link.js"></script> | 
					
						
							|  |  |  | <script type="text/javascript" src="$relpath^doxygen-awesome-interactive-toc.js"></script> | 
					
						
							|  |  |  | <script type="text/javascript" src="$relpath^doxygen-awesome-tabs.js"></script> | 
					
						
							| 
									
										
										
										
											2025-05-31 23:19:18 +02:00
										 |  |  | <script type="module"> | 
					
						
							| 
									
										
										
										
											2025-05-20 14:35:17 +02:00
										 |  |  |     DoxygenAwesomeFragmentCopyButton.init() | 
					
						
							|  |  |  |     DoxygenAwesomeParagraphLink.init() | 
					
						
							|  |  |  |     DoxygenAwesomeInteractiveToc.init() | 
					
						
							|  |  |  |     DoxygenAwesomeTabs.init() | 
					
						
							| 
									
										
										
										
											2025-05-30 19:32:42 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-05-31 23:19:18 +02:00
										 |  |  |     await new Promise(r => window.addEventListener('DOMContentLoaded', r)); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // Remove title when a img[alt='title-img'] is present. | 
					
						
							|  |  |  |     // Find an image with the alt "img-title". | 
					
						
							|  |  |  |     const img = document.querySelector("img[alt='title-img']"); | 
					
						
							|  |  |  |     const header = document.querySelector(".headertitle"); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (img && header) { | 
					
						
							|  |  |  |       // Hide the header title progressively. | 
					
						
							|  |  |  |       header.style.display = "none"; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |       // Show progressively the image. | 
					
						
							|  |  |  |       img.style.maxHeight = "40vh"; | 
					
						
							|  |  |  |       img.style.maxWidth = "100%"; | 
					
						
							|  |  |  |       img.style.objectFit = "contain"; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // In the "examples.html" page. Turn every link with text | 
					
						
							|  |  |  |     // "examples/<...> | 
					
						
							|  |  |  |     // | 
					
						
							|  |  |  |     // Add a "demo" link toward. | 
					
						
							|  |  |  |     // https://arthursonzogni.github.io/FTXUI/examples/?file=<...> | 
					
						
							|  |  |  |     const examples = document.querySelectorAll("a") | 
					
						
							|  |  |  |     examples.forEach((example) => { | 
					
						
							|  |  |  |       if (!example.textContent.startsWith("examples/")) { | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |       } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |       // Remove the ".cpp" extension from the example name. | 
					
						
							|  |  |  |       const exampleName = example.textContent.replace("examples/", "").replace(".cpp", ""); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |       const a = document.createElement("a"); | 
					
						
							|  |  |  |       a.textContent = "[demo]"; | 
					
						
							|  |  |  |       a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + exampleName; | 
					
						
							|  |  |  |       a.style.marginRight= "1em"; | 
					
						
							|  |  |  |       a.style.fontWeight = "bold"; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |       example.parentElement.insertBefore(a, example) | 
					
						
							| 
									
										
										
										
											2025-05-30 19:32:42 +02:00
										 |  |  |     }); | 
					
						
							| 
									
										
										
										
											2025-05-31 23:19:18 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  |     // If the current URL ends with -example.html, we can add a link to the demo | 
					
						
							|  |  |  |     // as well using the div.title textContent. | 
					
						
							|  |  |  |     const url = new URL(window.location.href); | 
					
						
							|  |  |  |     if (url.pathname.endsWith("-example.html")) { | 
					
						
							|  |  |  |       // Get the title text. | 
					
						
							|  |  |  |       const title = document.querySelector("div.title").textContent; | 
					
						
							|  |  |  |       const example = title.replace("examples/", "").replace(".cpp", ""); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |       // Create a link to the demo. | 
					
						
							|  |  |  |       const a = document.createElement("a"); | 
					
						
							|  |  |  |       a.textContent = "[demo]"; | 
					
						
							|  |  |  |       a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + example; | 
					
						
							|  |  |  |       a.style.marginLeft = "1em"; | 
					
						
							|  |  |  |       a.style.fontWeight = "bold"; | 
					
						
							|  |  |  |       a.style.display = "inline-block"; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |       // Insert the link after the title. | 
					
						
							|  |  |  |       const titleDiv = document.querySelector("div.title"); | 
					
						
							|  |  |  |       if (titleDiv) { | 
					
						
							|  |  |  |         titleDiv.insertBefore(a, titleDiv.nextSibling); | 
					
						
							|  |  |  |       } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-05-20 14:35:17 +02:00
										 |  |  | </script> | 
					
						
							| 
									
										
										
										
											2025-06-03 11:36:07 +02:00
										 |  |  | <script type="module"> | 
					
						
							|  |  |  |   // Click on the navtree, except for the main page where this is already done | 
					
						
							|  |  |  |   // automatically. | 
					
						
							|  |  |  |   let delay = 0; | 
					
						
							|  |  |  |   while(true) { | 
					
						
							|  |  |  |     const navtree = document.querySelector("div.item.selected"); | 
					
						
							|  |  |  |     if (!navtree) { | 
					
						
							|  |  |  |       delay *= 2; | 
					
						
							|  |  |  |       delay += 1; | 
					
						
							|  |  |  |       await new Promise(resolve => setTimeout(resolve, delay)); | 
					
						
							|  |  |  |       continue; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // Include only selected navtree items. | 
					
						
							|  |  |  |     console.log("navtree.textContent", navtree.textContent); | 
					
						
							|  |  |  |     if (!navtree.textContent.includes("Getting Started") && | 
					
						
							|  |  |  |         !navtree.textContent.includes("Installation") && | 
					
						
							|  |  |  |         !navtree.textContent.includes("ftxui / screen") && | 
					
						
							|  |  |  |         !navtree.textContent.includes("ftxui / dom") && | 
					
						
							|  |  |  |         !navtree.textContent.includes("ftxui / component") && | 
					
						
							|  |  |  |         !navtree.textContent.includes("Reference")) { | 
					
						
							|  |  |  |       break; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // Find the first link inside the navtree. | 
					
						
							|  |  |  |     const link = navtree.querySelector("a"); | 
					
						
							|  |  |  |     if (link) { | 
					
						
							|  |  |  |       // Simulate a click on the link. | 
					
						
							|  |  |  |       link.click(); | 
					
						
							|  |  |  |       break; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | </script> | 
					
						
							| 
									
										
										
										
											2025-05-31 23:19:18 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-05-20 14:35:17 +02:00
										 |  |  | $treeview | 
					
						
							|  |  |  | $search | 
					
						
							|  |  |  | $mathjax | 
					
						
							|  |  |  | $darkmode | 
					
						
							|  |  |  | <link href="$relpath^$stylesheet" rel="stylesheet" type="text/css" /> | 
					
						
							|  |  |  | $extrastylesheet | 
					
						
							|  |  |  | </head> | 
					
						
							|  |  |  | <body> | 
					
						
							|  |  |  | <!--BEGIN DISABLE_INDEX--> | 
					
						
							|  |  |  |   <!--BEGIN FULL_SIDEBAR--> | 
					
						
							|  |  |  | <div id="side-nav" class="ui-resizable side-nav-resizable"><!-- do not remove this div, it is closed by doxygen! --> | 
					
						
							|  |  |  |   <!--END FULL_SIDEBAR--> | 
					
						
							|  |  |  | <!--END DISABLE_INDEX--> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | <div id="top"><!-- do not remove this div, it is closed by doxygen! --> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | <!--BEGIN TITLEAREA--> | 
					
						
							|  |  |  | <div id="titlearea"> | 
					
						
							|  |  |  | <table cellspacing="0" cellpadding="0"> | 
					
						
							|  |  |  |  <tbody> | 
					
						
							|  |  |  |  <tr id="projectrow"> | 
					
						
							|  |  |  |   <!--BEGIN PROJECT_LOGO--> | 
					
						
							|  |  |  |   <td id="projectlogo"><img alt="Logo" src="$relpath^$projectlogo"/></td> | 
					
						
							|  |  |  |   <!--END PROJECT_LOGO--> | 
					
						
							|  |  |  |   <!--BEGIN PROJECT_NAME--> | 
					
						
							|  |  |  |   <td id="projectalign"> | 
					
						
							|  |  |  |    <div id="projectname">$projectname<!--BEGIN PROJECT_NUMBER--><span id="projectnumber"> $projectnumber</span><!--END PROJECT_NUMBER--> | 
					
						
							|  |  |  |    </div> | 
					
						
							|  |  |  |    <!--BEGIN PROJECT_BRIEF--><div id="projectbrief">$projectbrief</div><!--END PROJECT_BRIEF--> | 
					
						
							|  |  |  |   </td> | 
					
						
							|  |  |  |   <!--END PROJECT_NAME--> | 
					
						
							|  |  |  |   <!--BEGIN !PROJECT_NAME--> | 
					
						
							|  |  |  |    <!--BEGIN PROJECT_BRIEF--> | 
					
						
							|  |  |  |     <td> | 
					
						
							|  |  |  |     <div id="projectbrief">$projectbrief</div> | 
					
						
							|  |  |  |     </td> | 
					
						
							|  |  |  |    <!--END PROJECT_BRIEF--> | 
					
						
							|  |  |  |   <!--END !PROJECT_NAME--> | 
					
						
							|  |  |  |   <!--BEGIN DISABLE_INDEX--> | 
					
						
							|  |  |  |    <!--BEGIN SEARCHENGINE--> | 
					
						
							|  |  |  |      <!--BEGIN !FULL_SIDEBAR--> | 
					
						
							|  |  |  |     <td>$searchbox</td> | 
					
						
							|  |  |  |      <!--END !FULL_SIDEBAR--> | 
					
						
							|  |  |  |    <!--END SEARCHENGINE--> | 
					
						
							|  |  |  |   <!--END DISABLE_INDEX--> | 
					
						
							|  |  |  |  </tr> | 
					
						
							|  |  |  |   <!--BEGIN SEARCHENGINE--> | 
					
						
							|  |  |  |    <!--BEGIN FULL_SIDEBAR--> | 
					
						
							|  |  |  |    <tr><td colspan="2">$searchbox</td></tr> | 
					
						
							|  |  |  |    <!--END FULL_SIDEBAR--> | 
					
						
							|  |  |  |   <!--END SEARCHENGINE--> | 
					
						
							|  |  |  |  </tbody> | 
					
						
							|  |  |  | </table> | 
					
						
							|  |  |  | </div> | 
					
						
							|  |  |  | <!--END TITLEAREA--> | 
					
						
							|  |  |  | <!-- end header part --> |