lilact 0.9.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/bundle.cjs +1 -1
- package/dist/lilact.development.js +72 -71
- package/dist/lilact.development.js.map +1 -1
- package/dist/lilact.development.min.js +1 -1
- package/dist/lilact.development.min.js.map +1 -1
- package/dist/lilact.production.min.js +1 -1
- package/dist/lilact.production.min.js.map +1 -1
- package/docs/assets/hierarchy.js +1 -1
- package/docs/assets/navigation.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/accessories.ErrorBoundary.html +7 -7
- package/docs/classes/accessories.Suspense.html +4 -5
- package/docs/classes/components.Component.html +2 -2
- package/docs/classes/components.HTMLComponent.html +1 -1
- package/docs/classes/components.RootComponent.html +1 -1
- package/docs/functions/hooks.createContext.html +3 -2
- package/docs/functions/hooks.useActionState.html +3 -2
- package/docs/functions/hooks.useContext.html +3 -2
- package/docs/functions/hooks.useState.html +3 -2
- package/docs/functions/misc.classNames.html +2 -1
- package/docs/functions/misc.deepEqual.html +3 -1
- package/docs/functions/misc.findDOMNode.html +3 -2
- package/docs/functions/misc.isAsync.html +3 -2
- package/docs/functions/misc.isClass.html +3 -2
- package/docs/functions/misc.isEmpty.html +3 -2
- package/docs/functions/misc.isError.html +3 -2
- package/docs/functions/misc.isThenable.html +3 -2
- package/docs/functions/misc.isValidElement.html +3 -2
- package/docs/functions/misc.shallowEqual.html +3 -1
- package/docs/functions/misc.toBool.html +3 -2
- package/docs/functions/router.NavLink.html +4 -2
- package/docs/functions/router.Route.html +1 -1
- package/docs/functions/router.Routes.html +1 -1
- package/docs/functions/timers.clearInterval.html +3 -2
- package/docs/functions/timers.clearTimeout.html +3 -2
- package/docs/functions/timers.setInterval.html +3 -2
- package/docs/functions/timers.setTimeout.html +4 -2
- package/docs/hierarchy.html +1 -1
- package/docs/modules.html +1 -1
- package/docs/static/lilact.development.js +72 -71
- package/docs/static/lilact.development.min.js +1 -1
- package/docs/static/lilact.production.min.js +1 -1
- package/package.json +1 -1
- package/root/lilact.development.js +72 -71
- package/root/lilact.development.min.js +1 -1
- package/root/lilact.production.min.js +1 -1
- package/src/accessories.jsx +0 -4
- package/src/components.jsx +1 -1
- package/src/hooks.jsx +14 -14
- package/src/jsx.js +8 -5
- package/src/misc.jsx +31 -31
- package/src/router.jsx +3 -1
- package/src/run.jsx +1 -1
- package/src/timers.jsx +8 -8
- package/typedoc.json +1 -1
- package/docs/functions/jsx.transpileJSX.html +0 -6
- package/docs/modules/jsx.html +0 -1
package/docs/assets/hierarchy.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
window.hierarchyData = "eJyVkDFrwzAQhf/
|
|
1
|
+
window.hierarchyData = "eJyVkDFrwzAQhf/LmxUXCccIjQ2FDu3SZAsZjHwhprIu6OQhBP/3EEyKvTTxcsPx3n0fd0VizgK319YeFBIdA/ncchS4K6ryPmPdERw+UuL0zn1s6nSBwm8bGzhtrEKfAhx8qEVI3mrvSYRTS1LMSsUpdwFqDMIhS7O6X1mNi0FB6ylx28uZotCrsEf+BY61E86GuzNHivk/kH+EpPjLPwEp+FMbmkQRbl+VSutSGbM+DArGrCcCn7vvr6USs84SEVONBtXU4Ic5LzWYdZ79fBhuxOvO0A=="
|
|
@@ -1 +1 @@
|
|
|
1
|
-
window.navigationData = "
|
|
1
|
+
window.navigationData = "eJyVmEtv2zgQgP+LzkEXmy0Wi9ya1G0CJGlgG70UPYylsU2EIlU+3LpF//uC1IOUTI3Yo8mPH8jhkBr6y6/C4A9T3BRQlqi1VAx1cVU0YI7FTVHLynLUf0Wdb46m5sVV8cpEVdxcXxXlkfFKoShuvgyylVJS3UorKlDnoCs5aD3RjdCx/O/r/35fDc6N1Q0KjbSup0hTw4RAFUR7K0rDpJioWmxs+vft76+RqpR1IwUKkwha6MuK2V2PXy4wMg0UtcD77dNjnm5EUsq1lCZPOSIpZakQDCakYTsi7YS+2JWp100jS+lAwqZQVOlciUwtRGYKujxPZEnbnpUhBy53wP2BuQdR8fS0OuElTCzSKCjRs4QxQORCj1K+Jtbpm7OW2e+08L8T82lVI4xY216q76CqNe7nXYEhRFbjOz9qY8DgvGzM0cI74HwH5Stp66EF1VLAAkOL3uMelcLqM3BLL3NE0tLVfo8lPbkWoTX3UtKxcgCteKhIwUO1MLxuUIFhJ2yPFS2bwLT6Ec7SmoxIxeCCUpbAN0YqONAzjUFa+YS1JFUOoBVrrGyZvr0GS8csiYhD3fbTguWjnHGItwqEZm4caQoYeX/WTJeX16drzSsj+rZBcQLFYDdIemBs++c6/oK6r/oz1HEpGBbkLQEhYlMhNqtvFvisZiCoC5yJ6v2np2dZJXfKeyKGMH1QcKhnSg2v6QHCccBQ3dyeXyQTJp3JXpikCTvT7/RZlLO+rp803LmtIQy+nzSs6sacCYPvpw1ztURvSJYRsWF7ROGylpD0COn5DJxVK47kvo8xwqePwLn8Tid1DFFFl7yVct7SdpNXRQMCL68K15p1VaxRs58ugC8jT7gvvGlEXVwa8XQUVvbH5Xx8c17lJ+sdE/3Vn8zhVjYBqceAFGLmc9qrPEAoXpQ8sZk3QOvoiYW6iukGTHmc90TQwmcLOZYmfcIGVQ8tfQGlSh6y4HEEmYdK2tElOOy8b8/a+nvQx/VEE82lFQWIWNMjE8kSsXO4bmL0M5wWBB1BOPwUCYPvXxqfzv5IQGV9V9DNlSSdJqJo1zOc2GGmUAqunqJTxYpEnliRlSQcfiY/S2686yOf8d8sm0l0K9503ZTApkPpBk+nPx24KRVrTHpH2/EdQYbOsBpT/yC07VkBBMFqv98fFNT4omTNdDImnTPJU7ctR1APrsY5pb+PnXfELfm2rEZpk1d4rOswqnRTsNtOgnjhChBhasDV80uqiCIzkyNk2EYc6dNoMmwDRbtsnTO1gFHFE5qM3Igo2rWcFwGiyrCWWD4MY5A+qokX4XBcZ56Bc++5zYZ+X0a+EUssOVv4h7aPStomW+npRBi//g9m+Y6R"
|
package/docs/assets/search.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
window.searchData = "
|
|
1
|
+
window.searchData = "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";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ErrorBoundary | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/accessories.html">accessories</a></li><li><a href="" aria-current="page">ErrorBoundary</a></li></ul><h1>Class ErrorBoundary</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>ErrorBoundary component that catches errors in its child component tree and renders a fallback UI.</p>
|
|
2
|
-
</div><div class="tsd-comment tsd-typography"><div class="tsd-tag-
|
|
2
|
+
</div><div class="tsd-comment tsd-typography"><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-props">Param: props<a href="#param-props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propschildren">Param: props.children<a href="#param-propschildren" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>The component subtree to render and monitor for runtime errors.</p>
|
|
3
3
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsfallback">Param: props.Fallback<a href="#param-propsfallback" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>UI to render when an error is caught. Receives two props:</p>
|
|
4
4
|
<ul>
|
|
5
5
|
<li><code>error</code> (the exception)</li>
|
|
6
6
|
<li><code>reset</code> (function to clear the error)</li>
|
|
7
7
|
</ul>
|
|
8
8
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsonerror">Param: props.onError<a href="#param-propsonerror" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Callback invoked on error with arguments <code>(error, info)</code>.</p>
|
|
9
|
-
</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="
|
|
9
|
+
</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="64"><h4>Hierarchy (<a href="../hierarchy.html#accessories.ErrorBoundary">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="components.Component.html" class="tsd-signature-type tsd-kind-class">Component</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">ErrorBoundary</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in accessories.js:92</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
|
|
10
10
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#displayname" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a>
|
|
11
11
|
<a href="#state" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>state</span></a>
|
|
12
12
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#context" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>context</span></a>
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
<a href="#getderivedstatefromerror" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Derived<wbr/>State<wbr/>From<wbr/>Error</span></a>
|
|
23
23
|
</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorerrorboundary"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">ErrorBoundary</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">ErrorBoundary</a><a href="#constructorerrorboundary" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">ErrorBoundary</a></h4><aside class="tsd-sources"><p>Inherited from <a href="components.Component.html">Component</a>.<a href="components.Component.html#constructor">constructor</a></p><ul><li>Defined in components.js:841</li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="displayname"><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = 'ErrorBoundary'</span></div><div class="tsd-comment tsd-typography"><p>The displayed name for the component. It is overridable.
|
|
24
24
|
It can also be set for function components.</p>
|
|
25
|
-
</div><aside class="tsd-sources"><p>Overrides <a href="components.Component.html">Component</a>.<a href="components.Component.html#displayname">displayName</a></p><ul><li>Defined in accessories.js:
|
|
25
|
+
</div><aside class="tsd-sources"><p>Overrides <a href="components.Component.html">Component</a>.<a href="components.Component.html#displayname">displayName</a></p><ul><li>Defined in accessories.js:93</li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="state"><span>state</span><a href="#state" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">state</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">hasError</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-comment tsd-typography"><p>Component state used to drive rendering.
|
|
26
26
|
Update it with <code>setState()</code> to trigger a re-render.</p>
|
|
27
|
-
</div><aside class="tsd-sources"><p>Overrides <a href="components.Component.html">Component</a>.<a href="components.Component.html#state">state</a></p><ul><li>Defined in accessories.js:
|
|
27
|
+
</div><aside class="tsd-sources"><p>Overrides <a href="components.Component.html">Component</a>.<a href="components.Component.html#state">state</a></p><ul><li>Defined in accessories.js:95</li></ul></aside></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><h3 class="tsd-anchor-link" id="context"><code class="tsd-tag">Protected</code><span>context</span><a href="#context" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected tsd-is-inherited"><li><div class="tsd-signature" id="contextcontext"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">context</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><div class="tsd-description"><code class="tsd-tag">Protected</code><div class="tsd-comment tsd-typography"><p>Component context.</p>
|
|
28
28
|
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources"><p>Inherited from Component.context</p><ul><li>Defined in components.js:791</li></ul></aside></div></li><li><div class="tsd-signature" id="contextcontext-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">context</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from Component.context</p><ul><li>Defined in components.js:792</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="key"><span>key</span><a href="#key" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="keykey"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">key</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>A unique identifier for the component instance.
|
|
29
29
|
The key is immutable and can only be set when the component is declared.</p>
|
|
30
30
|
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span></h4><aside class="tsd-sources"><p>Inherited from Component.key</p><ul><li>Defined in components.js:823</li></ul></aside></div></li><li><div class="tsd-signature" id="keykey-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">key</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from Component.key</p><ul><li>Defined in components.js:824</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="props"><span>props</span><a href="#props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="propsprops"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">props</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Props passed into the component instance.
|
|
@@ -33,9 +33,9 @@ Use it as read-only input when rendering.</p>
|
|
|
33
33
|
Can be used to expose the component instance or an underlying DOM node.</p>
|
|
34
34
|
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources"><p>Inherited from Component.ref</p><ul><li>Defined in components.js:815</li></ul></aside></div></li><li><div class="tsd-signature" id="refref-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">ref</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from Component.ref</p><ul><li>Defined in components.js:816</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="type"><span>type</span><a href="#type" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="typetype"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">type</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Component context value.
|
|
35
35
|
Use it to access shared data provided by an outer component/system.</p>
|
|
36
|
-
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources"><p>Inherited from Component.type</p><ul><li>Defined in components.js:799</li></ul></aside></div></li><li><div class="tsd-signature" id="typetype-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">type</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from Component.type</p><ul><li>Defined in components.js:800</li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="componentdidcatch"><span>component<wbr/>Did<wbr/>Catch</span><a href="#componentdidcatch" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="componentdidcatch-1"><span class="tsd-kind-call-signature">componentDidCatch</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">info</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentdidcatch-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">error</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-kind-parameter">info</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in accessories.js:
|
|
36
|
+
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources"><p>Inherited from Component.type</p><ul><li>Defined in components.js:799</li></ul></aside></div></li><li><div class="tsd-signature" id="typetype-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">type</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from Component.type</p><ul><li>Defined in components.js:800</li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="componentdidcatch"><span>component<wbr/>Did<wbr/>Catch</span><a href="#componentdidcatch" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="componentdidcatch-1"><span class="tsd-kind-call-signature">componentDidCatch</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">info</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#componentdidcatch-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">error</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-kind-parameter">info</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in accessories.js:101</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="forceupdate"><span>force<wbr/>Update</span><a href="#forceupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="forceupdate-1"><span class="tsd-kind-call-signature">forceUpdate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#forceupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Force the component to re-render even if no state/props change.
|
|
37
37
|
Useful for imperative updates.</p>
|
|
38
|
-
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="components.Component.html">Component</a>.<a href="components.Component.html#forceupdate">forceUpdate</a></p><ul><li>Defined in components.js:851</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="render"><span>render</span><a href="#render" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="render-1"><span class="tsd-kind-call-signature">render</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><a href="#render-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources"><ul><li>Defined in accessories.js:
|
|
38
|
+
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="components.Component.html">Component</a>.<a href="components.Component.html#forceupdate">forceUpdate</a></p><ul><li>Defined in components.js:851</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="render"><span>render</span><a href="#render" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="render-1"><span class="tsd-kind-call-signature">render</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><a href="#render-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources"><ul><li>Defined in accessories.js:108</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="reset"><span>reset</span><a href="#reset" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="reset-1"><span class="tsd-kind-call-signature">reset</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#reset-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in accessories.js:106</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="setstate"><span>set<wbr/>State</span><a href="#setstate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="setstate-1"><span class="tsd-kind-call-signature">setState</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">next_state</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setstate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Update component state.
|
|
39
39
|
Accepts a partial state (or a function returning partial state) and schedules a re-render.</p>
|
|
40
40
|
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">next_state</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-type">any</span></span><div class="tsd-comment tsd-typography"><p>to called after updates.</p>
|
|
41
|
-
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="components.Component.html">Component</a>.<a href="components.Component.html#setstate">setState</a></p><ul><li>Defined in components.js:867</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getderivedstatefromerror"><code class="tsd-tag">Static</code><span>get<wbr/>Derived<wbr/>State<wbr/>From<wbr/>Error</span><a href="#getderivedstatefromerror" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getderivedstatefromerror-1"><span class="tsd-kind-call-signature">getDerivedStateFromError</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">hasError</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">}</span><a href="#getderivedstatefromerror-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">error</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">hasError</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">}</span></h4><aside class="tsd-sources"><ul><li>Defined in accessories.js:
|
|
41
|
+
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="components.Component.html">Component</a>.<a href="components.Component.html#setstate">setState</a></p><ul><li>Defined in components.js:867</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getderivedstatefromerror"><code class="tsd-tag">Static</code><span>get<wbr/>Derived<wbr/>State<wbr/>From<wbr/>Error</span><a href="#getderivedstatefromerror" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getderivedstatefromerror-1"><span class="tsd-kind-call-signature">getDerivedStateFromError</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">hasError</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">}</span><a href="#getderivedstatefromerror-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">error</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">error</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">hasError</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">}</span></h4><aside class="tsd-sources"><ul><li>Defined in accessories.js:97</li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#displayname"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#state"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>state</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#context" class="tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>context</span></a><a href="#key" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>key</span></a><a href="#props" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>props</span></a><a href="#ref" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>ref</span></a><a href="#type" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>type</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#componentdidcatch"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>component<wbr/>Did<wbr/>Catch</span></a><a href="#forceupdate" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>force<wbr/>Update</span></a><a href="#render"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>render</span></a><a href="#reset"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>reset</span></a><a href="#setstate" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>State</span></a><a href="#getderivedstatefromerror"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Derived<wbr/>State<wbr/>From<wbr/>Error</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Lilact</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Suspense | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/accessories.html">accessories</a></li><li><a href="" aria-current="page">Suspense</a></li></ul><h1>Class Suspense</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Suspense - boundary for asynchronous loading.
|
|
2
2
|
Shows a fallback UI while descendant thrown promises are pending, and renders real content once resolved.</p>
|
|
3
|
-
</div><div class="tsd-comment tsd-typography"><div class="tsd-tag-
|
|
4
|
-
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-props">Param: props<a href="#param-props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsfallback">Param: props.fallback<a href="#param-propsfallback" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Element shown while descendants are loading.</p>
|
|
3
|
+
</div><div class="tsd-comment tsd-typography"><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-props">Param: props<a href="#param-props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsfallback">Param: props.fallback<a href="#param-propsfallback" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Element shown while descendants are loading.</p>
|
|
5
4
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propschildren">Param: props.children<a href="#param-propschildren" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Suspended children.</p>
|
|
6
5
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsmindelay">Param: props.minDelay<a href="#param-propsmindelay" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>A delay before showing the fallback to prevent flicker.</p>
|
|
7
6
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-propsminshowtime">Param: props.minShowTime<a href="#param-propsminshowtime" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>A minimum time of fallback visibility to prevent flickers.</p>
|
|
8
|
-
</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="
|
|
7
|
+
</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="114"><h4>Hierarchy (<a href="../hierarchy.html#accessories.Suspense">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="components.Component.html" class="tsd-signature-type tsd-kind-class">Component</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Suspense</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in accessories.js:127</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
|
|
9
8
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#displayname" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a>
|
|
10
9
|
<a href="#defaultprops" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a>
|
|
11
10
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#context" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>context</span></a>
|
|
@@ -15,9 +14,9 @@ Shows a fallback UI while descendant thrown promises are pending, and renders re
|
|
|
15
14
|
<a href="#type" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>type</span></a>
|
|
16
15
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#forceupdate" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>force<wbr/>Update</span></a>
|
|
17
16
|
<a href="#setstate" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>State</span></a>
|
|
18
|
-
</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorsuspense"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">Suspense</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">Suspense</a><a href="#constructorsuspense" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">Suspense</a></h4><aside class="tsd-sources"><p>Overrides <a href="components.Component.html">Component</a>.<a href="components.Component.html#constructor">constructor</a></p><ul><li>Defined in accessories.js:
|
|
17
|
+
</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorsuspense"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">Suspense</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">Suspense</a><a href="#constructorsuspense" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">Suspense</a></h4><aside class="tsd-sources"><p>Overrides <a href="components.Component.html">Component</a>.<a href="components.Component.html#constructor">constructor</a></p><ul><li>Defined in accessories.js:133</li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="displayname"><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = 'Suspense'</span></div><div class="tsd-comment tsd-typography"><p>The displayed name for the component. It is overridable.
|
|
19
18
|
It can also be set for function components.</p>
|
|
20
|
-
</div><aside class="tsd-sources"><p>Overrides <a href="components.Component.html">Component</a>.<a href="components.Component.html#displayname">displayName</a></p><ul><li>Defined in accessories.js:
|
|
19
|
+
</div><aside class="tsd-sources"><p>Overrides <a href="components.Component.html">Component</a>.<a href="components.Component.html#displayname">displayName</a></p><ul><li>Defined in accessories.js:129</li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="defaultprops"><code class="tsd-tag">Static</code><span>default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">minDelay</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">minShowTime</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in accessories.js:131</li></ul></aside></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><h3 class="tsd-anchor-link" id="context"><code class="tsd-tag">Protected</code><span>context</span><a href="#context" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected tsd-is-inherited"><li><div class="tsd-signature" id="contextcontext"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">context</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><div class="tsd-description"><code class="tsd-tag">Protected</code><div class="tsd-comment tsd-typography"><p>Component context.</p>
|
|
21
20
|
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources"><p>Inherited from Component.context</p><ul><li>Defined in components.js:791</li></ul></aside></div></li><li><div class="tsd-signature" id="contextcontext-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">context</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from Component.context</p><ul><li>Defined in components.js:792</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="key"><span>key</span><a href="#key" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="keykey"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">key</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>A unique identifier for the component instance.
|
|
22
21
|
The key is immutable and can only be set when the component is declared.</p>
|
|
23
22
|
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span></h4><aside class="tsd-sources"><p>Inherited from Component.key</p><ul><li>Defined in components.js:823</li></ul></aside></div></li><li><div class="tsd-signature" id="keykey-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">key</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from Component.key</p><ul><li>Defined in components.js:824</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="props"><span>props</span><a href="#props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="propsprops"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">props</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Props passed into the component instance.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Component | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/components.html">components</a></li><li><a href="" aria-current="page">Component</a></li></ul><h1>Class Component</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Base class that mimics <code>React.Component</code> (stateful component with lifecycle hooks).
|
|
2
2
|
Extend this class to implement <code>render()</code> and (optionally) override lifecycle methods.</p>
|
|
3
|
-
<p>
|
|
3
|
+
<p>These user functions and members are supported:</p>
|
|
4
4
|
<pre><code>static defaultProps
|
|
5
5
|
|
|
6
6
|
render() {}
|
|
@@ -18,7 +18,7 @@ static getDerivedStateFromError (error) {}
|
|
|
18
18
|
static getDerivedStateFromProps (props, state) {}
|
|
19
19
|
</code></pre>
|
|
20
20
|
<p>For more details see official React documentation.</p>
|
|
21
|
-
</div></section><section class="tsd-panel tsd-hierarchy" data-refl="
|
|
21
|
+
</div></section><section class="tsd-panel tsd-hierarchy" data-refl="188"><h4>Hierarchy (<a href="../hierarchy.html#components.Component">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Component</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="accessories.ErrorBoundary.html" class="tsd-signature-type tsd-kind-class">ErrorBoundary</a></li><li class="tsd-hierarchy-item"><a href="accessories.Suspense.html" class="tsd-signature-type tsd-kind-class">Suspense</a></li><li class="tsd-hierarchy-item"><a href="components.HTMLComponent.html" class="tsd-signature-type tsd-kind-class">HTMLComponent</a></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in components.js:767</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
|
|
22
22
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#context" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>context</span></a>
|
|
23
23
|
<a href="#key" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>key</span></a>
|
|
24
24
|
<a href="#props" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>props</span></a>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-entity">Param: entity<a href="#param-entity" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>The HTML tag/type to create (e.g., 'div', 'span', 'button').</p>
|
|
6
6
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-props">Param: props<a href="#param-props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Props to apply to the created element.</p>
|
|
7
|
-
</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="
|
|
7
|
+
</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="225"><h4>Hierarchy (<a href="../hierarchy.html#components.HTMLComponent">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="components.Component.html" class="tsd-signature-type tsd-kind-class">Component</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">HTMLComponent</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="components.RootComponent.html" class="tsd-signature-type tsd-kind-class">RootComponent</a></li></ul></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in components.js:924</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
|
|
8
8
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#context" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>context</span></a>
|
|
9
9
|
<a href="#key" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>key</span></a>
|
|
10
10
|
<a href="#props" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>props</span></a>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-rootelement">Param: rootElement<a href="#param-rootelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Root HTML element (or a selector string resolved via <code>document.querySelector</code>).</p>
|
|
6
6
|
</div><div class="tsd-tag-param"><h4 class="tsd-anchor-link" id="param-props">Param: props<a href="#param-props" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Root props used to configure how children are provided and attached (typically includes <code>props.children</code>).</p>
|
|
7
|
-
</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="
|
|
7
|
+
</div></div></section><section class="tsd-panel tsd-hierarchy" data-refl="265"><h4>Hierarchy (<a href="../hierarchy.html#components.RootComponent">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="components.HTMLComponent.html" class="tsd-signature-type tsd-kind-class">HTMLComponent</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">RootComponent</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in components.js:961</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
|
|
8
8
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#displayname" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a>
|
|
9
9
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#context" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>context</span></a>
|
|
10
10
|
<a href="#key" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>key</span></a>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>createContext | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/hooks.html">hooks</a></li><li><a href="" aria-current="page">createContext</a></li></ul><h1>Function createContext</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="createcontext"><span class="tsd-kind-call-signature">createContext</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">
|
|
2
|
-
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">
|
|
1
|
+
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>createContext | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/hooks.html">hooks</a></li><li><a href="" aria-current="page">createContext</a></li></ul><h1>Function createContext</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="createcontext"><span class="tsd-kind-call-signature">createContext</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">defaultValue</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><a href="#createcontext" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Creates a context object for sharing a value through the component tree.</p>
|
|
2
|
+
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">defaultValue</span>: <span class="tsd-signature-type">any</span></span><div class="tsd-comment tsd-typography"><p>Initial context value when no Provider is present.</p>
|
|
3
|
+
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><p>A context object</p>
|
|
3
4
|
<aside class="tsd-sources"><ul><li>Defined in hooks.js:115</li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Lilact</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
|