Files
FTXUI/ja/node_8cpp_source.html
2025-12-13 19:38:34 +00:00

582 lines
66 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- 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="en-US">
<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 1.12.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>FTXUI: node.cpp Source File</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<script type="text/javascript" src="doxygen-awesome-fragment-copy-button.js"></script>
<script type="text/javascript" src="doxygen-awesome-paragraph-link.js"></script>
<script type="text/javascript" src="doxygen-awesome-interactive-toc.js"></script>
<script type="text/javascript" src="doxygen-awesome-tabs.js"></script>
<script type="module">
DoxygenAwesomeFragmentCopyButton.init()
DoxygenAwesomeParagraphLink.init()
DoxygenAwesomeInteractiveToc.init()
DoxygenAwesomeTabs.init()
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)
});
// 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);
}
}
</script>
<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>
<link href="navtree.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="navtreedata.js"></script>
<script type="text/javascript" src="navtree.js"></script>
<script type="text/javascript" src="resize.js"></script>
<script type="text/javascript" src="cookie.js"></script>
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="search/searchdata.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
<link href="doxygen-awesome.css" rel="stylesheet" type="text/css"/>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr id="projectrow">
<td id="projectalign">
<div id="projectname">FTXUI<span id="projectnumber">&#160;6.1.9</span>
</div>
<div id="projectbrief">C++ functional terminal UI.</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- end header part -->
<!-- Generated by Doxygen 1.12.0 -->
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
var searchBox = new SearchBox("searchBox", "search/",'.html');
/* @license-end */
</script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() { codefold.init(0); });
/* @license-end */
</script>
<script type="text/javascript" src="menudata.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() {
initMenu('',true,false,'search.php','Search',true);
$(function() { init_search(); });
});
/* @license-end */
</script>
<div id="main-nav"></div>
</div><!-- top -->
<div id="side-nav" class="ui-resizable side-nav-resizable">
<div id="nav-tree">
<div id="nav-tree-contents">
<div id="nav-sync" class="sync"></div>
</div>
</div>
<div id="splitbar" style="-moz-user-select:none;"
class="ui-resizable-handle">
</div>
</div>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function(){initNavTree('node_8cpp_source.html',''); initResizable(true); });
/* @license-end */
</script>
<div id="doc-content">
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
</div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<div id="MSearchResults">
<div class="SRPage">
<div id="SRIndex">
<div id="SRResults"></div>
<div class="SRStatus" id="Loading">Loading...</div>
<div class="SRStatus" id="Searching">Searching...</div>
<div class="SRStatus" id="NoMatches">No Matches</div>
</div>
</div>
</div>
</div>
<div class="header">
<div class="headertitle"><div class="title">node.cpp</div></div>
</div><!--header-->
<div class="contents">
<a href="node_8cpp.html">Go to the documentation of this file.</a><div class="fragment"><div class="line"><a id="l00001" name="l00001"></a><span class="lineno"> 1</span><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
<div class="line"><a id="l00002" name="l00002"></a><span class="lineno"> 2</span><span class="comment">// このソースコードの使用は、LICENSE ファイルにある MIT ライセンスによって管理されます。</span></div>
<div class="line"><a id="l00003" name="l00003"></a><span class="lineno"> 3</span><span class="comment">// the LICENSE file.</span></div>
<div class="line"><a id="l00004" name="l00004"></a><span class="lineno"> 4</span><span class="preprocessor">#include &lt;<a class="code" href="box_8hpp.html">ftxui/screen/box.hpp</a>&gt;</span> <span class="comment">// for Box</span></div>
<div class="line"><a id="l00005" name="l00005"></a><span class="lineno"> 5</span><span class="preprocessor">#include &lt;string&gt;</span></div>
<div class="line"><a id="l00006" name="l00006"></a><span class="lineno"> 6</span><span class="preprocessor">#include &lt;utility&gt;</span> <span class="comment">// for move</span></div>
<div class="line"><a id="l00007" name="l00007"></a><span class="lineno"> 7</span> </div>
<div class="line"><a id="l00008" name="l00008"></a><span class="lineno"> 8</span><span class="preprocessor">#include &lt;cstddef&gt;</span></div>
<div class="line"><a id="l00009" name="l00009"></a><span class="lineno"> 9</span><span class="preprocessor">#include &quot;<a class="code" href="node_8hpp.html">ftxui/dom/node.hpp</a>&quot;</span></div>
<div class="line"><a id="l00010" name="l00010"></a><span class="lineno"> 10</span><span class="preprocessor">#include &quot;<a class="code" href="selection_8hpp.html">ftxui/dom/selection.hpp</a>&quot;</span> <span class="comment">// for Selection</span></div>
<div class="line"><a id="l00011" name="l00011"></a><span class="lineno"> 11</span><span class="preprocessor">#include &quot;<a class="code" href="screen_8hpp.html">ftxui/screen/screen.hpp</a>&quot;</span> <span class="comment">// for Screen</span></div>
<div class="line"><a id="l00012" name="l00012"></a><span class="lineno"> 12</span> </div>
<div class="line"><a id="l00013" name="l00013"></a><span class="lineno"> 13</span><span class="keyword">namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a> {</div>
<div class="line"><a id="l00014" name="l00014"></a><span class="lineno"> 14</span> </div>
<div class="line"><a id="l00015" name="l00015"></a><span class="lineno"> 15</span><a class="code hl_function" href="group__dom.html#a0d313fac56abd7ebe58a17f1530b879e">Node::Node</a>() = <span class="keywordflow">default</span>;</div>
<div class="line"><a id="l00016" name="l00016"></a><span class="lineno"><a class="line" href="group__dom.html#a19fa1eae4c02e514c62a95e395b383a1"> 16</a></span><a class="code hl_function" href="group__dom.html#a0d313fac56abd7ebe58a17f1530b879e">Node::Node</a>(<a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children) : children_(std::move(children)) {}</div>
<div class="line"><a id="l00017" name="l00017"></a><span class="lineno"> 17</span><a class="code hl_function" href="group__dom.html#a6fa6bf60f34f1e3efb0e59333428c9c8">Node::~Node</a>() = <span class="keywordflow">default</span>;</div>
<div class="line"><a id="l00018" name="l00018"></a><span class="lineno"> 18</span><span class="comment"></span> </div>
<div class="line"><a id="l00019" name="l00019"></a><span class="lineno"> 19</span><span class="comment">/// @brief 要素が必要とするスペースを計算します。</span></div>
<div class="foldopen" id="foldopen00020" data-start="{" data-end="}">
<div class="line"><a id="l00020" name="l00020"></a><span class="lineno"><a class="line" href="group__dom.html#a40bd818c5de23bb2d208360d275ae59d"> 20</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#a40bd818c5de23bb2d208360d275ae59d">Node::ComputeRequirement</a>() {</div>
<div class="line"><a id="l00021" name="l00021"></a><span class="lineno"> 21</span> <span class="keywordflow">if</span> (<a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>.empty()) {</div>
<div class="line"><a id="l00022" name="l00022"></a><span class="lineno"> 22</span> <span class="keywordflow">return</span>;</div>
<div class="line"><a id="l00023" name="l00023"></a><span class="lineno"> 23</span> }</div>
<div class="line"><a id="l00024" name="l00024"></a><span class="lineno"> 24</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>) {</div>
<div class="line"><a id="l00025" name="l00025"></a><span class="lineno"> 25</span> child-&gt;ComputeRequirement();</div>
<div class="line"><a id="l00026" name="l00026"></a><span class="lineno"> 26</span> }</div>
<div class="line"><a id="l00027" name="l00027"></a><span class="lineno"> 27</span> </div>
<div class="line"><a id="l00028" name="l00028"></a><span class="lineno"> 28</span> <span class="comment">// By default, the requirement is the one of the first child.</span></div>
<div class="line"><a id="l00029" name="l00029"></a><span class="lineno"> 29</span> <a class="code hl_variable" href="group__dom.html#a3530d99687053ce0d0006b9dee9a1ca7">requirement_</a> = <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>[0]-&gt;requirement();</div>
<div class="line"><a id="l00030" name="l00030"></a><span class="lineno"> 30</span> </div>
<div class="line"><a id="l00031" name="l00031"></a><span class="lineno"> 31</span> <span class="comment">// Propagate the focused requirement.</span></div>
<div class="line"><a id="l00032" name="l00032"></a><span class="lineno"> 32</span> <span class="keywordflow">for</span> (<span class="keywordtype">size_t</span> i = 1; i &lt; <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>.size(); ++i) {</div>
<div class="line"><a id="l00033" name="l00033"></a><span class="lineno"> 33</span> <span class="keywordflow">if</span> (!<a class="code hl_variable" href="group__dom.html#a3530d99687053ce0d0006b9dee9a1ca7">requirement_</a>.<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a>.<a class="code hl_variable" href="structftxui_1_1Requirement_1_1Focused.html#a8740ba80e30dd75e71d09fa1dcf04f3d">enabled</a> &amp;&amp;</div>
<div class="line"><a id="l00034" name="l00034"></a><span class="lineno"> 34</span> <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>[i]-&gt;requirement().focused.enabled) {</div>
<div class="line"><a id="l00035" name="l00035"></a><span class="lineno"> 35</span> <a class="code hl_variable" href="group__dom.html#a3530d99687053ce0d0006b9dee9a1ca7">requirement_</a>.<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a> = <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>[i]-&gt;requirement().focused;</div>
<div class="line"><a id="l00036" name="l00036"></a><span class="lineno"> 36</span> }</div>
<div class="line"><a id="l00037" name="l00037"></a><span class="lineno"> 37</span> }</div>
<div class="line"><a id="l00038" name="l00038"></a><span class="lineno"> 38</span>}</div>
</div>
<div class="line"><a id="l00039" name="l00039"></a><span class="lineno"> 39</span><span class="comment"></span> </div>
<div class="line"><a id="l00040" name="l00040"></a><span class="lineno"> 40</span><span class="comment">/// @brief 描画のために要素に位置と次元を割り当てます。</span></div>
<div class="foldopen" id="foldopen00041" data-start="{" data-end="}">
<div class="line"><a id="l00041" name="l00041"></a><span class="lineno"><a class="line" href="group__dom.html#a2ed318aaadb07efc50e76fce1ccf9637"> 41</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#a2ed318aaadb07efc50e76fce1ccf9637">Node::SetBox</a>(<a class="code hl_struct" href="group__screen.html#structftxui_1_1Box">Box</a> box) {</div>
<div class="line"><a id="l00042" name="l00042"></a><span class="lineno"> 42</span> <a class="code hl_variable" href="group__dom.html#aa7e7d30102945911407723a5cbcdfabc">box_</a> = box;</div>
<div class="line"><a id="l00043" name="l00043"></a><span class="lineno"> 43</span>}</div>
</div>
<div class="line"><a id="l00044" name="l00044"></a><span class="lineno"> 44</span><span class="comment"></span> </div>
<div class="line"><a id="l00045" name="l00045"></a><span class="lineno"> 45</span><span class="comment">/// @brief 要素の選択を計算します。</span></div>
<div class="foldopen" id="foldopen00046" data-start="{" data-end="}">
<div class="line"><a id="l00046" name="l00046"></a><span class="lineno"><a class="line" href="group__dom.html#a05352f5a353f1e86630a978060e77305"> 46</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#a05352f5a353f1e86630a978060e77305">Node::Select</a>(<a class="code hl_class" href="group__dom.html#classftxui_1_1Selection">Selection</a>&amp; selection) {</div>
<div class="line"><a id="l00047" name="l00047"></a><span class="lineno"> 47</span> <span class="comment">// このードのbox_が選択範囲と交差しない場合、選択は行われません。</span></div>
<div class="line"><a id="l00048" name="l00048"></a><span class="lineno"> 48</span> <span class="keywordflow">if</span> (<a class="code hl_function" href="group__screen.html#a83d40499d9e8740c35dc2352c2ac84a8">Box::Intersection</a>(selection.<a class="code hl_function" href="group__dom.html#a03f5cc5dcad10fecb7a0b8203c86a13e">GetBox</a>(), <a class="code hl_variable" href="group__dom.html#aa7e7d30102945911407723a5cbcdfabc">box_</a>).IsEmpty()) {</div>
<div class="line"><a id="l00049" name="l00049"></a><span class="lineno"> 49</span> <span class="keywordflow">return</span>;</div>
<div class="line"><a id="l00050" name="l00050"></a><span class="lineno"> 50</span> }</div>
<div class="line"><a id="l00051" name="l00051"></a><span class="lineno"> 51</span> </div>
<div class="line"><a id="l00052" name="l00052"></a><span class="lineno"> 52</span> <span class="comment">// By default we defer the selection to the children.</span></div>
<div class="line"><a id="l00053" name="l00053"></a><span class="lineno"> 53</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>) {</div>
<div class="line"><a id="l00054" name="l00054"></a><span class="lineno"> 54</span> child-&gt;Select(selection);</div>
<div class="line"><a id="l00055" name="l00055"></a><span class="lineno"> 55</span> }</div>
<div class="line"><a id="l00056" name="l00056"></a><span class="lineno"> 56</span>}</div>
</div>
<div class="line"><a id="l00057" name="l00057"></a><span class="lineno"> 57</span><span class="comment"></span> </div>
<div class="line"><a id="l00058" name="l00058"></a><span class="lineno"> 58</span><span class="comment">/// @brief 要素をftxui::Screenに表示します。</span></div>
<div class="foldopen" id="foldopen00059" data-start="{" data-end="}">
<div class="line"><a id="l00059" name="l00059"></a><span class="lineno"><a class="line" href="group__dom.html#a7e286fe14880614686ceeec84a9a9702"> 59</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_friend" href="group__dom.html#ab35030b64136afa183d474d11bd1f6dd">Node::Render</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Screen">Screen</a>&amp; screen) {</div>
<div class="line"><a id="l00060" name="l00060"></a><span class="lineno"> 60</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>) {</div>
<div class="line"><a id="l00061" name="l00061"></a><span class="lineno"> 61</span> child-&gt;Render(screen);</div>
<div class="line"><a id="l00062" name="l00062"></a><span class="lineno"> 62</span> }</div>
<div class="line"><a id="l00063" name="l00063"></a><span class="lineno"> 63</span>}</div>
</div>
<div class="line"><a id="l00064" name="l00064"></a><span class="lineno"> 64</span> </div>
<div class="foldopen" id="foldopen00065" data-start="{" data-end="}">
<div class="line"><a id="l00065" name="l00065"></a><span class="lineno"><a class="line" href="group__dom.html#a5b71d891a102197f2856f53702425581"> 65</a></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#a5b71d891a102197f2856f53702425581">Node::Check</a>(<a class="code hl_struct" href="structftxui_1_1Node_1_1Status.html">Status</a>* status) {</div>
<div class="line"><a id="l00066" name="l00066"></a><span class="lineno"> 66</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>) {</div>
<div class="line"><a id="l00067" name="l00067"></a><span class="lineno"> 67</span> child-&gt;Check(status);</div>
<div class="line"><a id="l00068" name="l00068"></a><span class="lineno"> 68</span> }</div>
<div class="line"><a id="l00069" name="l00069"></a><span class="lineno"> 69</span> status-&gt;<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#a0fffbfa5479a3b6d3ddf5ff13504a51c">need_iteration</a> |= (status-&gt;<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#aa6371382c6b4224e577e14ea610ab9a9">iteration</a> == 0);</div>
<div class="line"><a id="l00070" name="l00070"></a><span class="lineno"> 70</span>}</div>
</div>
<div class="line"><a id="l00071" name="l00071"></a><span class="lineno"> 71</span> </div>
<div class="foldopen" id="foldopen00072" data-start="{" data-end="}">
<div class="line"><a id="l00072" name="l00072"></a><span class="lineno"><a class="line" href="group__dom.html#a2c5cebe05557529299e649867b499680"> 72</a></span>std::string <a class="code hl_function" href="group__dom.html#a2c5cebe05557529299e649867b499680">Node::GetSelectedContent</a>(<a class="code hl_class" href="group__dom.html#classftxui_1_1Selection">Selection</a>&amp; selection) {</div>
<div class="line"><a id="l00073" name="l00073"></a><span class="lineno"> 73</span> std::string content;</div>
<div class="line"><a id="l00074" name="l00074"></a><span class="lineno"> 74</span> </div>
<div class="line"><a id="l00075" name="l00075"></a><span class="lineno"> 75</span> <span class="keywordflow">for</span> (<span class="keyword">auto</span>&amp; child : <a class="code hl_variable" href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">children_</a>) {</div>
<div class="line"><a id="l00076" name="l00076"></a><span class="lineno"> 76</span> content += child-&gt;GetSelectedContent(selection);</div>
<div class="line"><a id="l00077" name="l00077"></a><span class="lineno"> 77</span> }</div>
<div class="line"><a id="l00078" name="l00078"></a><span class="lineno"> 78</span> </div>
<div class="line"><a id="l00079" name="l00079"></a><span class="lineno"> 79</span> <span class="keywordflow">return</span> content;</div>
<div class="line"><a id="l00080" name="l00080"></a><span class="lineno"> 80</span>}</div>
</div>
<div class="line"><a id="l00081" name="l00081"></a><span class="lineno"> 81</span><span class="comment"></span> </div>
<div class="line"><a id="l00082" name="l00082"></a><span class="lineno"> 82</span><span class="comment">/// @brief 要素をftxui::Screenに表示します。</span></div>
<div class="line"><a id="l00083" name="l00083"></a><span class="lineno"> 83</span><span class="comment">/// @ingroup dom</span></div>
<div class="foldopen" id="foldopen00084" data-start="{" data-end="}">
<div class="line"><a id="l00084" name="l00084"></a><span class="lineno"><a class="line" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83"> 84</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Screen">Screen</a>&amp; screen, <span class="keyword">const</span> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&amp; element) {</div>
<div class="line"><a id="l00085" name="l00085"></a><span class="lineno"> 85</span> <a class="code hl_class" href="group__dom.html#classftxui_1_1Selection">Selection</a> selection;</div>
<div class="line"><a id="l00086" name="l00086"></a><span class="lineno"> 86</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(screen, element.get(), selection);</div>
<div class="line"><a id="l00087" name="l00087"></a><span class="lineno"> 87</span>}</div>
</div>
<div class="line"><a id="l00088" name="l00088"></a><span class="lineno"> 88</span><span class="comment"></span> </div>
<div class="line"><a id="l00089" name="l00089"></a><span class="lineno"> 89</span><span class="comment">/// @brief 要素をftxui::Screenに表示します。</span></div>
<div class="line"><a id="l00090" name="l00090"></a><span class="lineno"> 90</span><span class="comment">/// @ingroup dom</span></div>
<div class="foldopen" id="foldopen00091" data-start="{" data-end="}">
<div class="line"><a id="l00091" name="l00091"></a><span class="lineno"><a class="line" href="group__dom.html#ga32a24db985fa1b37bf686b00f7e1b4ff"> 91</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Screen">Screen</a>&amp; screen, <a class="code hl_class" href="group__dom.html#classftxui_1_1Node">Node</a>* node) {</div>
<div class="line"><a id="l00092" name="l00092"></a><span class="lineno"> 92</span> <a class="code hl_class" href="group__dom.html#classftxui_1_1Selection">Selection</a> selection;</div>
<div class="line"><a id="l00093" name="l00093"></a><span class="lineno"> 93</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(screen, node, selection);</div>
<div class="line"><a id="l00094" name="l00094"></a><span class="lineno"> 94</span>}</div>
</div>
<div class="line"><a id="l00095" name="l00095"></a><span class="lineno"> 95</span> </div>
<div class="foldopen" id="foldopen00096" data-start="{" data-end="};">
<div class="line"><a id="l00096" name="l00096"></a><span class="lineno"><a class="line" href="group__dom.html#ab35030b64136afa183d474d11bd1f6dd"> 96</a></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Screen">Screen</a>&amp; screen, <a class="code hl_class" href="group__dom.html#classftxui_1_1Node">Node</a>* node, <a class="code hl_class" href="group__dom.html#classftxui_1_1Selection">Selection</a>&amp; selection) {</div>
<div class="line"><a id="l00097" name="l00097"></a><span class="lineno"> 97</span> <a class="code hl_struct" href="group__screen.html#structftxui_1_1Box">Box</a> box;</div>
<div class="line"><a id="l00098" name="l00098"></a><span class="lineno"> 98</span> box.<a class="code hl_variable" href="group__screen.html#ae0951dcafafdc96ac1d8361c672d47e2">x_min</a> = 0;</div>
<div class="line"><a id="l00099" name="l00099"></a><span class="lineno"> 99</span> box.<a class="code hl_variable" href="group__screen.html#a7941ddc7e35fffb8864af1e922814401">y_min</a> = 0;</div>
<div class="line"><a id="l00100" name="l00100"></a><span class="lineno"> 100</span> box.<a class="code hl_variable" href="group__screen.html#a5f0bb6d8a3e66525c3e6264cb8288e43">x_max</a> = screen.<a class="code hl_function" href="group__screen.html#ae7a460c9dacd70ed81b1adfea46b492e">dimx</a>() - 1;</div>
<div class="line"><a id="l00101" name="l00101"></a><span class="lineno"> 101</span> box.<a class="code hl_variable" href="group__screen.html#ad033aea530fbbcf5bcd6cd98d882e3a5">y_max</a> = screen.<a class="code hl_function" href="group__screen.html#a0d283cfb1ec16b3fc13d344ebfea93d4">dimy</a>() - 1;</div>
<div class="line"><a id="l00102" name="l00102"></a><span class="lineno"> 102</span> </div>
<div class="line"><a id="l00103" name="l00103"></a><span class="lineno"> 103</span> <a class="code hl_struct" href="structftxui_1_1Node_1_1Status.html">Node::Status</a> status;</div>
<div class="line"><a id="l00104" name="l00104"></a><span class="lineno"> 104</span> node-&gt;<a class="code hl_function" href="group__dom.html#a5b71d891a102197f2856f53702425581">Check</a>(&amp;status);</div>
<div class="line"><a id="l00105" name="l00105"></a><span class="lineno"> 105</span> <span class="keyword">const</span> <span class="keywordtype">int</span> max_iterations = 20;</div>
<div class="line"><a id="l00106" name="l00106"></a><span class="lineno"> 106</span> <span class="keywordflow">while</span> (status.<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#a0fffbfa5479a3b6d3ddf5ff13504a51c">need_iteration</a> &amp;&amp; status.<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#aa6371382c6b4224e577e14ea610ab9a9">iteration</a> &lt; max_iterations) {</div>
<div class="line"><a id="l00107" name="l00107"></a><span class="lineno"> 107</span> <span class="comment">// ステップ1: この要素がどの次元になるかを検索します。</span></div>
<div class="line"><a id="l00108" name="l00108"></a><span class="lineno"> 108</span> node-&gt;<a class="code hl_function" href="group__dom.html#a40bd818c5de23bb2d208360d275ae59d">ComputeRequirement</a>();</div>
<div class="line"><a id="l00109" name="l00109"></a><span class="lineno"> 109</span> </div>
<div class="line"><a id="l00110" name="l00110"></a><span class="lineno"> 110</span> <span class="comment">// ステップ2: 要素に次元を割り当てます。</span></div>
<div class="line"><a id="l00111" name="l00111"></a><span class="lineno"> 111</span> node-&gt;<a class="code hl_function" href="group__dom.html#a2ed318aaadb07efc50e76fce1ccf9637">SetBox</a>(box);</div>
<div class="line"><a id="l00112" name="l00112"></a><span class="lineno"> 112</span> </div>
<div class="line"><a id="l00113" name="l00113"></a><span class="lineno"> 113</span> <span class="comment">// 要素がレイアウトアルゴリズムの別のイテレーションを必要とするかどうかを確認します。</span></div>
<div class="line"><a id="l00114" name="l00114"></a><span class="lineno"> 114</span> status.<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#a0fffbfa5479a3b6d3ddf5ff13504a51c">need_iteration</a> = <span class="keyword">false</span>;</div>
<div class="line"><a id="l00115" name="l00115"></a><span class="lineno"> 115</span> status.<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#aa6371382c6b4224e577e14ea610ab9a9">iteration</a>++;</div>
<div class="line"><a id="l00116" name="l00116"></a><span class="lineno"> 116</span> node-&gt;<a class="code hl_function" href="group__dom.html#a5b71d891a102197f2856f53702425581">Check</a>(&amp;status);</div>
<div class="line"><a id="l00117" name="l00117"></a><span class="lineno"> 117</span> }</div>
<div class="line"><a id="l00118" name="l00118"></a><span class="lineno"> 118</span> </div>
<div class="line"><a id="l00119" name="l00119"></a><span class="lineno"> 119</span> <span class="comment">// ステップ3: 選択</span></div>
<div class="line"><a id="l00120" name="l00120"></a><span class="lineno"> 120</span> <span class="keywordflow">if</span> (!selection.<a class="code hl_function" href="group__dom.html#a8e12342fc420701fbffd97025421575a">IsEmpty</a>()) {</div>
<div class="line"><a id="l00121" name="l00121"></a><span class="lineno"> 121</span> node-&gt;<a class="code hl_function" href="group__dom.html#a05352f5a353f1e86630a978060e77305">Select</a>(selection);</div>
<div class="line"><a id="l00122" name="l00122"></a><span class="lineno"> 122</span> }</div>
<div class="line"><a id="l00123" name="l00123"></a><span class="lineno"> 123</span> </div>
<div class="line"><a id="l00124" name="l00124"></a><span class="lineno"> 124</span> <span class="keywordflow">if</span> (node-&gt;<a class="code hl_function" href="group__dom.html#a39a263e8c8786dc62fcb4d734aad7fe6">requirement</a>().<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a>.<a class="code hl_variable" href="structftxui_1_1Requirement_1_1Focused.html#a8740ba80e30dd75e71d09fa1dcf04f3d">enabled</a></div>
<div class="line"><a id="l00125" name="l00125"></a><span class="lineno"> 125</span>#<span class="keywordflow">if</span> defined(FTXUI_MICROSOFT_TERMINAL_FALLBACK)</div>
<div class="line"><a id="l00126" name="l00126"></a><span class="lineno"> 126</span> <span class="comment">// カーソルを正しい位置に設定すると、CJK (中国語、日本語、韓国語など) 文字を使用するユーザーは、</span></div>
<div class="line"><a id="l00127" name="l00127"></a><span class="lineno"> 127</span> <span class="comment">// [入力メソッドエディタ] が正しい場所に表示されるのを確認できます。 [issue] を参照してください。</span></div>
<div class="line"><a id="l00128" name="l00128"></a><span class="lineno"> 128</span> <span class="comment">//</span></div>
<div class="line"><a id="l00129" name="l00129"></a><span class="lineno"> 129</span> <span class="comment">// [input method editor]:</span></div>
<div class="line"><a id="l00130" name="l00130"></a><span class="lineno"> 130</span> <span class="comment">// https://en.wikipedia.org/wiki/Input_method</span></div>
<div class="line"><a id="l00131" name="l00131"></a><span class="lineno"> 131</span> <span class="comment">//</span></div>
<div class="line"><a id="l00132" name="l00132"></a><span class="lineno"> 132</span> <span class="comment">// [issue]:</span></div>
<div class="line"><a id="l00133" name="l00133"></a><span class="lineno"> 133</span> <span class="comment">// https://github.com/ArthurSonzogni/FTXUI/issues/2#issuecomment-505282355</span></div>
<div class="line"><a id="l00134" name="l00134"></a><span class="lineno"> 134</span> <span class="comment">//</span></div>
<div class="line"><a id="l00135" name="l00135"></a><span class="lineno"> 135</span> <span class="comment">// 残念ながら、Microsoft Terminal はカーソルを適切に非表示にすることを処理しません。</span></div>
<div class="line"><a id="l00136" name="l00136"></a><span class="lineno"> 136</span> <span class="comment">// 代わりに、カーソルの下の文字が非表示になり、これは大きな問題です。</span></div>
<div class="line"><a id="l00137" name="l00137"></a><span class="lineno"> 137</span> <span class="comment">// その結果、カーソルを正しい位置に設定することはできません。</span></div>
<div class="line"><a id="l00138" name="l00138"></a><span class="lineno"> 138</span> <span class="comment">// 右下隅に表示されます。</span></div>
<div class="line"><a id="l00139" name="l00139"></a><span class="lineno"> 139</span> <span class="comment">// 参照:</span></div>
<div class="line"><a id="l00140" name="l00140"></a><span class="lineno"> 140</span> <span class="comment">// https://github.com/microsoft/terminal/issues/1203</span></div>
<div class="line"><a id="l00141" name="l00141"></a><span class="lineno"> 141</span> <span class="comment">// https://github.com/microsoft/terminal/issues/3093</span></div>
<div class="line"><a id="l00142" name="l00142"></a><span class="lineno"> 142</span> &amp;&amp;</div>
<div class="line"><a id="l00143" name="l00143"></a><span class="lineno"> 143</span> node-&gt;<a class="code hl_function" href="group__dom.html#a39a263e8c8786dc62fcb4d734aad7fe6">requirement</a>().<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a>.<a class="code hl_variable" href="structftxui_1_1Requirement_1_1Focused.html#a21f4c5c8f6862a204f795d4f0cb6d479">cursor_shape</a> != <a class="code hl_enumvalue" href="structftxui_1_1Screen_1_1Cursor.html#a55b506070847a13554f8b879c1bfb37cacf46e529658ebc6532c204f3246929f4">Screen::Cursor::Shape::Hidden</a></div>
<div class="line"><a id="l00144" name="l00144"></a><span class="lineno"> 144</span>#endif</div>
<div class="line"><a id="l00145" name="l00145"></a><span class="lineno"> 145</span> ) {</div>
<div class="line"><a id="l00146" name="l00146"></a><span class="lineno"> 146</span> screen.<a class="code hl_function" href="group__screen.html#a1aa24862a3d050b3aea2ade1300d51a7">SetCursor</a>(<a class="code hl_struct" href="structftxui_1_1Screen_1_1Cursor.html">Screen::Cursor</a>{</div>
<div class="line"><a id="l00147" name="l00147"></a><span class="lineno"> 147</span> node-&gt;<a class="code hl_function" href="group__dom.html#a39a263e8c8786dc62fcb4d734aad7fe6">requirement</a>().<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a>.<a class="code hl_variable" href="structftxui_1_1Requirement_1_1Focused.html#ab88cd70dad2e152cea983610f2a16e68">node</a>-&gt;<a class="code hl_variable" href="group__dom.html#aa7e7d30102945911407723a5cbcdfabc">box_</a>.<a class="code hl_variable" href="group__screen.html#a5f0bb6d8a3e66525c3e6264cb8288e43">x_max</a>,</div>
<div class="line"><a id="l00148" name="l00148"></a><span class="lineno"> 148</span> node-&gt;<a class="code hl_function" href="group__dom.html#a39a263e8c8786dc62fcb4d734aad7fe6">requirement</a>().<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a>.<a class="code hl_variable" href="structftxui_1_1Requirement_1_1Focused.html#ab88cd70dad2e152cea983610f2a16e68">node</a>-&gt;<a class="code hl_variable" href="group__dom.html#aa7e7d30102945911407723a5cbcdfabc">box_</a>.<a class="code hl_variable" href="group__screen.html#ad033aea530fbbcf5bcd6cd98d882e3a5">y_max</a>,</div>
<div class="line"><a id="l00149" name="l00149"></a><span class="lineno"> 149</span> node-&gt;<a class="code hl_function" href="group__dom.html#a39a263e8c8786dc62fcb4d734aad7fe6">requirement</a>().<a class="code hl_variable" href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">focused</a>.<a class="code hl_variable" href="structftxui_1_1Requirement_1_1Focused.html#a21f4c5c8f6862a204f795d4f0cb6d479">cursor_shape</a>,</div>
<div class="line"><a id="l00150" name="l00150"></a><span class="lineno"> 150</span> });</div>
<div class="line"><a id="l00151" name="l00151"></a><span class="lineno"> 151</span> } <span class="keywordflow">else</span> {</div>
<div class="line"><a id="l00152" name="l00152"></a><span class="lineno"> 152</span> screen.<a class="code hl_function" href="group__screen.html#a1aa24862a3d050b3aea2ade1300d51a7">SetCursor</a>(<a class="code hl_struct" href="structftxui_1_1Screen_1_1Cursor.html">Screen::Cursor</a>{</div>
<div class="line"><a id="l00153" name="l00153"></a><span class="lineno"> 153</span> screen.<a class="code hl_function" href="group__screen.html#ae7a460c9dacd70ed81b1adfea46b492e">dimx</a>() - 1,</div>
<div class="line"><a id="l00154" name="l00154"></a><span class="lineno"> 154</span> screen.<a class="code hl_function" href="group__screen.html#a0d283cfb1ec16b3fc13d344ebfea93d4">dimy</a>() - 1,</div>
<div class="line"><a id="l00155" name="l00155"></a><span class="lineno"> 155</span> <a class="code hl_enumvalue" href="structftxui_1_1Screen_1_1Cursor.html#a55b506070847a13554f8b879c1bfb37cacf46e529658ebc6532c204f3246929f4">Screen::Cursor::Shape::Hidden</a>,</div>
<div class="line"><a id="l00156" name="l00156"></a><span class="lineno"> 156</span> });</div>
<div class="line"><a id="l00157" name="l00157"></a><span class="lineno"> 157</span> }</div>
<div class="line"><a id="l00158" name="l00158"></a><span class="lineno"> 158</span> </div>
<div class="line"><a id="l00159" name="l00159"></a><span class="lineno"> 159</span> <span class="comment">// ステップ4: 要素を描画します。</span></div>
<div class="line"><a id="l00160" name="l00160"></a><span class="lineno"> 160</span> screen.<a class="code hl_variable" href="group__screen.html#a92cacd07ba30909855f19edc01192ff0">stencil</a> = box;</div>
<div class="line"><a id="l00161" name="l00161"></a><span class="lineno"> 161</span> node-&gt;<a class="code hl_function" href="group__dom.html#a7e286fe14880614686ceeec84a9a9702">Render</a>(screen);</div>
<div class="line"><a id="l00162" name="l00162"></a><span class="lineno"> 162</span> </div>
<div class="line"><a id="l00163" name="l00163"></a><span class="lineno"> 163</span> <span class="comment">// ステップ5: シェーダーを適用します。</span></div>
<div class="line"><a id="l00164" name="l00164"></a><span class="lineno"> 164</span> screen.<a class="code hl_function" href="group__screen.html#a04d18c0cb0df3ed7a01ca5c3b8711ff7">ApplyShader</a>();</div>
<div class="line"><a id="l00165" name="l00165"></a><span class="lineno"> 165</span>}</div>
</div>
<div class="line"><a id="l00166" name="l00166"></a><span class="lineno"> 166</span> </div>
<div class="foldopen" id="foldopen00167" data-start="{" data-end="}">
<div class="line"><a id="l00167" name="l00167"></a><span class="lineno"><a class="line" href="namespaceftxui.html#a1a3d5804148186b3d4bcc07391ba5f30"> 167</a></span>std::string <a class="code hl_function" href="namespaceftxui.html#a1a3d5804148186b3d4bcc07391ba5f30">GetNodeSelectedContent</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Screen">Screen</a>&amp; screen,</div>
<div class="line"><a id="l00168" name="l00168"></a><span class="lineno"> 168</span> <a class="code hl_class" href="group__dom.html#classftxui_1_1Node">Node</a>* node,</div>
<div class="line"><a id="l00169" name="l00169"></a><span class="lineno"> 169</span> <a class="code hl_class" href="group__dom.html#classftxui_1_1Selection">Selection</a>&amp; selection) {</div>
<div class="line"><a id="l00170" name="l00170"></a><span class="lineno"> 170</span> <a class="code hl_struct" href="group__screen.html#structftxui_1_1Box">Box</a> box;</div>
<div class="line"><a id="l00171" name="l00171"></a><span class="lineno"> 171</span> box.<a class="code hl_variable" href="group__screen.html#ae0951dcafafdc96ac1d8361c672d47e2">x_min</a> = 0;</div>
<div class="line"><a id="l00172" name="l00172"></a><span class="lineno"> 172</span> box.<a class="code hl_variable" href="group__screen.html#a7941ddc7e35fffb8864af1e922814401">y_min</a> = 0;</div>
<div class="line"><a id="l00173" name="l00173"></a><span class="lineno"> 173</span> box.<a class="code hl_variable" href="group__screen.html#a5f0bb6d8a3e66525c3e6264cb8288e43">x_max</a> = screen.<a class="code hl_function" href="group__screen.html#ae7a460c9dacd70ed81b1adfea46b492e">dimx</a>() - 1;</div>
<div class="line"><a id="l00174" name="l00174"></a><span class="lineno"> 174</span> box.<a class="code hl_variable" href="group__screen.html#ad033aea530fbbcf5bcd6cd98d882e3a5">y_max</a> = screen.<a class="code hl_function" href="group__screen.html#a0d283cfb1ec16b3fc13d344ebfea93d4">dimy</a>() - 1;</div>
<div class="line"><a id="l00175" name="l00175"></a><span class="lineno"> 175</span> </div>
<div class="line"><a id="l00176" name="l00176"></a><span class="lineno"> 176</span> <a class="code hl_struct" href="structftxui_1_1Node_1_1Status.html">Node::Status</a> status;</div>
<div class="line"><a id="l00177" name="l00177"></a><span class="lineno"> 177</span> node-&gt;<a class="code hl_function" href="group__dom.html#a5b71d891a102197f2856f53702425581">Check</a>(&amp;status);</div>
<div class="line"><a id="l00178" name="l00178"></a><span class="lineno"> 178</span> <span class="keyword">const</span> <span class="keywordtype">int</span> max_iterations = 20;</div>
<div class="line"><a id="l00179" name="l00179"></a><span class="lineno"> 179</span> <span class="keywordflow">while</span> (status.<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#a0fffbfa5479a3b6d3ddf5ff13504a51c">need_iteration</a> &amp;&amp; status.<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#aa6371382c6b4224e577e14ea610ab9a9">iteration</a> &lt; max_iterations) {</div>
<div class="line"><a id="l00180" name="l00180"></a><span class="lineno"> 180</span> <span class="comment">// ステップ1: この要素がどの次元になるかを検索します。</span></div>
<div class="line"><a id="l00181" name="l00181"></a><span class="lineno"> 181</span> node-&gt;<a class="code hl_function" href="group__dom.html#a40bd818c5de23bb2d208360d275ae59d">ComputeRequirement</a>();</div>
<div class="line"><a id="l00182" name="l00182"></a><span class="lineno"> 182</span> </div>
<div class="line"><a id="l00183" name="l00183"></a><span class="lineno"> 183</span> <span class="comment">// ステップ2: 要素に次元を割り当てます。</span></div>
<div class="line"><a id="l00184" name="l00184"></a><span class="lineno"> 184</span> node-&gt;<a class="code hl_function" href="group__dom.html#a2ed318aaadb07efc50e76fce1ccf9637">SetBox</a>(box);</div>
<div class="line"><a id="l00185" name="l00185"></a><span class="lineno"> 185</span> </div>
<div class="line"><a id="l00186" name="l00186"></a><span class="lineno"> 186</span> <span class="comment">// 要素がレイアウトアルゴリズムの別のイテレーションを必要とするかどうかを確認します。</span></div>
<div class="line"><a id="l00187" name="l00187"></a><span class="lineno"> 187</span> status.<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#a0fffbfa5479a3b6d3ddf5ff13504a51c">need_iteration</a> = <span class="keyword">false</span>;</div>
<div class="line"><a id="l00188" name="l00188"></a><span class="lineno"> 188</span> status.<a class="code hl_variable" href="structftxui_1_1Node_1_1Status.html#aa6371382c6b4224e577e14ea610ab9a9">iteration</a>++;</div>
<div class="line"><a id="l00189" name="l00189"></a><span class="lineno"> 189</span> node-&gt;<a class="code hl_function" href="group__dom.html#a5b71d891a102197f2856f53702425581">Check</a>(&amp;status);</div>
<div class="line"><a id="l00190" name="l00190"></a><span class="lineno"> 190</span> }</div>
<div class="line"><a id="l00191" name="l00191"></a><span class="lineno"> 191</span> </div>
<div class="line"><a id="l00192" name="l00192"></a><span class="lineno"> 192</span> <span class="comment">// ステップ3: 選択</span></div>
<div class="line"><a id="l00193" name="l00193"></a><span class="lineno"> 193</span> node-&gt;<a class="code hl_function" href="group__dom.html#a05352f5a353f1e86630a978060e77305">Select</a>(selection);</div>
<div class="line"><a id="l00194" name="l00194"></a><span class="lineno"> 194</span> </div>
<div class="line"><a id="l00195" name="l00195"></a><span class="lineno"> 195</span> <span class="comment">// ステップ4: 選択されたコンテンツを取得します。</span></div>
<div class="line"><a id="l00196" name="l00196"></a><span class="lineno"> 196</span> <span class="keywordflow">return</span> node-&gt;<a class="code hl_function" href="group__dom.html#a2c5cebe05557529299e649867b499680">GetSelectedContent</a>(selection);</div>
<div class="line"><a id="l00197" name="l00197"></a><span class="lineno"> 197</span>}</div>
</div>
<div class="line"><a id="l00198" name="l00198"></a><span class="lineno"> 198</span> </div>
<div class="line"><a id="l00199" name="l00199"></a><span class="lineno"> 199</span>} <span class="comment">// namespace ftxui</span></div>
<div class="ttc" id="abox_8hpp_html"><div class="ttname"><a href="box_8hpp.html">box.hpp</a></div></div>
<div class="ttc" id="agroup__dom_html_a03f5cc5dcad10fecb7a0b8203c86a13e"><div class="ttname"><a href="group__dom.html#a03f5cc5dcad10fecb7a0b8203c86a13e">ftxui::Selection::GetBox</a></div><div class="ttdeci">const Box &amp; GetBox() const</div><div class="ttdoc">選択範囲のボックスを取得します。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2selection_8cpp_source.html#l00067">src/ftxui/dom/selection.cpp:67</a></div></div>
<div class="ttc" id="agroup__dom_html_a05352f5a353f1e86630a978060e77305"><div class="ttname"><a href="group__dom.html#a05352f5a353f1e86630a978060e77305">ftxui::Node::Select</a></div><div class="ttdeci">virtual void Select(Selection &amp;selection)</div><div class="ttdoc">要素の選択を計算します。</div><div class="ttdef"><b>Definition</b> <a href="#l00046">node.cpp:46</a></div></div>
<div class="ttc" id="agroup__dom_html_a0d313fac56abd7ebe58a17f1530b879e"><div class="ttname"><a href="group__dom.html#a0d313fac56abd7ebe58a17f1530b879e">ftxui::Node::Node</a></div><div class="ttdeci">Node()</div></div>
<div class="ttc" id="agroup__dom_html_a2aeb117dade3254694355ab90e9fc566"><div class="ttname"><a href="group__dom.html#a2aeb117dade3254694355ab90e9fc566">ftxui::Node::children_</a></div><div class="ttdeci">Elements children_</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00076">node.hpp:76</a></div></div>
<div class="ttc" id="agroup__dom_html_a2c5cebe05557529299e649867b499680"><div class="ttname"><a href="group__dom.html#a2c5cebe05557529299e649867b499680">ftxui::Node::GetSelectedContent</a></div><div class="ttdeci">virtual std::string GetSelectedContent(Selection &amp;selection)</div><div class="ttdef"><b>Definition</b> <a href="#l00072">node.cpp:72</a></div></div>
<div class="ttc" id="agroup__dom_html_a2ed318aaadb07efc50e76fce1ccf9637"><div class="ttname"><a href="group__dom.html#a2ed318aaadb07efc50e76fce1ccf9637">ftxui::Node::SetBox</a></div><div class="ttdeci">virtual void SetBox(Box box)</div><div class="ttdoc">描画のために要素に位置と次元を割り当てます。</div><div class="ttdef"><b>Definition</b> <a href="#l00041">node.cpp:41</a></div></div>
<div class="ttc" id="agroup__dom_html_a3530d99687053ce0d0006b9dee9a1ca7"><div class="ttname"><a href="group__dom.html#a3530d99687053ce0d0006b9dee9a1ca7">ftxui::Node::requirement_</a></div><div class="ttdeci">Requirement requirement_</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00077">node.hpp:77</a></div></div>
<div class="ttc" id="agroup__dom_html_a39a263e8c8786dc62fcb4d734aad7fe6"><div class="ttname"><a href="group__dom.html#a39a263e8c8786dc62fcb4d734aad7fe6">ftxui::Node::requirement</a></div><div class="ttdeci">Requirement requirement()</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00050">node.hpp:50</a></div></div>
<div class="ttc" id="agroup__dom_html_a40bd818c5de23bb2d208360d275ae59d"><div class="ttname"><a href="group__dom.html#a40bd818c5de23bb2d208360d275ae59d">ftxui::Node::ComputeRequirement</a></div><div class="ttdeci">virtual void ComputeRequirement()</div><div class="ttdoc">要素が必要とするスペースを計算します。</div><div class="ttdef"><b>Definition</b> <a href="#l00020">node.cpp:20</a></div></div>
<div class="ttc" id="agroup__dom_html_a5b71d891a102197f2856f53702425581"><div class="ttname"><a href="group__dom.html#a5b71d891a102197f2856f53702425581">ftxui::Node::Check</a></div><div class="ttdeci">virtual void Check(Status *status)</div><div class="ttdef"><b>Definition</b> <a href="#l00065">node.cpp:65</a></div></div>
<div class="ttc" id="agroup__dom_html_a6fa6bf60f34f1e3efb0e59333428c9c8"><div class="ttname"><a href="group__dom.html#a6fa6bf60f34f1e3efb0e59333428c9c8">ftxui::Node::~Node</a></div><div class="ttdeci">virtual ~Node()</div></div>
<div class="ttc" id="agroup__dom_html_a7e286fe14880614686ceeec84a9a9702"><div class="ttname"><a href="group__dom.html#a7e286fe14880614686ceeec84a9a9702">ftxui::Node::Render</a></div><div class="ttdeci">virtual void Render(Screen &amp;screen)</div><div class="ttdoc">要素をftxui::Screenに表示します。</div><div class="ttdef"><b>Definition</b> <a href="#l00059">node.cpp:59</a></div></div>
<div class="ttc" id="agroup__dom_html_a8e12342fc420701fbffd97025421575a"><div class="ttname"><a href="group__dom.html#a8e12342fc420701fbffd97025421575a">ftxui::Selection::IsEmpty</a></div><div class="ttdeci">bool IsEmpty() const</div><div class="ttdef"><b>Definition</b> <a href="selection_8hpp_source.html#l00029">selection.hpp:29</a></div></div>
<div class="ttc" id="agroup__dom_html_aa4da656616dd87d4e82a4ee718db6b3c"><div class="ttname"><a href="group__dom.html#aa4da656616dd87d4e82a4ee718db6b3c">ftxui::Requirement::focused</a></div><div class="ttdeci">Focused focused</div><div class="ttdef"><b>Definition</b> <a href="requirement_8hpp_source.html#l00050">requirement.hpp:50</a></div></div>
<div class="ttc" id="agroup__dom_html_aa7e7d30102945911407723a5cbcdfabc"><div class="ttname"><a href="group__dom.html#aa7e7d30102945911407723a5cbcdfabc">ftxui::Node::box_</a></div><div class="ttdeci">Box box_</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00078">node.hpp:78</a></div></div>
<div class="ttc" id="agroup__dom_html_ab35030b64136afa183d474d11bd1f6dd"><div class="ttname"><a href="group__dom.html#ab35030b64136afa183d474d11bd1f6dd">ftxui::Node::Render</a></div><div class="ttdeci">friend void Render(Screen &amp;screen, Node *node, Selection &amp;selection)</div><div class="ttdef"><b>Definition</b> <a href="#l00096">node.cpp:96</a></div></div>
<div class="ttc" id="agroup__dom_html_classftxui_1_1Node"><div class="ttname"><a href="group__dom.html#classftxui_1_1Node">ftxui::Node</a></div><div class="ttdoc">NodeはDOMツリー内のすべての要素の基底クラスです。</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00036">node.hpp:36</a></div></div>
<div class="ttc" id="agroup__dom_html_classftxui_1_1Selection"><div class="ttname"><a href="group__dom.html#classftxui_1_1Selection">ftxui::Selection</a></div><div class="ttdoc">ターミナルユーザーインターフェースにおける選択範囲を表します。</div><div class="ttdef"><b>Definition</b> <a href="selection_8hpp_source.html#l00020">selection.hpp:20</a></div></div>
<div class="ttc" id="agroup__dom_html_gad4b8aa9392f56ba41e2b421e046a7d83"><div class="ttname"><a href="group__dom.html#gad4b8aa9392f56ba41e2b421e046a7d83">ftxui::Render</a></div><div class="ttdeci">void Render(Screen &amp;screen, const Element &amp;element)</div><div class="ttdoc">要素をftxui::Screenに表示します。</div><div class="ttdef"><b>Definition</b> <a href="#l00084">node.cpp:84</a></div></div>
<div class="ttc" id="agroup__screen_html_a04d18c0cb0df3ed7a01ca5c3b8711ff7"><div class="ttname"><a href="group__screen.html#a04d18c0cb0df3ed7a01ca5c3b8711ff7">ftxui::Screen::ApplyShader</a></div><div class="ttdeci">void ApplyShader()</div><div class="ttdef"><b>Definition</b> <a href="screen_8cpp_source.html#l00499">screen.cpp:499</a></div></div>
<div class="ttc" id="agroup__screen_html_a0d283cfb1ec16b3fc13d344ebfea93d4"><div class="ttname"><a href="group__screen.html#a0d283cfb1ec16b3fc13d344ebfea93d4">ftxui::Image::dimy</a></div><div class="ttdeci">int dimy() const</div><div class="ttdef"><b>Definition</b> <a href="image_8hpp_source.html#l00036">image.hpp:36</a></div></div>
<div class="ttc" id="agroup__screen_html_a1aa24862a3d050b3aea2ade1300d51a7"><div class="ttname"><a href="group__screen.html#a1aa24862a3d050b3aea2ade1300d51a7">ftxui::Screen::SetCursor</a></div><div class="ttdeci">void SetCursor(Cursor cursor)</div><div class="ttdef"><b>Definition</b> <a href="screen_8hpp_source.html#l00065">screen.hpp:65</a></div></div>
<div class="ttc" id="agroup__screen_html_a5f0bb6d8a3e66525c3e6264cb8288e43"><div class="ttname"><a href="group__screen.html#a5f0bb6d8a3e66525c3e6264cb8288e43">ftxui::Box::x_max</a></div><div class="ttdeci">int x_max</div><div class="ttdef"><b>Definition</b> <a href="box_8hpp_source.html#l00016">box.hpp:16</a></div></div>
<div class="ttc" id="agroup__screen_html_a7941ddc7e35fffb8864af1e922814401"><div class="ttname"><a href="group__screen.html#a7941ddc7e35fffb8864af1e922814401">ftxui::Box::y_min</a></div><div class="ttdeci">int y_min</div><div class="ttdef"><b>Definition</b> <a href="box_8hpp_source.html#l00017">box.hpp:17</a></div></div>
<div class="ttc" id="agroup__screen_html_a83d40499d9e8740c35dc2352c2ac84a8"><div class="ttname"><a href="group__screen.html#a83d40499d9e8740c35dc2352c2ac84a8">ftxui::Box::Intersection</a></div><div class="ttdeci">static auto Intersection(Box a, Box b) -&gt; Box</div><div class="ttdef"><b>Definition</b> <a href="box_8cpp_source.html#l00010">box.cpp:10</a></div></div>
<div class="ttc" id="agroup__screen_html_a92cacd07ba30909855f19edc01192ff0"><div class="ttname"><a href="group__screen.html#a92cacd07ba30909855f19edc01192ff0">ftxui::Image::stencil</a></div><div class="ttdeci">Box stencil</div><div class="ttdef"><b>Definition</b> <a href="image_8hpp_source.html#l00041">image.hpp:41</a></div></div>
<div class="ttc" id="agroup__screen_html_ad033aea530fbbcf5bcd6cd98d882e3a5"><div class="ttname"><a href="group__screen.html#ad033aea530fbbcf5bcd6cd98d882e3a5">ftxui::Box::y_max</a></div><div class="ttdeci">int y_max</div><div class="ttdef"><b>Definition</b> <a href="box_8hpp_source.html#l00018">box.hpp:18</a></div></div>
<div class="ttc" id="agroup__screen_html_ae0951dcafafdc96ac1d8361c672d47e2"><div class="ttname"><a href="group__screen.html#ae0951dcafafdc96ac1d8361c672d47e2">ftxui::Box::x_min</a></div><div class="ttdeci">int x_min</div><div class="ttdef"><b>Definition</b> <a href="box_8hpp_source.html#l00015">box.hpp:15</a></div></div>
<div class="ttc" id="agroup__screen_html_ae7a460c9dacd70ed81b1adfea46b492e"><div class="ttname"><a href="group__screen.html#ae7a460c9dacd70ed81b1adfea46b492e">ftxui::Image::dimx</a></div><div class="ttdeci">int dimx() const</div><div class="ttdef"><b>Definition</b> <a href="image_8hpp_source.html#l00035">image.hpp:35</a></div></div>
<div class="ttc" id="agroup__screen_html_classftxui_1_1Screen"><div class="ttname"><a href="group__screen.html#classftxui_1_1Screen">ftxui::Screen</a></div><div class="ttdoc">ピクセルの長方形グリッド。</div><div class="ttdef"><b>Definition</b> <a href="screen_8hpp_source.html#l00025">screen.hpp:25</a></div></div>
<div class="ttc" id="agroup__screen_html_structftxui_1_1Box"><div class="ttname"><a href="group__screen.html#structftxui_1_1Box">ftxui::Box</a></div><div class="ttdoc">Boxは、2D空間における矩形領域を表す構造体です。</div><div class="ttdef"><b>Definition</b> <a href="box_8hpp_source.html#l00014">box.hpp:14</a></div></div>
<div class="ttc" id="anamespaceftxui_html"><div class="ttname"><a href="namespaceftxui.html">ftxui</a></div><div class="ttdoc">FTXUI ftxui:: 名前空間</div><div class="ttdef"><b>Definition</b> <a href="animation_8hpp_source.html#l00009">animation.hpp:9</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a1a3d5804148186b3d4bcc07391ba5f30"><div class="ttname"><a href="namespaceftxui.html#a1a3d5804148186b3d4bcc07391ba5f30">ftxui::GetNodeSelectedContent</a></div><div class="ttdeci">std::string GetNodeSelectedContent(Screen &amp;screen, Node *node, Selection &amp;selection)</div><div class="ttdef"><b>Definition</b> <a href="#l00167">node.cpp:167</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a2bc31f2d685189e5c61d2293a1f51b4f"><div class="ttname"><a href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">ftxui::Element</a></div><div class="ttdeci">std::shared_ptr&lt; Node &gt; Element</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00021">elements.hpp:21</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a5d4aa06ca6cc6a72e981bd5386f93f0a"><div class="ttname"><a href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">ftxui::Elements</a></div><div class="ttdeci">std::vector&lt; Element &gt; Elements</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00022">elements.hpp:22</a></div></div>
<div class="ttc" id="anode_8hpp_html"><div class="ttname"><a href="node_8hpp.html">node.hpp</a></div></div>
<div class="ttc" id="ascreen_8hpp_html"><div class="ttname"><a href="screen_8hpp.html">screen.hpp</a></div></div>
<div class="ttc" id="aselection_8hpp_html"><div class="ttname"><a href="selection_8hpp.html">selection.hpp</a></div></div>
<div class="ttc" id="astructftxui_1_1Node_1_1Status_html"><div class="ttname"><a href="structftxui_1_1Node_1_1Status.html">ftxui::Node::Status</a></div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00067">node.hpp:67</a></div></div>
<div class="ttc" id="astructftxui_1_1Node_1_1Status_html_a0fffbfa5479a3b6d3ddf5ff13504a51c"><div class="ttname"><a href="structftxui_1_1Node_1_1Status.html#a0fffbfa5479a3b6d3ddf5ff13504a51c">ftxui::Node::Status::need_iteration</a></div><div class="ttdeci">bool need_iteration</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00069">node.hpp:69</a></div></div>
<div class="ttc" id="astructftxui_1_1Node_1_1Status_html_aa6371382c6b4224e577e14ea610ab9a9"><div class="ttname"><a href="structftxui_1_1Node_1_1Status.html#aa6371382c6b4224e577e14ea610ab9a9">ftxui::Node::Status::iteration</a></div><div class="ttdeci">int iteration</div><div class="ttdef"><b>Definition</b> <a href="node_8hpp_source.html#l00068">node.hpp:68</a></div></div>
<div class="ttc" id="astructftxui_1_1Requirement_1_1Focused_html_a21f4c5c8f6862a204f795d4f0cb6d479"><div class="ttname"><a href="structftxui_1_1Requirement_1_1Focused.html#a21f4c5c8f6862a204f795d4f0cb6d479">ftxui::Requirement::Focused::cursor_shape</a></div><div class="ttdeci">Screen::Cursor::Shape cursor_shape</div><div class="ttdef"><b>Definition</b> <a href="requirement_8hpp_source.html#l00033">requirement.hpp:33</a></div></div>
<div class="ttc" id="astructftxui_1_1Requirement_1_1Focused_html_a8740ba80e30dd75e71d09fa1dcf04f3d"><div class="ttname"><a href="structftxui_1_1Requirement_1_1Focused.html#a8740ba80e30dd75e71d09fa1dcf04f3d">ftxui::Requirement::Focused::enabled</a></div><div class="ttdeci">bool enabled</div><div class="ttdef"><b>Definition</b> <a href="requirement_8hpp_source.html#l00030">requirement.hpp:30</a></div></div>
<div class="ttc" id="astructftxui_1_1Requirement_1_1Focused_html_ab88cd70dad2e152cea983610f2a16e68"><div class="ttname"><a href="structftxui_1_1Requirement_1_1Focused.html#ab88cd70dad2e152cea983610f2a16e68">ftxui::Requirement::Focused::node</a></div><div class="ttdeci">Node * node</div><div class="ttdef"><b>Definition</b> <a href="requirement_8hpp_source.html#l00032">requirement.hpp:32</a></div></div>
<div class="ttc" id="astructftxui_1_1Screen_1_1Cursor_html"><div class="ttname"><a href="structftxui_1_1Screen_1_1Cursor.html">ftxui::Screen::Cursor</a></div><div class="ttdef"><b>Definition</b> <a href="screen_8hpp_source.html#l00048">screen.hpp:48</a></div></div>
<div class="ttc" id="astructftxui_1_1Screen_1_1Cursor_html_a55b506070847a13554f8b879c1bfb37cacf46e529658ebc6532c204f3246929f4"><div class="ttname"><a href="structftxui_1_1Screen_1_1Cursor.html#a55b506070847a13554f8b879c1bfb37cacf46e529658ebc6532c204f3246929f4">ftxui::Screen::Cursor::Hidden</a></div><div class="ttdeci">@ Hidden</div><div class="ttdef"><b>Definition</b> <a href="screen_8hpp_source.html#l00053">screen.hpp:53</a></div></div>
</div><!-- fragment --></div><!-- contents -->
</div><!-- doc-content -->
<!-- HTML footer for doxygen 1.9.8-->
<!-- start footer part -->
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const projectNumber = document.getElementById('projectname');
if (!projectNumber) {
console.warn('Doxygen element with ID "projectnumber" not found. Cannot add version switcher.');
return;
}
const langs = ["en", "es", "fr", "ja", "zh-CH", "zh-TW"];
const lang_paths = {"en": "../index.html", "es": "../es/index.html", "fr": "../fr/index.html", "ja": "index.html", "zh-CH": "../zh-CH/index.html", "zh-TW": "../zh-TW/index.html"};
const lang_display = {"en": "English", "es": "Espa\u00f1ol", "fr": "Fran\u00e7ais", "ja": "\u65e5\u672c\u8a9e", "zh-CH": "\u4e2d\u6587 (\u7b80\u4f53)", "zh-TW": "\u4e2d\u6587 (\u7e41\u9ad4)"};
const versions = ["main"];
const version_paths = {"main": "index.html"};
const currentLang = "ja";
const currentVersion = "main";
// Helper function to create a styled select element
const createSelect = (options, current, paths, label, displayMap = null) => {
const select = document.createElement('select');
select.title = label;
select.onchange = function() {
const selectedValue = this.value;
if (selectedValue in paths) {
window.location.href = paths[selectedValue];
}
};
// Sort versions: 'main' first, then others numerically descending.
options.sort((a, b) => {
if (a === 'main') return -1;
if (b === 'main') return 1;
return b.localeCompare(a, undefined, { numeric: true, sensitivity: 'base' });
});
options.forEach(v => {
const option = document.createElement('option');
option.value = v;
// Use the displayMap if provided, otherwise default to the value (v)
option.textContent = displayMap ? displayMap[v] : v;
if (v === current) {
option.selected = true;
}
select.appendChild(option);
});
// Apply some styling to make it look good.
Object.assign(select.style, {
backgroundColor: 'rgba(0, 0, 0, 0.8)',
color: 'white',
border: '1px solid rgba(255, 255, 255, 0.2)',
padding: '5px',
borderRadius: '5px',
fontSize: '14px',
fontFamily: 'inherit',
margin: '0 5px 0 0',
cursor: 'pointer'
});
return select;
};
// 1. Create Language Switcher, passing the language display names map
const langSelect = createSelect(langs, currentLang, lang_paths, 'Select Language', lang_display);
// 2. Create Version Switcher
const versionSelect = createSelect(versions, currentVersion, version_paths, 'Select Version');
// 3. Create FTXUI title.
const ftxuiTitle = document.createElement('span');
ftxuiTitle.textContent = 'FTXUI: ';
Object.assign(ftxuiTitle.style, {
color: 'white',
fontSize: '20px',
fontWeight: 'bold',
marginRight: '10px'
});
// 3. Create a container to hold both selectors
const container = document.createElement('div');
container.id = 'version-lang-switchers';
Object.assign(container.style, {
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
width: 'auto'
});
container.appendChild(ftxuiTitle);
container.appendChild(langSelect);
container.appendChild(versionSelect);
Object.assign(container.style, {
backgroundColor: 'rgba(0, 0, 0, 0.5)',
padding: '5px 10px',
borderRadius: '8px'
});
// Replace the Doxygen project number element with our container.
projectNumber.replaceWith(container);
// Clean up the original Doxygen project number text if it still exists nearby
const parent = container.parentElement;
if (parent) {
const textNode = Array.from(parent.childNodes).find(n => n.nodeType === 3 && n.textContent.trim() !== '');
if (textNode) {
textNode.remove();
}
}
});
</script>
</body>
</html>