Update from slint-ui/slint

Update tng docs from commit 97b5bb4e4297bb6fda0739f5135e14d58b8f549d (refs/heads/docs-tng)
slint-ui · Nov 1, 2024 · 356ea35 · 356ea35
1 parent 264e92c
commit 356ea35
Show file tree

Hide file tree

Showing 54 changed files with 93 additions and 92 deletions.
diff --git a/snapshots/tng/_astro/basics-example.ByHvqjUL_2erUXi.webp b/snapshots/tng/_astro/basics-example.ByHvqjUL_2erUXi.webp
diff --git a/snapshots/tng/_astro/ec.fq3m0.css → snapshots/tng/_astro/ec.x2uya.css b/snapshots/tng/_astro/ec.fq3m0.css → snapshots/tng/_astro/ec.x2uya.css
diff --git a/snapshots/tng/_astro/test1.C_-FF_p1_Z1ruFXX.webp b/snapshots/tng/_astro/test1.C_-FF_p1_Z1ruFXX.webp
diff --git a/snapshots/tng/_astro/test2.Bq2A-nKB_Z1TowdB.webp b/snapshots/tng/_astro/test2.Bq2A-nKB_Z1TowdB.webp
diff --git a/snapshots/tng/_astro/text-color.KebxHyL1_mx52n.webp b/snapshots/tng/_astro/text-color.KebxHyL1_mx52n.webp
diff --git a/snapshots/tng/_astro/text-font-family.CZA6ocB6_ZCdNw5.webp b/snapshots/tng/_astro/text-font-family.CZA6ocB6_ZCdNw5.webp
diff --git a/snapshots/tng/_astro/text-font-italic.BOFlyZQ0_Z1brYC1.webp b/snapshots/tng/_astro/text-font-italic.BOFlyZQ0_Z1brYC1.webp
diff --git a/snapshots/tng/_astro/text-font-size.DApb5_xC_Z2dXXi5.webp b/snapshots/tng/_astro/text-font-size.DApb5_xC_Z2dXXi5.webp
diff --git a/snapshots/tng/_astro/text-font-weight.B_UbeGI__11ihA9.webp b/snapshots/tng/_astro/text-font-weight.B_UbeGI__11ihA9.webp
diff --git a/snapshots/tng/_astro/text-horizontal-alignment.CMy8OODa_1Sx6iF.webp b/snapshots/tng/_astro/text-horizontal-alignment.CMy8OODa_1Sx6iF.webp
diff --git a/snapshots/tng/_astro/text_rotation.s43BONih_2aPMed.webp b/snapshots/tng/_astro/text_rotation.s43BONih_2aPMed.webp
diff --git a/snapshots/tng/_astro/text_stroke-style.BejpsWu-_1NSmoy.webp b/snapshots/tng/_astro/text_stroke-style.BejpsWu-_1NSmoy.webp
diff --git a/snapshots/tng/_astro/text_wrap.HJrrNAgO_17kulj.webp b/snapshots/tng/_astro/text_wrap.HJrrNAgO_17kulj.webp
diff --git a/snapshots/tng/elements/dialog/index.html b/snapshots/tng/elements/dialog/index.html
diff --git a/snapshots/tng/elements/flickable/index.html b/snapshots/tng/elements/flickable/index.html
diff --git a/snapshots/tng/elements/focusscope/index.html b/snapshots/tng/elements/focusscope/index.html
diff --git a/snapshots/tng/elements/gridlayout/index.html b/snapshots/tng/elements/gridlayout/index.html
@@ -105,7 +105,7 @@ <h3 id="padding-bottom"><code dir="auto">padding-bottom</code></h3>
 <div class="sl-markdown-content"> <p> <strong>type:</strong> <a href="/tng/guide/types/" dir="auto"> <code>length</code> </a>  <br> <strong>default:</strong> <code dir="auto">0px</code><br>   </p>  </div>
 <h3 id="examples">Examples</h3>
 <p>This example uses the <code dir="auto">Row</code> element:</p>
