%PDF-
%PDF-
Mini Shell
Mini Shell
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>vuejs-datatable</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="assets/js/search.js" data-base=".">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="index.html" class="title">vuejs-datatable</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-externals" checked />
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
<input type="checkbox" id="tsd-filter-only-exported" />
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="globals.html">Globals</a>
</li>
</ul>
<h1> vuejs-datatable</h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<div class="tsd-panel tsd-typography">
<a href="#vuejs-datatable" id="vuejs-datatable" style="color: inherit; text-decoration: none;">
<h1>vuejs-datatable</h1>
</a>
<blockquote>
<p>A VueJS plugin to manage data tables</p>
</blockquote>
<p>Allows for quick and easy setup of filterable, sortable, and paginated tables. Currently supports Vue.js ^2.4.</p>
<p><a href="https://www.npmjs.com/package/vuejs-datatable"><img src="https://img.shields.io/npm/dm/vuejs-datatable.svg" alt="npm"></a>
<a href="https://www.npmjs.com/package/vuejs-datatable"><img src="https://badge.fury.io/js/vuejs-datatable.svg" alt="npm version"></a>
<a href="https://renovatebot.com/"><img src="https://badges.renovateapi.com/github/GerkinDev/vuejs-datatable" alt="Renovate"></a>
<a href="https://snyk.io/test/github/GerkinDev/vuejs-datatable?targetFile=package.json"><img src="https://snyk.io/test/github/GerkinDev/vuejs-datatable/badge.svg?targetFile=package.json" alt="Known Vulnerabilities"></a>
<a href="https://travis-ci.com/GerkinDev/vuejs-datatable"><img src="https://travis-ci.com/GerkinDev/vuejs-datatable.svg?branch=master" alt="Build Status"></a>
<a href="https://codeclimate.com/github/GerkinDev/vuejs-datatable/maintainability"><img src="https://api.codeclimate.com/v1/badges/824c7a7811b5fc8e39d7/maintainability" alt="Maintainability"></a>
<a href="https://codeclimate.com/github/GerkinDev/vuejs-datatable/test_coverage"><img src="https://api.codeclimate.com/v1/badges/824c7a7811b5fc8e39d7/test_coverage" alt="Test Coverage"></a>
<a href="https://github.com/GerkinDev/vuejs-datatable"><img src="https://img.shields.io/github/commit-activity/y/GerkinDev/vuejs-datatable" alt="GitHub commit activity the past year"></a>
<a href="https://github.com/GerkinDev/vuejs-datatable/blob/master/LICENSE"><img src="https://img.shields.io/github/license/GerkinDev/vuejs-datatable.svg" alt="license"></a></p>
<p>E2E testing over Travis realized using</p>
<p><a href="https://www.browserstack.com/"><img src="https://i1.wp.com/www.diogonunes.com/blog/wp-content/uploads/2016/07/browserstack-logo.png?resize=490%2C105" height="105.6" width="490.1" class="img-responsive"/></a></p>
<p><a href="https://gerkindev.github.io/vuejs-datatable/">:point_right: Browse the documentation :books:</a>
<a href="https://gerkindev.github.io/vuejs-datatable/tutorials/index.html">:point_right: Check out the tutorials :books:</a></p>
<hr>
<a href="#getting-started" id="getting-started" style="color: inherit; text-decoration: none;">
<h2>Getting started</h2>
</a>
<a href="#install-the-package" id="install-the-package" style="color: inherit; text-decoration: none;">
<h3>Install the package</h3>
</a>
<p>To install this package, simply install <code>vuejs-datatable</code> with your favorite package manager:</p>
<pre><code class="language-sh"><span class="hljs-comment"># Using npm</span>
npm install vuejs-datatable
<span class="hljs-comment"># Using yarn</span>
yarn add vuejs-datatable</code></pre>
<a href="#import-the-package" id="import-the-package" style="color: inherit; text-decoration: none;">
<h3>Import the package</h3>
</a>
<a href="#use-the-esm-build" id="use-the-esm-build" style="color: inherit; text-decoration: none;">
<h4>Use the ESM build</h4>
</a>
<blockquote>
<p>The <a href="https://medium.com/webpack/the-state-of-javascript-modules-4636d1774358"><em>ESM</em></a> build (<strong>E</strong>cma<strong>S</strong>cript <strong>M</strong>odule) implies that your target browsers supports <em>ESM</em> <strong>OR</strong> you use a bundler, like <a href="https://webpack.js.org/"><em>webpack</em></a>, <a href="https://rollupjs.org/guide/en"><em>rollup.js</em></a> or <a href="https://parceljs.org/"><em>Parcel</em></a>.</p>
</blockquote>
<p>Import & register the <a href="https://gerkindev.github.io/vuejs-datatable/DatatableFactory.html"><em>DatatableFactory</em></a> in Vue:</p>
<pre><code class="language-js"><span class="hljs-keyword">import</span> Vue <span class="hljs-keyword">from</span> <span class="hljs-string">'vue'</span>;
<span class="hljs-keyword">import</span> { VuejsDatatableFactory } <span class="hljs-keyword">from</span> <span class="hljs-string">'vuejs-datatable'</span>;
Vue.use( VuejsDatatableFactory );</code></pre>
<p>Check out <a href="#customize-the-datatable"><em>how to customize table types</em></a> to see some usage of the <a href="https://gerkindev.github.io/vuejs-datatable/DatatableFactory.html"><em>DatatableFactory</em></a> and the possible reasons not to use the default instance exported as <code>VuejsDatatableFactory</code>.</p>
<a href="#use-the-iife-build" id="use-the-iife-build" style="color: inherit; text-decoration: none;">
<h4>Use the IIFE build</h4>
</a>
<blockquote>
<p>The <a href="https://developer.mozilla.org/en-US/docs/Glossary/IIFE"><em>IIFE</em></a> build (<strong>I</strong>mmediately <strong>I</strong>nvoked <strong>F</strong>unction <strong>E</strong>xpression) should be prefered only for small applications without bundlers, or if you privilegiate the use of a <em>CDN</em>.</p>
</blockquote>
<p>In your HTML, load the <em>IIFE</em> build directly, if possible right before the closing <code></body></code> tag. You <strong>must</strong> make sure that the loading order is preserved, like below.</p>
<pre><code class="language-html"><span class="hljs-tag"><<span class="hljs-name">body</span>></span>
<span class="hljs-comment"><!-- All your page content... --></span>
<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js"</span> <span class="hljs-attr">defer</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"/dist/vuejs-datatable.js"</span> <span class="hljs-attr">defer</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"/myscript.js"</span> <span class="hljs-attr">defer</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"></<span class="hljs-name">body</span>></span></code></pre>
<p>The <em>IIFE</em> build exposes the <a href="https://gerkindev.github.io/vuejs-datatable/DatatableFactory.html"><em>DatatableFactory</em></a> as the global <code>VuejsDatatable</code>. Check out <a href="#customize-the-datatable"><em>how to customize table types</em></a> to see some usage of the <code>DatatableFactory</code>.</p>
<a href="#use-the-component" id="use-the-component" style="color: inherit; text-decoration: none;">
<h3>Use the component</h3>
</a>
<p>Use the component in your HTML or template:</p>
<pre><code class="language-html"><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"vue-root"</span>></span>
<span class="hljs-tag"><<span class="hljs-name">datatable</span> <span class="hljs-attr">:columns</span>=<span class="hljs-string">"columns"</span> <span class="hljs-attr">:data</span>=<span class="hljs-string">"rows"</span>></span><span class="hljs-tag"></<span class="hljs-name">datatable</span>></span>
<span class="hljs-tag"></<span class="hljs-name">div</span>></span></code></pre>
<p>Then pass in the columns and the data to your Vue instance:</p>
<pre><code class="language-js"><span class="hljs-keyword">new</span> Vue({
<span class="hljs-attr">el</span>: <span class="hljs-string">'#vue-root'</span>,
<span class="hljs-attr">data</span>: {
<span class="hljs-attr">columns</span>: [
{<span class="hljs-attr">label</span>: <span class="hljs-string">'id'</span>, <span class="hljs-attr">field</span>: <span class="hljs-string">'id'</span>},
{<span class="hljs-attr">label</span>: <span class="hljs-string">'Username'</span>, <span class="hljs-attr">field</span>: <span class="hljs-string">'user.username'</span>, <span class="hljs-attr">headerClass</span>: <span class="hljs-string">'class-in-header second-class'</span>},
{<span class="hljs-attr">label</span>: <span class="hljs-string">'First Name'</span>, <span class="hljs-attr">field</span>: <span class="hljs-string">'user.firstName'</span>},
{<span class="hljs-attr">label</span>: <span class="hljs-string">'Last Name'</span>, <span class="hljs-attr">field</span>: <span class="hljs-string">'user.lastName'</span>},
{<span class="hljs-attr">label</span>: <span class="hljs-string">'Email'</span>, <span class="hljs-attr">field</span>: <span class="hljs-string">'user.email'</span>},
{<span class="hljs-attr">label</span>: <span class="hljs-string">'Address'</span>, <span class="hljs-attr">representedAs</span>: <span class="hljs-function">(<span class="hljs-params">{address, city, state}</span>) =></span> <span class="hljs-string">`<span class="hljs-subst">${address}</span><br /><span class="hljs-subst">${city}</span>, <span class="hljs-subst">${state}</span>`</span>, <span class="hljs-attr">interpolate</span>: <span class="hljs-literal">true</span>}
],
<span class="hljs-attr">rows</span>: [
<span class="hljs-comment">//...</span>
{
<span class="hljs-attr">id</span>: <span class="hljs-number">1</span>,
<span class="hljs-attr">user</span>: {
<span class="hljs-attr">username</span>: <span class="hljs-string">"dprice0"</span>,
<span class="hljs-attr">firstName</span>: <span class="hljs-string">"Daniel"</span>,
<span class="hljs-attr">lastName</span>: <span class="hljs-string">"Price"</span>,
<span class="hljs-attr">email</span>: <span class="hljs-string">"dprice0@blogs.com"</span>
},
<span class="hljs-attr">address</span>: <span class="hljs-string">"3 Toban Park"</span>,
<span class="hljs-attr">city</span>: <span class="hljs-string">"Pocatello"</span>,
<span class="hljs-attr">state</span>: <span class="hljs-string">"Idaho"</span>
}
<span class="hljs-comment">//...</span>
]
}
});</code></pre>
<a href="#customize-the-datatable" id="customize-the-datatable" style="color: inherit; text-decoration: none;">
<h3>Customize the datatable</h3>
</a>
<p>The DatatableFactory exposes several methods to allow you to add or modify other <code>datatable</code>-like components, with <a href="https://gerkindev.github.io/vuejs-datatable/tutorial-custom-theme.html">custom styles</a> or <a href="https://gerkindev.github.io/vuejs-datatable/tutorial-ajax-handler.html">behavior</a>.</p>
<pre><code class="language-js">VuejsDatatable
.registerTableType( <span class="hljs-string">'my-awesome-table'</span>, tableType => {
tableType
.mergeSettings( <span class="hljs-comment">/* ... */</span> )
.setFilterHandler( <span class="hljs-comment">/* ... */</span> )
.setSortHandler( <span class="hljs-comment">/* ... */</span> );
} );</code></pre>
<a href="#documentation" id="documentation" style="color: inherit; text-decoration: none;">
<h2>Documentation</h2>
</a>
<p>Browse the full documentation at <a href="https://gerkindev.github.io/vuejs-datatable/">https://gerkindev.github.io/vuejs-datatable/</a>.</p>
<a href="#use-a-development-version" id="use-a-development-version" style="color: inherit; text-decoration: none;">
<h2>Use a development version</h2>
</a>
<p>Sometimes, you'll need to use a development version of the module. This allow you to modify source code, run tests, and build custom versions of the module.</p>
<p>Always existing branches are:</p>
<ul>
<li><a href="https://github.com/GerkinDev/vuejs-datatable/tree/develop"><code>develop</code></a>: Latest changes, not yet validated.</li>
<li><a href="https://github.com/GerkinDev/vuejs-datatable/tree/staging"><code>staging</code></a>: Changes considered as stable and planned for next release.</li>
<li><a href="https://github.com/GerkinDev/vuejs-datatable/tree/master"><code>master</code></a>: Releases, stable versions.</li>
</ul>
<p>You may use other branches (for features, hotfixes, etc etc). Check out the <a href="https://github.com/GerkinDev/vuejs-datatable/branches">list of branches</a>.</p>
<pre><code class="language-sh"><span class="hljs-comment"># First, clone the repo</span>
<span class="hljs-comment"># replace `my-branch` with the name of the branch you want to use</span>
git <span class="hljs-built_in">clone</span> https://github.com/GerkinDev/vuejs-datatable.git<span class="hljs-comment">#my-branch</span>
<span class="hljs-comment"># Go to the repo directory</span>
<span class="hljs-built_in">cd</span> vuejs-datatable
<span class="hljs-comment"># Install dependencies</span>
npm install
<span class="hljs-comment"># Run tests</span>
npm run <span class="hljs-built_in">test</span>
<span class="hljs-comment"># Build the package</span>
npm run build</code></pre>
<p>Optionaly, <a href="https://docs.npmjs.com/cli/link.html">link your local modules</a> so you can use it in other modules.</p>
<blockquote>
<p>You may need to run the following command as <code>sudo</code></p>
</blockquote>
<pre><code class="language-sh">npm link</code></pre>
<a href="#attributions" id="attributions" style="color: inherit; text-decoration: none;">
<h2>Attributions</h2>
</a>
<ul>
<li><a href="https://www.patrickstephan.me">Patrick Stephan</a>: Original author</li>
<li><a href="https://github.com/GerkinDev/">Alexandre Germain</a>: Current maintainer</li>
</ul>
</div>
</div>
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
<nav class="tsd-navigation primary">
<ul>
<li class="globals ">
<a href="globals.html"><em>Globals</em></a>
</li>
<li class=" ">
<a href="tutorials/index.html">Tutorial index</a>
</li>
</ul>
</nav>
<nav class="tsd-navigation secondary menu-sticky">
<ul class="before-current">
<li class=" tsd-kind-enum">
<a href="enums/ecolalign.html" class="tsd-kind-icon">ECol<wbr>Align</a>
</li>
<li class=" tsd-kind-enum">
<a href="enums/epagertype.html" class="tsd-kind-icon">EPager<wbr>Type</a>
</li>
<li class=" tsd-kind-enum">
<a href="enums/esortdir.html" class="tsd-kind-icon">ESort<wbr>Dir</a>
</li>
<li class=" tsd-kind-class tsd-has-type-parameter">
<a href="classes/column.html" class="tsd-kind-icon">Column</a>
</li>
<li class=" tsd-kind-class">
<a href="classes/datatablefactory.html" class="tsd-kind-icon">Datatable<wbr>Factory</a>
</li>
<li class=" tsd-kind-class tsd-has-type-parameter">
<a href="classes/defaulthandler.html" class="tsd-kind-icon">Default<wbr>Handler</a>
</li>
<li class=" tsd-kind-class">
<a href="classes/settings.html" class="tsd-kind-icon">Settings</a>
</li>
<li class=" tsd-kind-class tsd-has-type-parameter">
<a href="classes/tabletype.html" class="tsd-kind-icon">Table<wbr>Type</a>
</li>
<li class=" tsd-kind-class tsd-has-type-parameter">
<a href="classes/vuedatatable.html" class="tsd-kind-icon">Vue<wbr>Datatable</a>
</li>
<li class=" tsd-kind-class tsd-has-type-parameter">
<a href="classes/vuedatatablecell.html" class="tsd-kind-icon">Vue<wbr>Datatable<wbr>Cell</a>
</li>
<li class=" tsd-kind-class tsd-has-type-parameter">
<a href="classes/vuedatatableheader.html" class="tsd-kind-icon">Vue<wbr>Datatable<wbr>Header</a>
</li>
<li class=" tsd-kind-class tsd-has-type-parameter">
<a href="classes/vuedatatablepager.html" class="tsd-kind-icon">Vue<wbr>Datatable<wbr>Pager</a>
</li>
<li class=" tsd-kind-class">
<a href="classes/vuedatatablepagerbutton.html" class="tsd-kind-icon">Vue<wbr>Datatable<wbr>Pager<wbr>Button</a>
</li>
<li class=" tsd-kind-interface tsd-has-type-parameter">
<a href="interfaces/icolumndefinition.html" class="tsd-kind-icon">IColumn<wbr>Definition</a>
</li>
<li class=" tsd-kind-interface tsd-has-type-parameter">
<a href="interfaces/idatafnparams.html" class="tsd-kind-icon">IData<wbr>FnParams</a>
</li>
<li class=" tsd-kind-interface tsd-has-type-parameter">
<a href="interfaces/idict.html" class="tsd-kind-icon">IDict</a>
</li>
<li class=" tsd-kind-interface tsd-has-type-parameter">
<a href="interfaces/idisplayhandlerparam.html" class="tsd-kind-icon">IDisplay<wbr>Handler<wbr>Param</a>
</li>
<li class=" tsd-kind-interface tsd-has-type-parameter">
<a href="interfaces/idisplayhandlerresult.html" class="tsd-kind-icon">IDisplay<wbr>Handler<wbr>Result</a>
</li>
<li class=" tsd-kind-interface tsd-has-type-parameter">
<a href="interfaces/ihandler.html" class="tsd-kind-icon">IHandler</a>
</li>
<li class=" tsd-kind-interface tsd-is-not-exported">
<a href="interfaces/ipagerange.html" class="tsd-kind-icon">IPage<wbr>Range</a>
</li>
<li class=" tsd-kind-interface">
<a href="interfaces/isettingsproperties.html" class="tsd-kind-icon">ISettings<wbr>Properties</a>
</li>
<li class=" tsd-kind-interface tsd-has-type-parameter">
<a href="interfaces/itablecontentparam.html" class="tsd-kind-icon">ITable<wbr>Content<wbr>Param</a>
</li>
<li class=" tsd-kind-interface">
<a href="interfaces/itabletypeconsumer.html" class="tsd-kind-icon">ITable<wbr>Type<wbr>Consumer</a>
</li>
<li class=" tsd-kind-type-alias tsd-has-type-parameter">
<a href="globals.html#deeppartial" class="tsd-kind-icon">Deep<wbr>Partial</a>
</li>
<li class=" tsd-kind-type-alias">
<a href="globals.html#tclassval" class="tsd-kind-icon">TClass<wbr>Val</a>
</li>
<li class=" tsd-kind-type-alias tsd-has-type-parameter">
<a href="globals.html#tcolumnsdefinition" class="tsd-kind-icon">TColumns<wbr>Definition</a>
</li>
<li class=" tsd-kind-type-alias tsd-has-type-parameter">
<a href="globals.html#tdatafn" class="tsd-kind-icon">TData<wbr>Fn</a>
</li>
<li class=" tsd-kind-type-alias tsd-has-type-parameter">
<a href="globals.html#tdisplayhandler" class="tsd-kind-icon">TDisplay<wbr>Handler</a>
</li>
<li class=" tsd-kind-type-alias tsd-has-type-parameter">
<a href="globals.html#tfilterhandler" class="tsd-kind-icon">TFilter<wbr>Handler</a>
</li>
<li class=" tsd-kind-type-alias tsd-has-type-parameter">
<a href="globals.html#tmaybepromise" class="tsd-kind-icon">TMaybe<wbr>Promise</a>
</li>
<li class=" tsd-kind-type-alias tsd-has-type-parameter">
<a href="globals.html#tpaginatehandler" class="tsd-kind-icon">TPaginate<wbr>Handler</a>
</li>
<li class=" tsd-kind-type-alias tsd-has-type-parameter">
<a href="globals.html#tsorthandler" class="tsd-kind-icon">TSort<wbr>Handler</a>
</li>
<li class=" tsd-kind-variable tsd-is-not-exported">
<a href="globals.html#default_datatable" class="tsd-kind-icon">DEFAULT_<wbr>DATATABLE</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#vuejsdatatablefactory" class="tsd-kind-icon">Vuejs<wbr>Datatable<wbr>Factory</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#classvaltype" class="tsd-kind-icon">class<wbr>Val<wbr>Type</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#displayhandler" class="tsd-kind-icon">display<wbr>Handler</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#filterhandler" class="tsd-kind-icon">filter<wbr>Handler</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#get" class="tsd-kind-icon">get</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#getpagerdefinition" class="tsd-kind-icon">get<wbr>Pager<wbr>Definition</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#getrepresentation" class="tsd-kind-icon">get<wbr>Representation</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#gettabledefinition" class="tsd-kind-icon">get<wbr>Table<wbr>Definition</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#merge" class="tsd-kind-icon">merge</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#namespace" class="tsd-kind-icon">namespace</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#paginatehandler" class="tsd-kind-icon">paginate<wbr>Handler</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#set" class="tsd-kind-icon">set</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#setting" class="tsd-kind-icon">setting</a>
</li>
<li class=" tsd-kind-variable">
<a href="globals.html#sorthandler" class="tsd-kind-icon">sort<wbr>Handler</a>
</li>
<li class=" tsd-kind-function tsd-is-not-exported">
<a href="globals.html#canonicalclassvals" class="tsd-kind-icon">canonical<wbr>Class<wbr>Vals</a>
</li>
<li class=" tsd-kind-function tsd-has-type-parameter">
<a href="globals.html#ensurepromise" class="tsd-kind-icon">ensure<wbr>Promise</a>
</li>
<li class=" tsd-kind-function tsd-has-type-parameter tsd-is-not-exported">
<a href="globals.html#ispromise" class="tsd-kind-icon">is<wbr>Promise</a>
</li>
<li class=" tsd-kind-function">
<a href="globals.html#mergeclassvals" class="tsd-kind-icon">merge<wbr>Class<wbr>Vals</a>
</li>
<li class=" tsd-kind-function">
<a href="globals.html#namespaceevent" class="tsd-kind-icon">namespace<wbr>Event</a>
</li>
<li class=" tsd-kind-function tsd-has-type-parameter tsd-is-not-exported">
<a href="globals.html#stablesort" class="tsd-kind-icon">stable<wbr>Sort</a>
</li>
<li class=" tsd-kind-function">
<a href="globals.html#tabletypeconsumerfactory" class="tsd-kind-icon">table<wbr>Type<wbr>Consumer<wbr>Factory</a>
</li>
<li class=" tsd-kind-function">
<a href="globals.html#valuetostring" class="tsd-kind-icon">value<wbr>ToString</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<footer class="with-border-bottom">
<div class="container">
<h2>Legend</h2>
<div class="tsd-legend-group">
<ul class="tsd-legend">
<li class="tsd-kind-module"><span class="tsd-kind-icon">Module</span></li>
<li class="tsd-kind-object-literal"><span class="tsd-kind-icon">Object literal</span></li>
<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
<li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li>
<li class="tsd-kind-index-signature"><span class="tsd-kind-icon">Index signature</span></li>
<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
<li class="tsd-kind-type-alias tsd-has-type-parameter"><span class="tsd-kind-icon">Type alias with type parameter</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
<li class="tsd-kind-enum-member"><span class="tsd-kind-icon">Enumeration member</span></li>
<li class="tsd-kind-property tsd-parent-kind-enum"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-enum"><span class="tsd-kind-icon">Method</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
<li class="tsd-kind-interface tsd-has-type-parameter"><span class="tsd-kind-icon">Interface with type parameter</span></li>
<li class="tsd-kind-constructor tsd-parent-kind-interface"><span class="tsd-kind-icon">Constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
<li class="tsd-kind-index-signature tsd-parent-kind-interface"><span class="tsd-kind-icon">Index signature</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
<li class="tsd-kind-class tsd-has-type-parameter"><span class="tsd-kind-icon">Class with type parameter</span></li>
<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li>
<li class="tsd-kind-index-signature tsd-parent-kind-class"><span class="tsd-kind-icon">Index signature</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private accessor</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
<li class="tsd-kind-call-signature tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static method</span></li>
</ul>
</div>
</div>
</footer>
<div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
</div>
<div class="overlay"></div>
<script src="assets/js/main.js"></script>
<script>if (location.protocol == 'file:') document.write('<script src="assets/js/search.js"><' + '/script>');</script>
</body>
</html>
Zerion Mini Shell 1.0