carbon-components-angular
Version:
Next generation components
919 lines (894 loc) • 62.3 kB
HTML
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>carbon-components-angular documentation</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">
<style>
footer.carbon {
position: absolute;
bottom: 0;
width: 100%;
z-index: 9999;
}
#root > div {
/*
* Subtracting the height of the footer to prevent
* overlaying the footer ontop of content
*/
height: calc(100vh - 48px);
}
</style>
</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">carbon-components-angular documentation</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 module">
<div class="content-data">
<ol class="breadcrumb">
<li class="breadcrumb-item">Modules</li>
<li class="breadcrumb-item" >TableModule</li>
</ol>
<div class="text-center module-graph-container">
<div id="module-graph-svg">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.47.0 (20210316.0004)
-->
<!-- Title: dependencies Pages: 1 -->
<svg width="3678pt" height="284pt"
viewBox="0.00 0.00 3678.00 284.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 280)">
<title>dependencies</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-280 3674,-280 3674,4 -4,4"/>
<text text-anchor="start" x="1814.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="1601,-10 1601,-30 1621,-30 1621,-10 1601,-10"/>
<text text-anchor="start" x="1624.63" y="-15.4" font-family="Times-12" font-size="14.00">  Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="1714,-10 1714,-30 1734,-30 1734,-10 1714,-10"/>
<text text-anchor="start" x="1737.73" y="-15.4" font-family="Times-12" font-size="14.00">  Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="1800,-10 1800,-30 1820,-30 1820,-10 1800,-10"/>
<text text-anchor="start" x="1823.78" y="-15.4" font-family="Times-12" font-size="14.00">  Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="1897,-10 1897,-30 1917,-30 1917,-10 1897,-10"/>
<text text-anchor="start" x="1920.67" y="-15.4" font-family="Times-12" font-size="14.00">  Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="1993,-10 1993,-30 2013,-30 2013,-10 1993,-10"/>
<text text-anchor="start" x="2016.73" y="-15.4" font-family="Times-12" font-size="14.00">  Exports</text>
<g id="clust1" class="cluster">
<title>cluster_TableModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 3662,-268 3662,-70 8,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_TableModule_declarations</title>
<polygon fill="none" stroke="black" points="699,-78 699,-130 3654,-130 3654,-78 699,-78"/>
</g>
<g id="clust27" class="cluster">
<title>cluster_TableModule_exports</title>
<polygon fill="none" stroke="black" points="238,-208 238,-260 3271,-260 3271,-208 238,-208"/>
</g>
<g id="clust26" class="cluster">
<title>cluster_TableModule_imports</title>
<polygon fill="none" stroke="black" points="16,-78 16,-130 691,-130 691,-78 16,-78"/>
</g>
<!-- ExpandedRowHover -->
<g id="node1" class="node">
<title>ExpandedRowHover</title>
<polygon fill="#ffffb3" stroke="black" points="3645.91,-122 3512.09,-122 3512.09,-86 3645.91,-86 3645.91,-122"/>
<text text-anchor="middle" x="3579" y="-99.8" font-family="Times,serif" font-size="14.00">ExpandedRowHover</text>
</g>
<!-- TableModule -->
<g id="node24" class="node">
<title>TableModule</title>
<polygon fill="#8dd3c7" stroke="black" points="1923.92,-187 1920.92,-191 1899.92,-191 1896.92,-187 1832.08,-187 1832.08,-151 1923.92,-151 1923.92,-187"/>
<text text-anchor="middle" x="1878" y="-164.8" font-family="Times,serif" font-size="14.00">TableModule</text>
</g>
<!-- ExpandedRowHover->TableModule -->
<g id="edge1" class="edge">
<title>ExpandedRowHover->TableModule</title>
<path fill="none" stroke="black" d="M3579,-122.31C3579,-142.15 3579,-171 3579,-171 3579,-171 1933.94,-171 1933.94,-171"/>
<polygon fill="black" stroke="black" points="1933.94,-167.5 1923.94,-171 1933.94,-174.5 1933.94,-167.5"/>
</g>
<!-- Table -->
<g id="node2" class="node">
<title>Table</title>
<polygon fill="#ffffb3" stroke="black" points="3494,-122 3440,-122 3440,-86 3494,-86 3494,-122"/>
<text text-anchor="middle" x="3467" y="-99.8" font-family="Times,serif" font-size="14.00">Table</text>
</g>
<!-- Table->TableModule -->
<g id="edge2" class="edge">
<title>Table->TableModule</title>
<path fill="none" stroke="black" d="M3467,-122.11C3467,-141.34 3467,-169 3467,-169 3467,-169 1933.84,-169 1933.84,-169"/>
<polygon fill="black" stroke="black" points="1933.84,-165.5 1923.84,-169 1933.84,-172.5 1933.84,-165.5"/>
</g>
<!-- TableBody -->
<g id="node3" class="node">
<title>TableBody</title>
<polygon fill="#ffffb3" stroke="black" points="3422.21,-122 3343.79,-122 3343.79,-86 3422.21,-86 3422.21,-122"/>
<text text-anchor="middle" x="3383" y="-99.8" font-family="Times,serif" font-size="14.00">TableBody</text>
</g>
<!-- TableBody->TableModule -->
<g id="edge3" class="edge">
<title>TableBody->TableModule</title>
<path fill="none" stroke="black" d="M3383,-122.17C3383,-141.09 3383,-168 3383,-168 3383,-168 1933.86,-168 1933.86,-168"/>
<polygon fill="black" stroke="black" points="1933.86,-164.5 1923.86,-168 1933.86,-171.5 1933.86,-164.5"/>
</g>
<!-- TableCheckbox -->
<g id="node4" class="node">
<title>TableCheckbox</title>
<polygon fill="#ffffb3" stroke="black" points="3326.14,-122 3221.86,-122 3221.86,-86 3326.14,-86 3326.14,-122"/>
<text text-anchor="middle" x="3274" y="-99.8" font-family="Times,serif" font-size="14.00">TableCheckbox</text>
</g>
<!-- TableCheckbox->TableModule -->
<g id="edge4" class="edge">
<title>TableCheckbox->TableModule</title>
<path fill="none" stroke="black" d="M3242.57,-122.22C3242.57,-140.83 3242.57,-167 3242.57,-167 3242.57,-167 1933.79,-167 1933.79,-167"/>
<polygon fill="black" stroke="black" points="1933.79,-163.5 1923.79,-167 1933.79,-170.5 1933.79,-163.5"/>
</g>
<!-- TableContainer -->
<g id="node5" class="node">
<title>TableContainer</title>
<polygon fill="#ffffb3" stroke="black" points="3203.58,-122 3100.42,-122 3100.42,-86 3203.58,-86 3203.58,-122"/>
<text text-anchor="middle" x="3152" y="-99.8" font-family="Times,serif" font-size="14.00">TableContainer</text>
</g>
<!-- TableContainer->TableModule -->
<g id="edge5" class="edge">
<title>TableContainer->TableModule</title>
<path fill="none" stroke="black" d="M3104.73,-122.3C3104.73,-140.27 3104.73,-165 3104.73,-165 3104.73,-165 1933.85,-165 1933.85,-165"/>
<polygon fill="black" stroke="black" points="1933.85,-161.5 1923.85,-165 1933.85,-168.5 1933.85,-161.5"/>
</g>
<!-- TableData -->
<g id="node6" class="node">
<title>TableData</title>
<polygon fill="#ffffb3" stroke="black" points="3082.3,-122 3007.7,-122 3007.7,-86 3082.3,-86 3082.3,-122"/>
<text text-anchor="middle" x="3045" y="-99.8" font-family="Times,serif" font-size="14.00">TableData</text>
</g>
<!-- TableData->TableModule -->
<g id="edge6" class="edge">
<title>TableData->TableModule</title>
<path fill="none" stroke="black" d="M3022.35,-122C3022.35,-139.68 3022.35,-164 3022.35,-164 3022.35,-164 1933.92,-164 1933.92,-164"/>
<polygon fill="black" stroke="black" points="1933.92,-160.5 1923.92,-164 1933.92,-167.5 1933.92,-160.5"/>
</g>
<!-- TableDirective -->
<g id="node7" class="node">
<title>TableDirective</title>
<polygon fill="#ffffb3" stroke="black" points="2989.96,-122 2890.04,-122 2890.04,-86 2989.96,-86 2989.96,-122"/>
<text text-anchor="middle" x="2940" y="-99.8" font-family="Times,serif" font-size="14.00">TableDirective</text>
</g>
<!-- TableDirective->TableModule -->
<g id="edge7" class="edge">
<title>TableDirective->TableModule</title>
<path fill="none" stroke="black" d="M2913.55,-122.02C2913.55,-139.37 2913.55,-163 2913.55,-163 2913.55,-163 1933.83,-163 1933.83,-163"/>
<polygon fill="black" stroke="black" points="1933.83,-159.5 1923.83,-163 1933.83,-166.5 1933.83,-159.5"/>
</g>
<!-- TableExpandButton -->
<g id="node8" class="node">
<title>TableExpandButton</title>
<polygon fill="#ffffb3" stroke="black" points="2872.26,-122 2743.74,-122 2743.74,-86 2872.26,-86 2872.26,-122"/>
<text text-anchor="middle" x="2808" y="-99.8" font-family="Times,serif" font-size="14.00">TableExpandButton</text>
</g>
<!-- TableExpandButton->TableModule -->
<g id="edge8" class="edge">
<title>TableExpandButton->TableModule</title>
<path fill="none" stroke="black" d="M2777.46,-122.04C2777.46,-138.73 2777.46,-161 2777.46,-161 2777.46,-161 1933.84,-161 1933.84,-161"/>
<polygon fill="black" stroke="black" points="1933.84,-157.5 1923.84,-161 1933.84,-164.5 1933.84,-157.5"/>
</g>
<!-- TableExpandedRow -->
<g id="node9" class="node">
<title>TableExpandedRow</title>
<polygon fill="#ffffb3" stroke="black" points="2725.3,-122 2594.7,-122 2594.7,-86 2725.3,-86 2725.3,-122"/>
<text text-anchor="middle" x="2660" y="-99.8" font-family="Times,serif" font-size="14.00">TableExpandedRow</text>
</g>
<!-- TableExpandedRow->TableModule -->
<g id="edge9" class="edge">
<title>TableExpandedRow->TableModule</title>
<path fill="none" stroke="black" d="M2601.98,-122.03C2601.98,-138.4 2601.98,-160 2601.98,-160 2601.98,-160 1933.84,-160 1933.84,-160"/>
<polygon fill="black" stroke="black" points="1933.84,-156.5 1923.84,-160 1933.84,-163.5 1933.84,-156.5"/>
</g>
<!-- TableHead -->
<g id="node10" class="node">
<title>TableHead</title>
<polygon fill="#ffffb3" stroke="black" points="2576.91,-122 2499.09,-122 2499.09,-86 2576.91,-86 2576.91,-122"/>
<text text-anchor="middle" x="2538" y="-99.8" font-family="Times,serif" font-size="14.00">TableHead</text>
</g>
<!-- TableHead->TableModule -->
<g id="edge10" class="edge">
<title>TableHead->TableModule</title>
<path fill="none" stroke="black" d="M2538,-122.28C2538,-137.95 2538,-158 2538,-158 2538,-158 1933.89,-158 1933.89,-158"/>
<polygon fill="black" stroke="black" points="1933.89,-154.5 1923.89,-158 1933.89,-161.5 1933.89,-154.5"/>
</g>
<!-- TableHeadCell -->
<g id="node11" class="node">
<title>TableHeadCell</title>
<polygon fill="#ffffb3" stroke="black" points="2481.24,-122 2380.76,-122 2380.76,-86 2481.24,-86 2481.24,-122"/>
<text text-anchor="middle" x="2431" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeadCell</text>
</g>
<!-- TableHeadCell->TableModule -->
<g id="edge11" class="edge">
<title>TableHeadCell->TableModule</title>
<path fill="none" stroke="black" d="M2424.88,-122.24C2424.88,-137.57 2424.88,-157 2424.88,-157 2424.88,-157 1934.16,-157 1934.16,-157"/>
<polygon fill="black" stroke="black" points="1934.16,-153.5 1924.16,-157 1934.16,-160.5 1934.16,-153.5"/>
</g>
<!-- TableHeadCellLabel -->
<g id="node12" class="node">
<title>TableHeadCellLabel</title>
<polygon fill="#ffffb3" stroke="black" points="2362.11,-122 2229.89,-122 2229.89,-86 2362.11,-86 2362.11,-122"/>
<text text-anchor="middle" x="2296" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeadCellLabel</text>
</g>
<!-- TableHeadCellLabel->TableModule -->
<g id="edge12" class="edge">
<title>TableHeadCellLabel->TableModule</title>
<path fill="none" stroke="black" d="M2274.3,-122.19C2274.3,-137.18 2274.3,-156 2274.3,-156 2274.3,-156 1933.85,-156 1933.85,-156"/>
<polygon fill="black" stroke="black" points="1933.85,-152.5 1923.85,-156 1933.85,-159.5 1933.85,-152.5"/>
</g>
<!-- TableHeadCheckbox -->
<g id="node13" class="node">
<title>TableHeadCheckbox</title>
<polygon fill="#ffffb3" stroke="black" points="2212.17,-122 2077.83,-122 2077.83,-86 2212.17,-86 2212.17,-122"/>
<text text-anchor="middle" x="2145" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeadCheckbox</text>
</g>
<!-- TableHeadCheckbox->TableModule -->
<g id="edge13" class="edge">
<title>TableHeadCheckbox->TableModule</title>
<path fill="none" stroke="black" d="M2082.23,-122.05C2082.23,-136.37 2082.23,-154 2082.23,-154 2082.23,-154 1933.83,-154 1933.83,-154"/>
<polygon fill="black" stroke="black" points="1933.83,-150.5 1923.83,-154 1933.83,-157.5 1933.83,-150.5"/>
</g>
<!-- TableHeadExpand -->
<g id="node14" class="node">
<title>TableHeadExpand</title>
<polygon fill="#ffffb3" stroke="black" points="2060.18,-122 1939.82,-122 1939.82,-86 2060.18,-86 2060.18,-122"/>
<text text-anchor="middle" x="2000" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeadExpand</text>
</g>
<!-- TableHeadExpand->TableModule -->
<g id="edge14" class="edge">
<title>TableHeadExpand->TableModule</title>
<path fill="none" stroke="black" d="M1954.97,-122.25C1954.97,-136.18 1954.97,-153 1954.97,-153 1954.97,-153 1934.11,-153 1934.11,-153"/>
<polygon fill="black" stroke="black" points="1934.11,-149.5 1924.11,-153 1934.11,-156.5 1934.11,-149.5"/>
</g>
<!-- TableHeader -->
<g id="node15" class="node">
<title>TableHeader</title>
<polygon fill="#ffffb3" stroke="black" points="1922.28,-122 1833.72,-122 1833.72,-86 1922.28,-86 1922.28,-122"/>
<text text-anchor="middle" x="1878" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeader</text>
</g>
<!-- TableHeader->TableModule -->
<g id="edge15" class="edge">
<title>TableHeader->TableModule</title>
<path fill="none" stroke="black" d="M1878,-122.11C1878,-122.11 1878,-140.99 1878,-140.99"/>
<polygon fill="black" stroke="black" points="1874.5,-140.99 1878,-150.99 1881.5,-140.99 1874.5,-140.99"/>
</g>
<!-- TableHeaderDescription -->
<g id="node16" class="node">
<title>TableHeaderDescription</title>
<polygon fill="#ffffb3" stroke="black" points="1815.6,-122 1662.4,-122 1662.4,-86 1815.6,-86 1815.6,-122"/>
<text text-anchor="middle" x="1739" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeaderDescription</text>
</g>
<!-- TableHeaderDescription->TableModule -->
<g id="edge16" class="edge">
<title>TableHeaderDescription->TableModule</title>
<path fill="none" stroke="black" d="M1800.89,-122.25C1800.89,-136.18 1800.89,-153 1800.89,-153 1800.89,-153 1822.25,-153 1822.25,-153"/>
<polygon fill="black" stroke="black" points="1822.25,-156.5 1832.25,-153 1822.25,-149.5 1822.25,-156.5"/>
</g>
<!-- TableHeaderTitle -->
<g id="node17" class="node">
<title>TableHeaderTitle</title>
<polygon fill="#ffffb3" stroke="black" points="1644.22,-122 1529.78,-122 1529.78,-86 1644.22,-86 1644.22,-122"/>
<text text-anchor="middle" x="1587" y="-99.8" font-family="Times,serif" font-size="14.00">TableHeaderTitle</text>
</g>
<!-- TableHeaderTitle->TableModule -->
<g id="edge17" class="edge">
<title>TableHeaderTitle->TableModule</title>
<path fill="none" stroke="black" d="M1640.1,-122.05C1640.1,-136.37 1640.1,-154 1640.1,-154 1640.1,-154 1822.13,-154 1822.13,-154"/>
<polygon fill="black" stroke="black" points="1822.13,-157.5 1832.13,-154 1822.13,-150.5 1822.13,-157.5"/>
</g>
<!-- TableRadio -->
<g id="node18" class="node">
<title>TableRadio</title>
<polygon fill="#ffffb3" stroke="black" points="1511.81,-122 1430.19,-122 1430.19,-86 1511.81,-86 1511.81,-122"/>
<text text-anchor="middle" x="1471" y="-99.8" font-family="Times,serif" font-size="14.00">TableRadio</text>
</g>
<!-- TableRadio->TableModule -->
<g id="edge18" class="edge">
<title>TableRadio->TableModule</title>
<path fill="none" stroke="black" d="M1502.77,-122.19C1502.77,-137.18 1502.77,-156 1502.77,-156 1502.77,-156 1821.99,-156 1821.99,-156"/>
<polygon fill="black" stroke="black" points="1821.99,-159.5 1831.99,-156 1821.99,-152.5 1821.99,-159.5"/>
</g>
<!-- TableRowComponent -->
<g id="node19" class="node">
<title>TableRowComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1412.65,-122 1273.35,-122 1273.35,-86 1412.65,-86 1412.65,-122"/>
<text text-anchor="middle" x="1343" y="-99.8" font-family="Times,serif" font-size="14.00">TableRowComponent</text>
</g>
<!-- TableRowComponent->TableModule -->
<g id="edge19" class="edge">
<title>TableRowComponent->TableModule</title>
<path fill="none" stroke="black" d="M1407.47,-122.24C1407.47,-137.57 1407.47,-157 1407.47,-157 1407.47,-157 1822.03,-157 1822.03,-157"/>
<polygon fill="black" stroke="black" points="1822.03,-160.5 1832.03,-157 1822.03,-153.5 1822.03,-160.5"/>
</g>
<!-- TableToolbar -->
<g id="node20" class="node">
<title>TableToolbar</title>
<polygon fill="#ffffb3" stroke="black" points="1255.19,-122 1162.81,-122 1162.81,-86 1255.19,-86 1255.19,-122"/>
<text text-anchor="middle" x="1209" y="-99.8" font-family="Times,serif" font-size="14.00">TableToolbar</text>
</g>
<!-- TableToolbar->TableModule -->
<g id="edge20" class="edge">
<title>TableToolbar->TableModule</title>
<path fill="none" stroke="black" d="M1241.27,-122.28C1241.27,-137.95 1241.27,-158 1241.27,-158 1241.27,-158 1822.21,-158 1822.21,-158"/>
<polygon fill="black" stroke="black" points="1822.21,-161.5 1832.21,-158 1822.21,-154.5 1822.21,-161.5"/>
</g>
<!-- TableToolbarActions -->
<g id="node21" class="node">
<title>TableToolbarActions</title>
<polygon fill="#ffffb3" stroke="black" points="1144.74,-122 1009.26,-122 1009.26,-86 1144.74,-86 1144.74,-122"/>
<text text-anchor="middle" x="1077" y="-99.8" font-family="Times,serif" font-size="14.00">TableToolbarActions</text>
</g>
<!-- TableToolbarActions->TableModule -->
<g id="edge21" class="edge">
<title>TableToolbarActions->TableModule</title>
<path fill="none" stroke="black" d="M1117.88,-122.03C1117.88,-138.4 1117.88,-160 1117.88,-160 1117.88,-160 1822.16,-160 1822.16,-160"/>
<polygon fill="black" stroke="black" points="1822.16,-163.5 1832.16,-160 1822.16,-156.5 1822.16,-163.5"/>
</g>
<!-- TableToolbarContent -->
<g id="node22" class="node">
<title>TableToolbarContent</title>
<polygon fill="#ffffb3" stroke="black" points="991.02,-122 854.98,-122 854.98,-86 991.02,-86 991.02,-122"/>
<text text-anchor="middle" x="923" y="-99.8" font-family="Times,serif" font-size="14.00">TableToolbarContent</text>
</g>
<!-- TableToolbarContent->TableModule -->
<g id="edge22" class="edge">
<title>TableToolbarContent->TableModule</title>
<path fill="none" stroke="black" d="M978.58,-122.04C978.58,-138.73 978.58,-161 978.58,-161 978.58,-161 1822.16,-161 1822.16,-161"/>
<polygon fill="black" stroke="black" points="1822.16,-164.5 1832.16,-161 1822.16,-157.5 1822.16,-164.5"/>
</g>
<!-- TableToolbarSearch -->
<g id="node23" class="node">
<title>TableToolbarSearch</title>
<polygon fill="#ffffb3" stroke="black" points="837.28,-122 706.72,-122 706.72,-86 837.28,-86 837.28,-122"/>
<text text-anchor="middle" x="772" y="-99.8" font-family="Times,serif" font-size="14.00">TableToolbarSearch</text>
</g>
<!-- TableToolbarSearch->TableModule -->
<g id="edge23" class="edge">
<title>TableToolbarSearch->TableModule</title>
<path fill="none" stroke="black" d="M831.78,-122.02C831.78,-139.37 831.78,-163 831.78,-163 831.78,-163 1822.03,-163 1822.03,-163"/>
<polygon fill="black" stroke="black" points="1822.03,-166.5 1832.03,-163 1822.03,-159.5 1822.03,-166.5"/>
</g>
<!-- ExpandedRowHover -->
<g id="node31" class="node">
<title>ExpandedRowHover </title>
<polygon fill="#fb8072" stroke="black" points="3263.41,-252 3126.59,-252 3126.59,-216 3263.41,-216 3263.41,-252"/>
<text text-anchor="middle" x="3195" y="-229.8" font-family="Times,serif" font-size="14.00">ExpandedRowHover </text>
</g>
<!-- TableModule->ExpandedRowHover -->
<g id="edge30" class="edge">
<title>TableModule->ExpandedRowHover </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.81,-172C2153.08,-172 3165.04,-172 3165.04,-172 3165.04,-172 3165.04,-205.73 3165.04,-205.73"/>
<polygon fill="black" stroke="black" points="3161.54,-205.73 3165.04,-215.73 3168.54,-205.73 3161.54,-205.73"/>
</g>
<!-- Table -->
<g id="node32" class="node">
<title>Table </title>
<polygon fill="#fb8072" stroke="black" points="3109,-252 3055,-252 3055,-216 3109,-216 3109,-252"/>
<text text-anchor="middle" x="3082" y="-229.8" font-family="Times,serif" font-size="14.00">Table </text>
</g>
<!-- TableModule->Table -->
<g id="edge31" class="edge">
<title>TableModule->Table </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.94,-174C2142.74,-174 3068.57,-174 3068.57,-174 3068.57,-174 3068.57,-206 3068.57,-206"/>
<polygon fill="black" stroke="black" points="3065.07,-206 3068.57,-216 3072.07,-206 3065.07,-206"/>
</g>
<!-- TableBody -->
<g id="node33" class="node">
<title>TableBody </title>
<polygon fill="#fb8072" stroke="black" points="3036.71,-252 2955.29,-252 2955.29,-216 3036.71,-216 3036.71,-252"/>
<text text-anchor="middle" x="2996" y="-229.8" font-family="Times,serif" font-size="14.00">TableBody </text>
</g>
<!-- TableModule->TableBody -->
<g id="edge32" class="edge">
<title>TableModule->TableBody </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.99,-175C2131.73,-175 2972.56,-175 2972.56,-175 2972.56,-175 2972.56,-205.98 2972.56,-205.98"/>
<polygon fill="black" stroke="black" points="2969.06,-205.98 2972.56,-215.98 2976.06,-205.98 2969.06,-205.98"/>
</g>
<!-- TableCheckbox -->
<g id="node34" class="node">
<title>TableCheckbox </title>
<polygon fill="#fb8072" stroke="black" points="2937.14,-252 2828.86,-252 2828.86,-216 2937.14,-216 2937.14,-252"/>
<text text-anchor="middle" x="2883" y="-229.8" font-family="Times,serif" font-size="14.00">TableCheckbox </text>
</g>
<!-- TableModule->TableCheckbox -->
<g id="edge33" class="edge">
<title>TableModule->TableCheckbox </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.93,-176C2116.73,-176 2850.65,-176 2850.65,-176 2850.65,-176 2850.65,-205.97 2850.65,-205.97"/>
<polygon fill="black" stroke="black" points="2847.15,-205.97 2850.65,-215.97 2854.15,-205.97 2847.15,-205.97"/>
</g>
<!-- TableContainer -->
<g id="node35" class="node">
<title>TableContainer </title>
<polygon fill="#fb8072" stroke="black" points="2811.08,-252 2704.92,-252 2704.92,-216 2811.08,-216 2811.08,-252"/>
<text text-anchor="middle" x="2758" y="-229.8" font-family="Times,serif" font-size="14.00">TableContainer </text>
</g>
<!-- TableModule->TableContainer -->
<g id="edge34" class="edge">
<title>TableModule->TableContainer </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.89,-178C2098.94,-178 2714.93,-178 2714.93,-178 2714.93,-178 2714.93,-205.97 2714.93,-205.97"/>
<polygon fill="black" stroke="black" points="2711.43,-205.97 2714.93,-215.97 2718.43,-205.97 2711.43,-205.97"/>
</g>
<!-- TableData -->
<g id="node36" class="node">
<title>TableData </title>
<polygon fill="#fb8072" stroke="black" points="2686.8,-252 2609.2,-252 2609.2,-216 2686.8,-216 2686.8,-252"/>
<text text-anchor="middle" x="2648" y="-229.8" font-family="Times,serif" font-size="14.00">TableData </text>
</g>
<!-- TableModule->TableData -->
<g id="edge35" class="edge">
<title>TableModule->TableData </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.86,-179C2089.63,-179 2648,-179 2648,-179 2648,-179 2648,-205.99 2648,-205.99"/>
<polygon fill="black" stroke="black" points="2644.5,-205.99 2648,-215.99 2651.5,-205.99 2644.5,-205.99"/>
</g>
<!-- TableDirective -->
<g id="node37" class="node">
<title>TableDirective </title>
<polygon fill="#fb8072" stroke="black" points="2590.96,-252 2487.04,-252 2487.04,-216 2590.96,-216 2590.96,-252"/>
<text text-anchor="middle" x="2539" y="-229.8" font-family="Times,serif" font-size="14.00">TableDirective </text>
</g>
<!-- TableModule->TableDirective -->
<g id="edge36" class="edge">
<title>TableModule->TableDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.74,-181C2066.34,-181 2493.28,-181 2493.28,-181 2493.28,-181 2493.28,-205.76 2493.28,-205.76"/>
<polygon fill="black" stroke="black" points="2489.78,-205.76 2493.28,-215.76 2496.78,-205.76 2489.78,-205.76"/>
</g>
<!-- TableExpandButton -->
<g id="node38" class="node">
<title>TableExpandButton </title>
<polygon fill="#fb8072" stroke="black" points="2469.26,-252 2336.74,-252 2336.74,-216 2469.26,-216 2469.26,-252"/>
<text text-anchor="middle" x="2403" y="-229.8" font-family="Times,serif" font-size="14.00">TableExpandButton </text>
</g>
<!-- TableModule->TableExpandButton -->
<g id="edge37" class="edge">
<title>TableModule->TableExpandButton </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1924.08,-182C2042.74,-182 2349.59,-182 2349.59,-182 2349.59,-182 2349.59,-205.81 2349.59,-205.81"/>
<polygon fill="black" stroke="black" points="2346.09,-205.81 2349.59,-215.81 2353.09,-205.81 2346.09,-205.81"/>
</g>
<!-- TableExpandedRow -->
<g id="node39" class="node">
<title>TableExpandedRow </title>
<polygon fill="#fb8072" stroke="black" points="2318.8,-252 2185.2,-252 2185.2,-216 2318.8,-216 2318.8,-252"/>
<text text-anchor="middle" x="2252" y="-229.8" font-family="Times,serif" font-size="14.00">TableExpandedRow </text>
</g>
<!-- TableModule->TableExpandedRow -->
<g id="edge38" class="edge">
<title>TableModule->TableExpandedRow </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.93,-183C2012.58,-183 2198.59,-183 2198.59,-183 2198.59,-183 2198.59,-205.88 2198.59,-205.88"/>
<polygon fill="black" stroke="black" points="2195.09,-205.88 2198.59,-215.88 2202.09,-205.88 2195.09,-205.88"/>
</g>
<!-- TableHead -->
<g id="node40" class="node">
<title>TableHead </title>
<polygon fill="#fb8072" stroke="black" points="2167.41,-252 2086.59,-252 2086.59,-216 2167.41,-216 2167.41,-252"/>
<text text-anchor="middle" x="2127" y="-229.8" font-family="Times,serif" font-size="14.00">TableHead </text>
</g>
<!-- TableModule->TableHead -->
<g id="edge39" class="edge">
<title>TableModule->TableHead </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.96,-185C1995.91,-185 2127,-185 2127,-185 2127,-185 2127,-205.75 2127,-205.75"/>
<polygon fill="black" stroke="black" points="2123.5,-205.75 2127,-215.75 2130.5,-205.75 2123.5,-205.75"/>
</g>
<!-- TableHeadCell -->
<g id="node41" class="node">
<title>TableHeadCell </title>
<polygon fill="#fb8072" stroke="black" points="2068.24,-252 1963.76,-252 1963.76,-216 2068.24,-216 2068.24,-252"/>
<text text-anchor="middle" x="2016" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeadCell </text>
</g>
<!-- TableModule->TableHeadCell -->
<g id="edge40" class="edge">
<title>TableModule->TableHeadCell </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1923.73,-186C1962.55,-186 2011.98,-186 2011.98,-186 2011.98,-186 2011.98,-205.85 2011.98,-205.85"/>
<polygon fill="black" stroke="black" points="2008.48,-205.85 2011.98,-215.85 2015.48,-205.85 2008.48,-205.85"/>
</g>
<!-- TableHeadCellLabel -->
<g id="node42" class="node">
<title>TableHeadCellLabel </title>
<polygon fill="#fb8072" stroke="black" points="1946.11,-252 1809.89,-252 1809.89,-216 1946.11,-216 1946.11,-252"/>
<text text-anchor="middle" x="1878" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeadCellLabel </text>
</g>
<!-- TableModule->TableHeadCellLabel -->
<g id="edge41" class="edge">
<title>TableModule->TableHeadCellLabel </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1878,-187.11C1878,-187.11 1878,-205.99 1878,-205.99"/>
<polygon fill="black" stroke="black" points="1874.5,-205.99 1878,-215.99 1881.5,-205.99 1874.5,-205.99"/>
</g>
<!-- TableHeadCheckbox -->
<g id="node43" class="node">
<title>TableHeadCheckbox </title>
<polygon fill="#fb8072" stroke="black" points="1791.67,-252 1654.33,-252 1654.33,-216 1791.67,-216 1791.67,-252"/>
<text text-anchor="middle" x="1723" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeadCheckbox </text>
</g>
<!-- TableModule->TableHeadCheckbox -->
<g id="edge42" class="edge">
<title>TableModule->TableHeadCheckbox </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1831.88,-186C1787.48,-186 1727.02,-186 1727.02,-186 1727.02,-186 1727.02,-205.85 1727.02,-205.85"/>
<polygon fill="black" stroke="black" points="1723.52,-205.85 1727.02,-215.85 1730.52,-205.85 1723.52,-205.85"/>
</g>
<!-- TableHeadExpand -->
<g id="node44" class="node">
<title>TableHeadExpand </title>
<polygon fill="#fb8072" stroke="black" points="1635.68,-252 1512.32,-252 1512.32,-216 1635.68,-216 1635.68,-252"/>
<text text-anchor="middle" x="1574" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeadExpand </text>
</g>
<!-- TableModule->TableHeadExpand -->
<g id="edge43" class="edge">
<title>TableModule->TableHeadExpand </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.19,-185C1749.26,-185 1582.74,-185 1582.74,-185 1582.74,-185 1582.74,-205.75 1582.74,-205.75"/>
<polygon fill="black" stroke="black" points="1579.24,-205.75 1582.74,-215.75 1586.24,-205.75 1579.24,-205.75"/>
</g>
<!-- TableHeader -->
<g id="node45" class="node">
<title>TableHeader </title>
<polygon fill="#fb8072" stroke="black" points="1493.78,-252 1402.22,-252 1402.22,-216 1493.78,-216 1493.78,-252"/>
<text text-anchor="middle" x="1448" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeader </text>
</g>
<!-- TableModule->TableHeader -->
<g id="edge44" class="edge">
<title>TableModule->TableHeader </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1831.9,-183C1723.62,-183 1462.12,-183 1462.12,-183 1462.12,-183 1462.12,-205.88 1462.12,-205.88"/>
<polygon fill="black" stroke="black" points="1458.62,-205.88 1462.12,-215.88 1465.62,-205.88 1458.62,-205.88"/>
</g>
<!-- TableHeaderDescription -->
<g id="node46" class="node">
<title>TableHeaderDescription </title>
<polygon fill="#fb8072" stroke="black" points="1384.6,-252 1227.4,-252 1227.4,-216 1384.6,-216 1384.6,-252"/>
<text text-anchor="middle" x="1306" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeaderDescription </text>
</g>
<!-- TableModule->TableHeaderDescription -->
<g id="edge45" class="edge">
<title>TableModule->TableHeaderDescription </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.13,-182C1700.15,-182 1328.86,-182 1328.86,-182 1328.86,-182 1328.86,-205.81 1328.86,-205.81"/>
<polygon fill="black" stroke="black" points="1325.36,-205.81 1328.86,-215.81 1332.36,-205.81 1325.36,-205.81"/>
</g>
<!-- TableHeaderTitle -->
<g id="node47" class="node">
<title>TableHeaderTitle </title>
<polygon fill="#fb8072" stroke="black" points="1209.22,-252 1090.78,-252 1090.78,-216 1209.22,-216 1209.22,-252"/>
<text text-anchor="middle" x="1150" y="-229.8" font-family="Times,serif" font-size="14.00">TableHeaderTitle </text>
</g>
<!-- TableModule->TableHeaderTitle -->
<g id="edge46" class="edge">
<title>TableModule->TableHeaderTitle </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.06,-181C1677.51,-181 1186.01,-181 1186.01,-181 1186.01,-181 1186.01,-205.76 1186.01,-205.76"/>
<polygon fill="black" stroke="black" points="1182.51,-205.76 1186.01,-215.76 1189.51,-205.76 1182.51,-205.76"/>
</g>
<!-- TableRadio -->
<g id="node48" class="node">
<title>TableRadio </title>
<polygon fill="#fb8072" stroke="black" points="1072.31,-252 987.69,-252 987.69,-216 1072.31,-216 1072.31,-252"/>
<text text-anchor="middle" x="1030" y="-229.8" font-family="Times,serif" font-size="14.00">TableRadio </text>
</g>
<!-- TableModule->TableRadio -->
<g id="edge47" class="edge">
<title>TableModule->TableRadio </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.09,-179C1656.98,-179 1040.77,-179 1040.77,-179 1040.77,-179 1040.77,-205.99 1040.77,-205.99"/>
<polygon fill="black" stroke="black" points="1037.27,-205.99 1040.77,-215.99 1044.27,-205.99 1037.27,-205.99"/>
</g>
<!-- TableRowComponent -->
<g id="node49" class="node">
<title>TableRowComponent </title>
<polygon fill="#fb8072" stroke="black" points="969.65,-252 826.35,-252 826.35,-216 969.65,-216 969.65,-252"/>
<text text-anchor="middle" x="898" y="-229.8" font-family="Times,serif" font-size="14.00">TableRowComponent </text>
</g>
<!-- TableModule->TableRowComponent -->
<g id="edge48" class="edge">
<title>TableModule->TableRowComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.07,-178C1640.12,-178 912.16,-178 912.16,-178 912.16,-178 912.16,-205.97 912.16,-205.97"/>
<polygon fill="black" stroke="black" points="908.66,-205.97 912.16,-215.97 915.66,-205.97 908.66,-205.97"/>
</g>
<!-- TableToolbar -->
<g id="node50" class="node">
<title>TableToolbar </title>
<polygon fill="#fb8072" stroke="black" points="808.69,-252 713.31,-252 713.31,-216 808.69,-216 808.69,-252"/>
<text text-anchor="middle" x="761" y="-229.8" font-family="Times,serif" font-size="14.00">TableToolbar </text>
</g>
<!-- TableModule->TableToolbar -->
<g id="edge49" class="edge">
<title>TableModule->TableToolbar </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.13,-176C1621.94,-176 761,-176 761,-176 761,-176 761,-205.97 761,-205.97"/>
<polygon fill="black" stroke="black" points="757.5,-205.97 761,-215.97 764.5,-205.97 757.5,-205.97"/>
</g>
<!-- TableToolbarActions -->
<g id="node51" class="node">
<title>TableToolbarActions </title>
<polygon fill="#fb8072" stroke="black" points="695.74,-252 556.26,-252 556.26,-216 695.74,-216 695.74,-252"/>
<text text-anchor="middle" x="626" y="-229.8" font-family="Times,serif" font-size="14.00">TableToolbarActions </text>
</g>
<!-- TableModule->TableToolbarActions -->
<g id="edge50" class="edge">
<title>TableModule->TableToolbarActions </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.13,-175C1613.66,-175 689.23,-175 689.23,-175 689.23,-175 689.23,-205.98 689.23,-205.98"/>
<polygon fill="black" stroke="black" points="685.73,-205.98 689.23,-215.98 692.73,-205.98 685.73,-205.98"/>
</g>
<!-- TableToolbarContent -->
<g id="node52" class="node">
<title>TableToolbarContent </title>
<polygon fill="#fb8072" stroke="black" points="538.02,-252 397.98,-252 397.98,-216 538.02,-216 538.02,-252"/>
<text text-anchor="middle" x="468" y="-229.8" font-family="Times,serif" font-size="14.00">TableToolbarContent </text>
</g>
<!-- TableModule->TableToolbarContent -->
<g id="edge51" class="edge">
<title>TableModule->TableToolbarContent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.27,-174C1593.79,-174 503.59,-174 503.59,-174 503.59,-174 503.59,-206 503.59,-206"/>
<polygon fill="black" stroke="black" points="500.09,-206 503.59,-216 507.09,-206 500.09,-206"/>
</g>
<!-- TableToolbarSearch -->
<g id="node53" class="node">
<title>TableToolbarSearch </title>
<polygon fill="#fb8072" stroke="black" points="379.78,-252 246.22,-252 246.22,-216 379.78,-216 379.78,-252"/>
<text text-anchor="middle" x="313" y="-229.8" font-family="Times,serif" font-size="14.00">TableToolbarSearch </text>
</g>
<!-- TableModule->TableToolbarSearch -->
<g id="edge52" class="edge">
<title>TableModule->TableToolbarSearch </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1832.14,-172C1579.94,-172 373.14,-172 373.14,-172 373.14,-172 373.14,-205.73 373.14,-205.73"/>
<polygon fill="black" stroke="black" points="369.64,-205.73 373.14,-215.73 376.64,-205.73 369.64,-205.73"/>
</g>
<!-- ButtonModule -->
<g id="node25" class="node">
<title>ButtonModule</title>
<polygon fill="#8dd3c7" stroke="black" points="682.67,-122 679.67,-126 658.67,-126 655.67,-122 585.33,-122 585.33,-86 682.67,-86 682.67,-122"/>
<text text-anchor="middle" x="634" y="-99.8" font-family="Times,serif" font-size="14.00">ButtonModule</text>
</g>
<!-- ButtonModule->TableModule -->
<g id="edge24" class="edge">
<title>ButtonModule->TableModule</title>
<path fill="none" stroke="black" d="M634,-122C634,-139.68 634,-164 634,-164 634,-164 1822.25,-164 1822.25,-164"/>
<polygon fill="black" stroke="black" points="1822.25,-167.5 1832.25,-164 1822.25,-160.5 1822.25,-167.5"/>
</g>
<!-- DialogModule -->
<g id="node26" class="node">
<title>DialogModule</title>
<polygon fill="#8dd3c7" stroke="black" points="566.65,-122 563.65,-126 542.65,-126 539.65,-122 469.35,-122 469.35,-86 566.65,-86 566.65,-122"/>
<text text-anchor="middle" x="518" y="-99.8" font-family="Times,serif" font-size="14.00">DialogModule</text>
</g>
<!-- DialogModule->TableModule -->
<g id="edge25" class="edge">
<title>DialogModule->TableModule</title>
<path fill="none" stroke="black" d="M561.6,-122.3C561.6,-140.27 561.6,-165 561.6,-165 561.6,-165 1821.92,-165 1821.92,-165"/>
<polygon fill="black" stroke="black" points="1821.92,-168.5 1831.92,-165 1821.92,-161.5 1821.92,-168.5"/>
</g>
<!-- I18nModule -->
<g id="node27" class="node">
<title>I18nModule</title>
<polygon fill="#8dd3c7" stroke="black" points="451.71,-122 448.71,-126 427.71,-126 424.71,-122 366.29,-122 366.29,-86 451.71,-86 451.71,-122"/>
<text text-anchor="middle" x="409" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
</g>
<!-- I18nModule->TableModule -->
<g id="edge26" class="edge">
<title>I18nModule->TableModule</title>
<path fill="none" stroke="black" d="M424.8,-122.22C424.8,-140.83 424.8,-167 424.8,-167 424.8,-167 1822.11,-167 1822.11,-167"/>
<polygon fill="black" stroke="black" points="1822.11,-170.5 1832.11,-167 1822.11,-163.5 1822.11,-170.5"/>
</g>
<!-- IconModule -->
<g id="node28" class="node">
<title>IconModule</title>
<polygon fill="#8dd3c7" stroke="black" points="348.43,-122 345.43,-126 324.43,-126 321.43,-122 263.57,-122 263.57,-86 348.43,-86 348.43,-122"/>
<text text-anchor="middle" x="306" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
</g>
<!-- IconModule->TableModule -->
<g id="edge27" class="edge">
<title>IconModule->TableModule</title>
<path fill="none" stroke="black" d="M306,-122.17C306,-141.09 306,-168 306,-168 306,-168 1822.23,-168 1822.23,-168"/>
<polygon fill="black" stroke="black" points="1822.23,-171.5 1832.23,-168 1822.23,-164.5 1822.23,-171.5"/>
</g>
<!-- NFormsModule -->
<g id="node29" class="node">
<title>NFormsModule</title>
<polygon fill="#8dd3c7" stroke="black" points="245.94,-122 242.94,-126 221.94,-126 218.94,-122 140.06,-122 140.06,-86 245.94,-86 245.94,-122"/>
<text text-anchor="middle" x="193" y="-99.8" font-family="Times,serif" font-size="14.00">NFormsModule</text>
</g>
<!-- NFormsModule->TableModule -->
<g id="edge28" class="edge">
<title>NFormsModule->TableModule</title>
<path fill="none" stroke="black" d="M193,-122.11C193,-141.34 193,-169 193,-169 193,-169 1822.06,-169 1822.06,-169"/>
<polygon fill="black" stroke="black" points="1822.06,-172.5 1832.06,-169 1822.06,-165.5 1822.06,-172.5"/>
</g>
<!-- SearchModule -->
<g id="node30" class="node">
<title>SearchModule</title>
<polygon fill="#8dd3c7" stroke="black" points="121.64,-122 118.64,-126 97.64,-126 94.64,-122 24.36,-122 24.36,-86 121.64,-86 121.64,-122"/>
<text text-anchor="middle" x="73" y="-99.8" font-family="Times,serif" font-size="14.00">SearchModule</text>
</g>
<!-- SearchModule->TableModule -->
<g id="edge29" class="edge">
<title>SearchModule->TableModule</title>
<path fill="none" stroke="black" d="M73,-122.31C73,-142.15 73,-171 73,-171 73,-171 1822.02,-171 1822.02,-171"/>
<polygon fill="black" stroke="black" points="1822.02,-174.5 1832.02,-171 1822.02,-167.5 1822.02,-174.5"/>
</g>
</g>
</svg>
</div>
<i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
<div class="btn-group size-buttons">
<button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
<button id="reset" class="btn btn-default btn-sm">Reset</button>
<button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
</div>
</div>
<script src="../js/libs/svg-pan-zoom.min.js"></script>
<script src="../js/svg-pan-zoom.controls.js"></script>
<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/table/table.module.ts</code>
</p>
<div class="container-fluid module">
<div class="row">
<div class="col-sm-3">
<h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" rel="noopener noreferrer"
title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../directives/ExpandedRowHover.html">ExpandedRowHover</a>
</li>
<li class="list-group-item">
<a href="../components/Table.html">Table</a>
</li>
<li class="list-group-item">
<a href="../components/TableBody.html">TableBody</a>
</li>
<li class="list-group-item">
<a href="../components/TableCheckbox.html">TableCheckbox</a>
</li>
<li class="list-group-item">
<a href="../components/TableContainer.html">TableContainer</a>
</li>
<li class="list-group-item">
<a href="../components/TableData.html">TableData</a>
</li>
<li class="list-group-item">
<a href="../directives/TableDirective.html">TableDirective</a>
</li>
<li class="list-group-item">
<a href="../components/TableExpandButton.html">TableExpandButton</a>
</li>
<li class="list-group-item">
<a href="../components/TableExpandedRow.html">TableExpandedRow</a>
</li>
<li class="list-group-item">
<a href="../components/TableHead.html">TableHead</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeadCell.html">TableHeadCell</a>
</li>
<li class="list-group-item">
<a href="../directives/TableHeadCellLabel.html">TableHeadCellLabel</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeadCheckbox.html">TableHeadCheckbox</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeadExpand.html">TableHeadExpand</a>
</li>
<li class="list-group-item">
<a href="../components/TableHeader.html">TableHeader</a>
</li>
<li class="list-group-item">
<a href="../directives/TableHeaderDescription.html">TableHeaderDescription</a>
</li>
<li class="list-group-item">
<a href="../directives/TableHeaderTitle.html">TableHeaderTitle</a>
</li>
<li class="list-group-item">
<a href="../components/TableRadio.html">TableRadio</a>
</li>
<li class="list-group-item">
<a href="../components/TableRowComponent.html">TableRowComponent</a>
</li>
<li class="list-group-item">
<a href="../components/TableToolbar.html">TableToolbar</a>
</li>
<li class="list-group-item">
<a href="../components/TableToolbarActions.html">TableToolbarActions</a>
</li>
<li class="list-group-item">
<a href="../components/TableToolbarContent.html">TableToolbarContent</a>
</li>
<li class="list-group-item">
<a href="../components/TableToolbarSearch.html">TableToolbarSearch</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" rel="noopener noreferrer"
title="Official documentation about module imports"><span
class="icon ion-ios-information-circle-outline"></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../modules/ButtonModule.html">ButtonModule</a>
</li>
<li class="list-group-item">
<a href="../modules/DialogModule.html">DialogModule</a>
</li>
<li class="list-group-item">
<a href="../modules/I18nModule.html">I18nModule</a>
</li>
<li class="list-group-item">
<a href="../modules/IconModule.html">IconModule</a>
</li>
<li class="list-group-item">
NFormsModule
</li>
<li class="list-group-item">
<a href="../modules/SearchModu