-<div class="expressive-code"><link rel="stylesheet" href="/tng/_astro/ec.fq3m0.css"><script type="module" src="/tng/_astro/ec.8zarh.js"></script><figure class="frame not-content"><figcaption class="header"></figcaption><pre data-language="slint"><code><div class="ec-line"><div class="code"><span style="--0:#569CD6;--1:#0000FF">export</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#569CD6;--1:#0000FF">component</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#4EC9B0;--1:#227188">Foo</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#569CD6;--1:#0000FF">inherits</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#4EC9B0;--1:#227188">Window</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">width</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">200px</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">height</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">200px</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#4EC9B0;--1:#227188">GridLayout</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#9CDCFE;--1:#001080">spacing</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">5px</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Row</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">            </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: red; }</span></div></div><div class="ec-line"><div class="code"><span class="indent">            </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: blue; }</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#CCCCCC;--1:#3B3B3B">        </span></span><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Row</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">            </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: yellow; }</span></div></div><div class="ec-line"><div class="code"><span class="indent">            </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: green; }</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#CCCCCC;--1:#3B3B3B">        </span></span><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#CCCCCC;--1:#3B3B3B">    </span></span><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div><div class="ec-line"><div class="code"><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div></code></pre><div class="copy"><button title="Copy to clipboard" data-copied="Copied!" data-code="export component Foo inherits Window {    width: 200px;    height: 200px;    GridLayout {        spacing: 5px;        Row {            Rectangle { background: red; }            Rectangle { background: blue; }        }        Row {            Rectangle { background: yellow; }            Rectangle { background: green; }        }    }}"><div></div></button></div></figure></div>
+<div class="expressive-code"><link rel="stylesheet" href="/tng/_astro/ec.x2uya.css"><script type="module" src="/tng/_astro/ec.8zarh.js"></script><figure class="frame not-content"><figcaption class="header"></figcaption><pre data-language="slint"><code><div class="ec-line"><div class="code"><span style="--0:#569CD6;--1:#0000FF">export</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#569CD6;--1:#0000FF">component</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#4EC9B0;--1:#227188">Foo</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#569CD6;--1:#0000FF">inherits</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#4EC9B0;--1:#227188">Window</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">width</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">200px</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">height</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">200px</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#4EC9B0;--1:#227188">GridLayout</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#9CDCFE;--1:#001080">spacing</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">5px</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Row</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">            </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: red; }</span></div></div><div class="ec-line"><div class="code"><span class="indent">            </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: blue; }</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#CCCCCC;--1:#3B3B3B">        </span></span><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Row</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">            </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: yellow; }</span></div></div><div class="ec-line"><div class="code"><span class="indent">            </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: green; }</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#CCCCCC;--1:#3B3B3B">        </span></span><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#CCCCCC;--1:#3B3B3B">    </span></span><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div><div class="ec-line"><div class="code"><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div></code></pre><div class="copy"><button title="Copy to clipboard" data-copied="Copied!" data-code="export component Foo inherits Window {    width: 200px;    height: 200px;    GridLayout {        spacing: 5px;        Row {            Rectangle { background: red; }            Rectangle { background: blue; }        }        Row {            Rectangle { background: yellow; }            Rectangle { background: green; }        }    }}"><div></div></button></div></figure></div>
 <p>This example uses the <code dir="auto">col</code> and <code dir="auto">row</code> properties</p>
 <div class="expressive-code"><figure class="frame not-content"><figcaption class="header"></figcaption><pre data-language="slint"><code><div class="ec-line"><div class="code"><span style="--0:#569CD6;--1:#0000FF">export</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#569CD6;--1:#0000FF">component</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#4EC9B0;--1:#227188">Foo</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#569CD6;--1:#0000FF">inherits</span><span style="--0:#CCCCCC;--1:#3B3B3B"> </span><span style="--0:#4EC9B0;--1:#227188">Window</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">width</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">200px</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#9CDCFE;--1:#001080">height</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">150px</span><span style="--0:#CCCCCC;--1:#3B3B3B">;</span></div></div><div class="ec-line"><div class="code"><span class="indent">    </span><span style="--0:#4EC9B0;--1:#227188">GridLayout</span><span style="--0:#CCCCCC;--1:#3B3B3B"> {</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: red; }</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: blue; }</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: yellow; </span><span style="--0:#9CDCFE;--1:#001080">row</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">1</span><span style="--0:#CCCCCC;--1:#3B3B3B">; }</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: green; }</span></div></div><div class="ec-line"><div class="code"><span class="indent">        </span><span style="--0:#4EC9B0;--1:#227188">Rectangle</span><span style="--0:#CCCCCC;--1:#3B3B3B"> { </span><span style="--0:#9CDCFE;--1:#001080">background</span><span style="--0:#CCCCCC;--1:#3B3B3B">: black; </span><span style="--0:#9CDCFE;--1:#001080">col</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">2</span><span style="--0:#CCCCCC;--1:#3B3B3B">; </span><span style="--0:#9CDCFE;--1:#001080">row</span><span style="--0:#CCCCCC;--1:#3B3B3B">: </span><span style="--0:#B5CEA8;--1:#08774E">0</span><span style="--0:#CCCCCC;--1:#3B3B3B">; }</span></div></div><div class="ec-line"><div class="code"><span class="indent"><span style="--0:#CCCCCC;--1:#3B3B3B">    </span></span><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div><div class="ec-line"><div class="code"><span style="--0:#CCCCCC;--1:#3B3B3B">}</span></div></div></code></pre><div class="copy"><button title="Copy to clipboard" data-copied="Copied!" data-code="export component Foo inherits Window {    width: 200px;    height: 150px;    GridLayout {        Rectangle { background: red; }        Rectangle { background: blue; }        Rectangle { background: yellow; row: 1; }        Rectangle { background: green; }        Rectangle { background: black; col: 2; row: 0; }    }}"><div></div></button></div></figure></div>
 <h2 id="cell-elements">Cell elements</h2>