diff options
Diffstat (limited to 'api/pl.treksoft.kvision.core/-styled-component/index.html')
| -rw-r--r-- | api/pl.treksoft.kvision.core/-styled-component/index.html | 397 |
1 files changed, 192 insertions, 205 deletions
diff --git a/api/pl.treksoft.kvision.core/-styled-component/index.html b/api/pl.treksoft.kvision.core/-styled-component/index.html index d5329040..811d37a0 100644 --- a/api/pl.treksoft.kvision.core/-styled-component/index.html +++ b/api/pl.treksoft.kvision.core/-styled-component/index.html @@ -8,19 +8,19 @@ <a href="../../index.html">kvision</a> / <a href="../index.html">pl.treksoft.kvision.core</a> / <a href="./index.html">StyledComponent</a><br/> <br/> <h1>StyledComponent</h1> -<code><span class="keyword">abstract</span> <span class="keyword">class </span><span class="identifier">StyledComponent</span></code> +(js) <code><span class="keyword">abstract</span> <span class="keyword">class </span><span class="identifier">StyledComponent</span></code> <p>Base class for components supporting CSS styling.</p> <h3>Constructors</h3> <table> <tbody> <tr> <td> -<p><a href="-init-.html"><init></a></p> +(js) +<h4><a href="-init-.html"><init></a></h4> </td> <td> -<code><span class="identifier">StyledComponent</span><span class="symbol">(</span><span class="symbol">)</span></code> <p>Base class for components supporting CSS styling.</p> -</td> +<code><span class="identifier">StyledComponent</span><span class="symbol">(</span><span class="symbol">)</span></code></td> </tr> </tbody> </table> @@ -29,534 +29,534 @@ <tbody> <tr> <td> -<p><a href="background.html">background</a></p> +(js) +<h4><a href="background.html">background</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">background</span><span class="symbol">: </span><a href="../-background/index.html"><span class="identifier">Background</span></a><span class="symbol">?</span></code> <p>Background of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">background</span><span class="symbol">: </span><a href="../-background/index.html"><span class="identifier">Background</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="border.html">border</a></p> +(js) +<h4><a href="border.html">border</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">border</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code> <p>Border of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">border</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="border-bottom.html">borderBottom</a></p> +(js) +<h4><a href="border-bottom.html">borderBottom</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">borderBottom</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code> <p>Bottom border of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">borderBottom</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="border-left.html">borderLeft</a></p> +(js) +<h4><a href="border-left.html">borderLeft</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">borderLeft</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code> <p>Left border of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">borderLeft</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="border-right.html">borderRight</a></p> +(js) +<h4><a href="border-right.html">borderRight</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">borderRight</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code> <p>Right border of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">borderRight</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="border-top.html">borderTop</a></p> +(js) +<h4><a href="border-top.html">borderTop</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">borderTop</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code> <p>Top border of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">borderTop</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="bottom.html">bottom</a></p> +(js) +<h4><a href="bottom.html">bottom</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">bottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Bottom edge of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">bottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="clear.html">clear</a></p> +(js) +<h4><a href="clear.html">clear</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">clear</span><span class="symbol">: </span><a href="../-clear/index.html"><span class="identifier">Clear</span></a><span class="symbol">?</span></code> <p>CSS clear float of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">clear</span><span class="symbol">: </span><a href="../-clear/index.html"><span class="identifier">Clear</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="color.html">color</a></p> +(js) +<h4><a href="color.html">color</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">color</span><span class="symbol">: </span><a href="../-color/index.html"><span class="identifier">Color</span></a><span class="symbol">?</span></code> <p>Text color for the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">color</span><span class="symbol">: </span><a href="../-color/index.html"><span class="identifier">Color</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="color-hex.html">colorHex</a></p> +(js) +<h4><a href="color-hex.html">colorHex</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">colorHex</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span></code> <p>Text color for the current component given in hex format (write only).</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">colorHex</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="color-name.html">colorName</a></p> +(js) +<h4><a href="color-name.html">colorName</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">colorName</span><span class="symbol">: </span><a href="../-col/index.html"><span class="identifier">Col</span></a><span class="symbol">?</span></code> <p>Text color for the current component given with named constant (write only).</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">colorName</span><span class="symbol">: </span><a href="../-col/index.html"><span class="identifier">Col</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="cursor.html">cursor</a></p> +(js) +<h4><a href="cursor.html">cursor</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">cursor</span><span class="symbol">: </span><a href="../-cursor/index.html"><span class="identifier">Cursor</span></a><span class="symbol">?</span></code> <p>CSS cursor shape over the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">cursor</span><span class="symbol">: </span><a href="../-cursor/index.html"><span class="identifier">Cursor</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="display.html">display</a></p> +(js) +<h4><a href="display.html">display</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">display</span><span class="symbol">: </span><a href="../-display/index.html"><span class="identifier">Display</span></a><span class="symbol">?</span></code> <p>CSS display of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">display</span><span class="symbol">: </span><a href="../-display/index.html"><span class="identifier">Display</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="float.html">float</a></p> +(js) +<h4><a href="float.html">float</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">float</span><span class="symbol">: </span><a href="../-pos-float/index.html"><span class="identifier">PosFloat</span></a><span class="symbol">?</span></code> <p>CSS position float of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">float</span><span class="symbol">: </span><a href="../-pos-float/index.html"><span class="identifier">PosFloat</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="font-family.html">fontFamily</a></p> +(js) +<h4><a href="font-family.html">fontFamily</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontFamily</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span></code> <p>CSS font family of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontFamily</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="font-size.html">fontSize</a></p> +(js) +<h4><a href="font-size.html">fontSize</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontSize</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>CSS font size of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontSize</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="font-style.html">fontStyle</a></p> +(js) +<h4><a href="font-style.html">fontStyle</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontStyle</span><span class="symbol">: </span><a href="../-font-style/index.html"><span class="identifier">FontStyle</span></a><span class="symbol">?</span></code> <p>CSS font style of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontStyle</span><span class="symbol">: </span><a href="../-font-style/index.html"><span class="identifier">FontStyle</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="font-variant.html">fontVariant</a></p> +(js) +<h4><a href="font-variant.html">fontVariant</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontVariant</span><span class="symbol">: </span><a href="../-font-variant/index.html"><span class="identifier">FontVariant</span></a><span class="symbol">?</span></code> <p>CSS font variant of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontVariant</span><span class="symbol">: </span><a href="../-font-variant/index.html"><span class="identifier">FontVariant</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="font-weight.html">fontWeight</a></p> +(js) +<h4><a href="font-weight.html">fontWeight</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontWeight</span><span class="symbol">: </span><a href="../-font-weight/index.html"><span class="identifier">FontWeight</span></a><span class="symbol">?</span></code> <p>CSS font weight of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontWeight</span><span class="symbol">: </span><a href="../-font-weight/index.html"><span class="identifier">FontWeight</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="height.html">height</a></p> +(js) +<h4><a href="height.html">height</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">height</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Height of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">height</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="left.html">left</a></p> +(js) +<h4><a href="left.html">left</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">left</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Left edge of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">left</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="letter-spacing.html">letterSpacing</a></p> +(js) +<h4><a href="letter-spacing.html">letterSpacing</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">letterSpacing</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>CSS Text letter spacing of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">letterSpacing</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="line-break.html">lineBreak</a></p> +(js) +<h4><a href="line-break.html">lineBreak</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">lineBreak</span><span class="symbol">: </span><a href="../-line-break/index.html"><span class="identifier">LineBreak</span></a><span class="symbol">?</span></code> <p>CSS line break of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">lineBreak</span><span class="symbol">: </span><a href="../-line-break/index.html"><span class="identifier">LineBreak</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="line-height.html">lineHeight</a></p> +(js) +<h4><a href="line-height.html">lineHeight</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">lineHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>CSS Text line height of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">lineHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="margin.html">margin</a></p> +(js) +<h4><a href="margin.html">margin</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">margin</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Margin of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">margin</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="margin-bottom.html">marginBottom</a></p> +(js) +<h4><a href="margin-bottom.html">marginBottom</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">marginBottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Bottom margin of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">marginBottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="margin-left.html">marginLeft</a></p> +(js) +<h4><a href="margin-left.html">marginLeft</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">marginLeft</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Left margin of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">marginLeft</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="margin-right.html">marginRight</a></p> +(js) +<h4><a href="margin-right.html">marginRight</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">marginRight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Right margin of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">marginRight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="margin-top.html">marginTop</a></p> +(js) +<h4><a href="margin-top.html">marginTop</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">marginTop</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Top margin of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">marginTop</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="max-height.html">maxHeight</a></p> +(js) +<h4><a href="max-height.html">maxHeight</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">maxHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Maximal height of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">maxHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="max-width.html">maxWidth</a></p> +(js) +<h4><a href="max-width.html">maxWidth</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">maxWidth</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Maximal width of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">maxWidth</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="min-height.html">minHeight</a></p> +(js) +<h4><a href="min-height.html">minHeight</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">minHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Minimal height of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">minHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="min-width.html">minWidth</a></p> +(js) +<h4><a href="min-width.html">minWidth</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">minWidth</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Minimal width of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">minWidth</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="opacity.html">opacity</a></p> +(js) +<h4><a href="opacity.html">opacity</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">opacity</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-double/index.html"><span class="identifier">Double</span></a><span class="symbol">?</span></code> <p>Opacity of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">opacity</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-double/index.html"><span class="identifier">Double</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="overflow.html">overflow</a></p> +(js) +<h4><a href="overflow.html">overflow</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">overflow</span><span class="symbol">: </span><a href="../-overflow/index.html"><span class="identifier">Overflow</span></a><span class="symbol">?</span></code> <p>CSS overflow of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">overflow</span><span class="symbol">: </span><a href="../-overflow/index.html"><span class="identifier">Overflow</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="overflow-wrap.html">overflowWrap</a></p> +(js) +<h4><a href="overflow-wrap.html">overflowWrap</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">overflowWrap</span><span class="symbol">: </span><a href="../-overflow-wrap/index.html"><span class="identifier">OverflowWrap</span></a><span class="symbol">?</span></code> <p>CSS overflow-wrap of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">overflowWrap</span><span class="symbol">: </span><a href="../-overflow-wrap/index.html"><span class="identifier">OverflowWrap</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="padding.html">padding</a></p> +(js) +<h4><a href="padding.html">padding</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">padding</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Padding of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">padding</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="padding-bottom.html">paddingBottom</a></p> +(js) +<h4><a href="padding-bottom.html">paddingBottom</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">paddingBottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Bottom padding of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">paddingBottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="padding-left.html">paddingLeft</a></p> +(js) +<h4><a href="padding-left.html">paddingLeft</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">paddingLeft</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Left padding of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">paddingLeft</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="padding-right.html">paddingRight</a></p> +(js) +<h4><a href="padding-right.html">paddingRight</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">paddingRight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Right padding of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">paddingRight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="padding-top.html">paddingTop</a></p> +(js) +<h4><a href="padding-top.html">paddingTop</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">paddingTop</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Top padding of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">paddingTop</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="position.html">position</a></p> +(js) +<h4><a href="position.html">position</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">position</span><span class="symbol">: </span><a href="../-position/index.html"><span class="identifier">Position</span></a><span class="symbol">?</span></code> <p>CSS position of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">position</span><span class="symbol">: </span><a href="../-position/index.html"><span class="identifier">Position</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="resize.html">resize</a></p> +(js) +<h4><a href="resize.html">resize</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">resize</span><span class="symbol">: </span><a href="../-resize/index.html"><span class="identifier">Resize</span></a><span class="symbol">?</span></code> <p>CSS resize of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">resize</span><span class="symbol">: </span><a href="../-resize/index.html"><span class="identifier">Resize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="right.html">right</a></p> +(js) +<h4><a href="right.html">right</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">right</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Right edge of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">right</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="text-align.html">textAlign</a></p> +(js) +<h4><a href="text-align.html">textAlign</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textAlign</span><span class="symbol">: </span><a href="../-text-align/index.html"><span class="identifier">TextAlign</span></a><span class="symbol">?</span></code> <p>CSS Text align of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textAlign</span><span class="symbol">: </span><a href="../-text-align/index.html"><span class="identifier">TextAlign</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="text-decoration.html">textDecoration</a></p> +(js) +<h4><a href="text-decoration.html">textDecoration</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textDecoration</span><span class="symbol">: </span><a href="../-text-decoration/index.html"><span class="identifier">TextDecoration</span></a><span class="symbol">?</span></code> <p>CSS Text decoration of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textDecoration</span><span class="symbol">: </span><a href="../-text-decoration/index.html"><span class="identifier">TextDecoration</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="text-direction.html">textDirection</a></p> +(js) +<h4><a href="text-direction.html">textDirection</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textDirection</span><span class="symbol">: </span><a href="../-direction/index.html"><span class="identifier">Direction</span></a><span class="symbol">?</span></code> <p>CSS Text direction of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textDirection</span><span class="symbol">: </span><a href="../-direction/index.html"><span class="identifier">Direction</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="text-indent.html">textIndent</a></p> +(js) +<h4><a href="text-indent.html">textIndent</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textIndent</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>CSS Text indent of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textIndent</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="text-overflow.html">textOverflow</a></p> +(js) +<h4><a href="text-overflow.html">textOverflow</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textOverflow</span><span class="symbol">: </span><a href="../-text-overflow/index.html"><span class="identifier">TextOverflow</span></a><span class="symbol">?</span></code> <p>CSS Text overflow of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textOverflow</span><span class="symbol">: </span><a href="../-text-overflow/index.html"><span class="identifier">TextOverflow</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="text-shadow.html">textShadow</a></p> +(js) +<h4><a href="text-shadow.html">textShadow</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textShadow</span><span class="symbol">: </span><a href="../-text-shadow/index.html"><span class="identifier">TextShadow</span></a><span class="symbol">?</span></code> <p>CSS Text shadow of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textShadow</span><span class="symbol">: </span><a href="../-text-shadow/index.html"><span class="identifier">TextShadow</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="text-transform.html">textTransform</a></p> +(js) +<h4><a href="text-transform.html">textTransform</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textTransform</span><span class="symbol">: </span><a href="../-text-transform/index.html"><span class="identifier">TextTransform</span></a><span class="symbol">?</span></code> <p>CSS Text transform of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textTransform</span><span class="symbol">: </span><a href="../-text-transform/index.html"><span class="identifier">TextTransform</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="top.html">top</a></p> +(js) +<h4><a href="top.html">top</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">top</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Top edge of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">top</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="unicode-bidi.html">unicodeBidi</a></p> +(js) +<h4><a href="unicode-bidi.html">unicodeBidi</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">unicodeBidi</span><span class="symbol">: </span><a href="../-unicode-bidi/index.html"><span class="identifier">UnicodeBidi</span></a><span class="symbol">?</span></code> <p>CSS Text unicode-bidi of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">unicodeBidi</span><span class="symbol">: </span><a href="../-unicode-bidi/index.html"><span class="identifier">UnicodeBidi</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="vertical-align.html">verticalAlign</a></p> +(js) +<h4><a href="vertical-align.html">verticalAlign</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">verticalAlign</span><span class="symbol">: </span><a href="../-vertical-align/index.html"><span class="identifier">VerticalAlign</span></a><span class="symbol">?</span></code> <p>CSS Text vertical align of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">verticalAlign</span><span class="symbol">: </span><a href="../-vertical-align/index.html"><span class="identifier">VerticalAlign</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="white-space.html">whiteSpace</a></p> +(js) +<h4><a href="white-space.html">whiteSpace</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">whiteSpace</span><span class="symbol">: </span><a href="../-white-space/index.html"><span class="identifier">WhiteSpace</span></a><span class="symbol">?</span></code> <p>CSS Text white space of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">whiteSpace</span><span class="symbol">: </span><a href="../-white-space/index.html"><span class="identifier">WhiteSpace</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="width.html">width</a></p> +(js) +<h4><a href="width.html">width</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">width</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>Width of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">width</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="word-break.html">wordBreak</a></p> +(js) +<h4><a href="word-break.html">wordBreak</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">wordBreak</span><span class="symbol">: </span><a href="../-word-break/index.html"><span class="identifier">WordBreak</span></a><span class="symbol">?</span></code> <p>CSS word break of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">wordBreak</span><span class="symbol">: </span><a href="../-word-break/index.html"><span class="identifier">WordBreak</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="word-spacing.html">wordSpacing</a></p> +(js) +<h4><a href="word-spacing.html">wordSpacing</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">wordSpacing</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code> <p>CSS Text word spacing of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">wordSpacing</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code></td> </tr> <tr> <td> -<p><a href="z-index.html">zIndex</a></p> +(js) +<h4><a href="z-index.html">zIndex</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">zIndex</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span></code> <p>Z-index of the current component.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">zIndex</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span></code></td> </tr> </tbody> </table> @@ -565,33 +565,20 @@ <tbody> <tr> <td> -<p><a href="get-cache-key.html">getCacheKey</a></p> +(js) +<h4><a href="get-cache-key.html">getCacheKey</a></h4> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getCacheKey</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a></code></td> </tr> <tr> <td> -<p><a href="get-sn-style.html">getSnStyle</a></p> +(js) +<h4><a href="get-sn-style.html">getSnStyle</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getSnStyle</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../-string-pair.html"><span class="identifier">StringPair</span></a><span class="symbol">></span></code> <p>Returns the list of String pairs defining CSS style attributes and their values.</p> -</td> -</tr> -</tbody> -</table> -<h3>Extension Functions</h3> -<table> -<tbody> -<tr> -<td> -<p><a href="../../pl.treksoft.kvision.utils/kotlin.-any/create-instance.html">createInstance</a></p> -</td> -<td> -<code><span class="keyword">fun </span><span class="symbol"><</span><span class="identifier">T</span><span class="symbol">></span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html"><span class="identifier">Any</span></a><span class="symbol">?</span><span class="symbol">.</span><span class="identifier">createInstance</span><span class="symbol">(</span><span class="keyword">vararg</span> <span class="identifier" id="pl.treksoft.kvision.utils$createInstance(kotlin.Any, kotlin.Array((kotlin.Any)))/args">args</span><span class="symbol">:</span> <span class="keyword">dynamic</span><span class="symbol">)</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.utils/kotlin.-any/create-instance.html#T"><span class="identifier">T</span></a></code> -<p>Helper function for creating JavaScript objects from dynamic constructors.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getSnStyle</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../-string-pair.html"><span class="identifier">StringPair</span></a><span class="symbol">></span></code></td> </tr> </tbody> </table> @@ -600,21 +587,21 @@ <tbody> <tr> <td> -<p><a href="../-style/index.html">Style</a></p> +(js) +<h4><a href="../-style/index.html">Style</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">Style</span> <span class="symbol">:</span> <a href="./index.html"><span class="identifier">StyledComponent</span></a></code> <p>CSS style object.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">Style</span> <span class="symbol">:</span> <a href="./index.html"><span class="identifier">StyledComponent</span></a></code></td> </tr> <tr> <td> -<p><a href="../-widget/index.html">Widget</a></p> +(js) +<h4><a href="../-widget/index.html">Widget</a></h4> </td> <td> -<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">Widget</span> <span class="symbol">:</span> <a href="./index.html"><span class="identifier">StyledComponent</span></a><span class="symbol">, </span><a href="../-component/index.html"><span class="identifier">Component</span></a></code> <p>Base widget class. The parent of all component classes.</p> -</td> +<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">Widget</span> <span class="symbol">:</span> <a href="./index.html"><span class="identifier">StyledComponent</span></a><span class="symbol">, </span><a href="../-component/index.html"><span class="identifier">Component</span></a></code></td> </tr> </tbody> </table> |