UNPKG

@rxap/data-source

Version:

Provides a set of classes and decorators for creating and managing data sources in Angular applications, including base classes, static data sources, observable data sources, and method data sources. It also includes a component for displaying data source

1,193 lines (1,019 loc) 84.9 kB
<!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>angular-data-source</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="../images/favicon.ico"> <link rel="stylesheet" href="../styles/style.css"> <link rel="stylesheet" href="../styles/dark.css"> </head> <body> <script> // Blocking script to avoid flickering dark mode // Dark mode toggle button var useDark = window.matchMedia('(prefers-color-scheme: dark)'); var darkModeState = useDark.matches; var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input'); var $darkModeToggles = document.querySelectorAll('.dark-mode-switch'); var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state'); function checkToggle(check) { for (var i = 0; i < $darkModeToggleSwitchers.length; i++) { $darkModeToggleSwitchers[i].checked = check; } } function toggleDarkMode(state) { if (window.localStorage) { localStorage.setItem('compodoc_darkmode-state', state); } checkToggle(state); const hasClass = document.body.classList.contains('dark'); if (state) { for (var i = 0; i < $darkModeToggles.length; i++) { $darkModeToggles[i].classList.add('dark'); } if (!hasClass) { document.body.classList.add('dark'); } } else { for (var i = 0; i < $darkModeToggles.length; i++) { $darkModeToggles[i].classList.remove('dark'); } if (hasClass) { document.body.classList.remove('dark'); } } } useDark.addEventListener('change', function (evt) { toggleDarkMode(evt.matches); }); if (darkModeStateLocal) { darkModeState = darkModeStateLocal === 'true'; } toggleDarkMode(darkModeState); </script> <div class="navbar navbar-default navbar-fixed-top d-md-none p-0"> <div class="d-flex"> <a href="../" class="navbar-brand">angular-data-source</a> <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button> </div> </div> <div class="xs-menu menu" id="mobile-menu"> <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu> </div> <div class="container-fluid main"> <div class="row main"> <div class="d-none d-md-block menu"> <compodoc-menu mode="normal"></compodoc-menu> </div> <!-- START CONTENT --> <div class="content injectable"> <div class="content-data"> <ol class="breadcrumb"> <li class="breadcrumb-item">Injectables</li> <li class="breadcrumb-item" >BaseDataSource</li> </ol> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a href="#info" class="nav-link" class="nav-link active" role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a> </li> <li class="nav-item"> <a href="#source" class="nav-link" role="tab" id="source-tab" data-bs-toggle="tab" data-link="source">Source</a> </li> </ul> <div class="tab-content"> <div class="tab-pane fade active in" id="info"> <p class="comment"> <h3>File</h3> </p> <p class="comment"> <code>src/lib/base.data-source.ts</code> </p> <p class="comment"> <h3>Extends</h3> </p> <p class="comment"> <code>BaseDefinition</code> </p> <section data-compodoc="block-index"> <h3 id="index">Index</h3> <table class="table table-sm table-bordered index-table"> <tbody> <tr> <td class="col-md-4"> <h6><b>Properties</b></h6> </td> </tr> <tr> <td class="col-md-4"> <ul class="index-list"> <li> <span class="modifier">Protected</span> <a href="#_connectedViewer" >_connectedViewer</a> </li> <li> <span class="modifier">Protected</span> <a href="#_connectedViewerTeardown" >_connectedViewerTeardown</a> </li> <li> <span class="modifier">Protected</span> <span class="modifier">Optional</span> <a href="#_data" >_data</a> </li> <li> <span class="modifier">Protected</span> <a href="#_data$" >_data$</a> </li> <li> <span class="modifier">Protected</span> <a href="#_lastRefreshed" >_lastRefreshed</a> </li> <li> <span class="modifier">Protected</span> <a href="#_retry$" >_retry$</a> </li> <li> <span class="modifier">Protected</span> <a href="#_viewerIds" >_viewerIds</a> </li> <li> <span class="modifier">Public</span> <span class="modifier">Readonly</span> <a href="#change$" >change$</a> </li> <li> <span class="modifier">Public</span> <span class="modifier">Readonly</span> <a href="#error$" >error$</a> </li> <li> <span class="modifier">Public</span> <span class="modifier">Optional</span> <a href="#hasError" >hasError</a> </li> <li> <span class="modifier">Public</span> <span class="modifier">Readonly</span> <a href="#hasError$" >hasError$</a> </li> <li> <span class="modifier">Public</span> <span class="modifier">Optional</span> <a href="#loading" >loading</a> </li> <li> <span class="modifier">Public</span> <a href="#loading$" >loading$</a> </li> </ul> </td> </tr> <tr> <td class="col-md-4"> <h6><b>Methods</b></h6> </td> </tr> <tr> <td class="col-md-4"> <ul class="index-list"> <li> <span class="modifier">Protected</span> <a href="#_connect" >_connect</a> </li> <li> <span class="modifier">Protected</span> <a href="#_disconnect" >_disconnect</a> </li> <li> <span class="modifier">Public</span> <a href="#attach" >attach</a> </li> <li> <span class="modifier">Public</span> <a href="#connect" >connect</a> </li> <li> <span class="modifier">Public</span> <a href="#derive" >derive</a> </li> <li> <span class="modifier">Public</span> <a href="#disconnect" >disconnect</a> </li> <li> <span class="modifier">Protected</span> <a href="#genericRetryFunction" >genericRetryFunction</a> </li> <li> <span class="modifier">Public</span> <a href="#getViewerId" >getViewerId</a> </li> <li> <span class="modifier">Protected</span> <a href="#handelError" >handelError</a> </li> <li> <span class="modifier">Public</span> <a href="#isConnected" >isConnected</a> </li> <li> <span class="modifier">Public</span> <a href="#refresh" >refresh</a> </li> <li> <span class="modifier">Public</span> <a href="#reset" >reset</a> </li> <li> <span class="modifier">Public</span> <a href="#retry" >retry</a> </li> <li> <span class="modifier">Public</span> <a href="#toJSON" >toJSON</a> </li> <li> <span class="modifier">Public</span> <span class="modifier">Async</span> <a href="#toPromise" >toPromise</a> </li> </ul> </td> </tr> <tr> <td class="col-md-4"> <h6><b>Accessors</b></h6> </td> </tr> <tr> <td class="col-md-4"> <ul class="index-list"> <li> <a href="#lastRefreshed" >lastRefreshed</a> </li> <li> <a href="#data" >data</a> </li> <li> <a href="#hasConnections" >hasConnections</a> </li> </ul> </td> </tr> </tbody> </table> </section> <section data-compodoc="block-constructor"> <h3 id="constructor">Constructor</h3> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <code>constructor(metadata: Metadata | null)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">src/lib/base.data-source.ts:94</a></div> </td> </tr> <tr> <td class="col-md-4"> <div> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>metadata</td> <td> <code>Metadata | null</code> </td> <td> No </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </section> <section data-compodoc="block-methods"> <h3 id="methods"> Methods </h3> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="_connect"></a> <span class="name"> <span class="modifier">Protected</span> <span ><b>_connect</b></span> <a href="#_connect"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>_connect(viewer: <a href="../interfaces/BaseDataSourceViewer.html" target="_self">BaseDataSourceViewer</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="323" class="link-to-prism">src/lib/base.data-source.ts:323</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>viewer</td> <td> <code><a href="../interfaces/BaseDataSourceViewer.html" target="_self" >BaseDataSourceViewer</a></code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code> | Observable</code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="_disconnect"></a> <span class="name"> <span class="modifier">Protected</span> <span ><b>_disconnect</b></span> <a href="#_disconnect"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>_disconnect(viewerId: <a href="../undefineds/DataSourceViewerId.html" target="_self">DataSourceViewerId</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="308" class="link-to-prism">src/lib/base.data-source.ts:308</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>viewerId</td> <td> <code><a href="../miscellaneous/typealiases.html#DataSourceViewerId" target="_self" >DataSourceViewerId</a></code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="attach"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>attach</b></span> <a href="#attach"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>attach(viewerId: <a href="../undefineds/DataSourceViewerId.html" target="_self">DataSourceViewerId</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/lib/base.data-source.ts:210</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>viewerId</td> <td> <code><a href="../miscellaneous/typealiases.html#DataSourceViewerId" target="_self" >DataSourceViewerId</a></code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code>Observable&lt;Data&gt;</code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="connect"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>connect</b></span> <a href="#connect"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>connect(viewerOrString: <a href="../undefineds/DataSourceViewerId.html" target="_self">Viewer | DataSourceViewerId</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/lib/base.data-source.ts:124</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>viewerOrString</td> <td> <code><a href="../miscellaneous/typealiases.html#DataSourceViewerId" target="_self" >Viewer | DataSourceViewerId</a></code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code>Observable&lt;Data&gt;</code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="derive"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>derive</b></span> <a href="#derive"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>derive(id: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>, metadata: <a href="../injectables/BaseDataSource.html" target="_self">Partial&lt;BaseDataSourceMetadata&gt;</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="270" class="link-to-prism">src/lib/base.data-source.ts:270</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> <td>Default value</td> </tr> </thead> <tbody> <tr> <td>id</td> <td> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code> </td> <td> No </td> <td> </td> </tr> <tr> <td>metadata</td> <td> <code><a href="../injectables/BaseDataSource.html" target="_self" >Partial&lt;BaseDataSourceMetadata&gt;</a></code> </td> <td> No </td> <td> <code>this.metadata</code> </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code><a href="../injectables/BaseDataSource.html" target="_self" >BaseDataSource&lt;any&gt;</a></code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="disconnect"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>disconnect</b></span> <a href="#disconnect"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>disconnect(viewerOrId: <a href="../undefineds/DataSourceViewerId.html" target="_self">Viewer | DataSourceViewerId</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="225" class="link-to-prism">src/lib/base.data-source.ts:225</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>viewerOrId</td> <td> <code><a href="../miscellaneous/typealiases.html#DataSourceViewerId" target="_self" >Viewer | DataSourceViewerId</a></code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="genericRetryFunction"></a> <span class="name"> <span class="modifier">Protected</span> <span ><b>genericRetryFunction</b></span> <a href="#genericRetryFunction"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>genericRetryFunction(error: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>, retryCount: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="311" class="link-to-prism">src/lib/base.data-source.ts:311</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>error</td> <td> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code> </td> <td> No </td> </tr> <tr> <td>retryCount</td> <td> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code>Observable&lt;any&gt;</code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="getViewerId"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>getViewerId</b></span> <a href="#getViewerId"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>getViewerId(viewer: Viewer)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/lib/base.data-source.ts:114</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>viewer</td> <td> <code>Viewer</code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="handelError"></a> <span class="name"> <span class="modifier">Protected</span> <span ><b>handelError</b></span> <a href="#handelError"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>handelError(error: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="317" class="link-to-prism">src/lib/base.data-source.ts:317</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>error</td> <td> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="isConnected"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>isConnected</b></span> <a href="#isConnected"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>isConnected(viewerOrId: <a href="../undefineds/DataSourceViewerId.html" target="_self">Viewer | DataSourceViewerId</a>)</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="217" class="link-to-prism">src/lib/base.data-source.ts:217</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Parameters :</b> <table class="params"> <thead> <tr> <td>Name</td> <td>Type</td> <td>Optional</td> </tr> </thead> <tbody> <tr> <td>viewerOrId</td> <td> <code><a href="../miscellaneous/typealiases.html#DataSourceViewerId" target="_self" >Viewer | DataSourceViewerId</a></code> </td> <td> No </td> </tr> </tbody> </table> </div> <div class="io-description"> <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code> </div> <div class="io-description"> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="refresh"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>refresh</b></span> <a href="#refresh"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>refresh()</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="290" class="link-to-prism">src/lib/base.data-source.ts:290</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="reset"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>reset</b></span> <a href="#reset"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>reset()</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/lib/base.data-source.ts:297</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code> </div> </td> </tr> </tbody> </table> <table class="table table-sm table-bordered"> <tbody> <tr> <td class="col-md-4"> <a name="retry"></a> <span class="name"> <span class="modifier">Public</span> <span ><b>retry</b></span> <a href="#retry"><span class="icon ion-ios-link"></span></a> </span> </td> </tr> <tr> <td class="col-md-4"> <span class="modifier-icon icon ion-ios-reset"></span> <code>retry()</code> </td> </tr> <tr> <td class="col-md-4"> <div class="io-line">Defined in <a href="" data-line="293" class="link-to-prism">src/lib/base.data-source.ts:293</a></div> </td> </tr> <tr> <td class="col-md-4"> <div class="io-description"> <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code> </div>