@rxap/window-system
Version:
A module for creating and managing windows within an Angular application. It provides components for window containers, toolbars, resizers, action bars, and task bars, along with services for managing window instances and configurations. This library allo
512 lines (467 loc) • 26 kB
HTML
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>angular-window-system</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-window-system</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 overview">
<div class="content-data">
<ol class="breadcrumb">
<li class="breadcrumb-item">Overview</li>
</ol>
<div class="text-center module-graph-container">
<div id="module-graph-svg">
<!-- Generated by graphviz version 2.47.0 (20210316.0004)
-->
<!-- Title: dependencies Pages: 1 -->
<svg width="1853pt" height="284pt"
viewBox="0.00 0.00 1853.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 1849,-280 1849,4 -4,4"/>
<text text-anchor="start" x="901.51" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="688.5,-10 688.5,-30 708.5,-30 708.5,-10 688.5,-10"/>
<text text-anchor="start" x="712.13" y="-15.4" font-family="Times-12" font-size="14.00">  Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="801.5,-10 801.5,-30 821.5,-30 821.5,-10 801.5,-10"/>
<text text-anchor="start" x="825.23" y="-15.4" font-family="Times-12" font-size="14.00">  Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="887.5,-10 887.5,-30 907.5,-30 907.5,-10 887.5,-10"/>
<text text-anchor="start" x="911.28" y="-15.4" font-family="Times-12" font-size="14.00">  Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="984.5,-10 984.5,-30 1004.5,-30 1004.5,-10 984.5,-10"/>
<text text-anchor="start" x="1008.17" y="-15.4" font-family="Times-12" font-size="14.00">  Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="1080.5,-10 1080.5,-30 1100.5,-30 1100.5,-10 1080.5,-10"/>
<text text-anchor="start" x="1104.23" y="-15.4" font-family="Times-12" font-size="14.00">  Exports</text>
<g id="clust1" class="cluster">
<title>cluster_RxapWindowSystemModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 1196,-268 1196,-70 8,-70"/>
</g>
<g id="clust3" class="cluster">
<title>cluster_RxapWindowSystemModule_imports</title>
<polygon fill="none" stroke="black" points="16,-78 16,-130 1188,-130 1188,-78 16,-78"/>
</g>
<g id="clust4" class="cluster">
<title>cluster_RxapWindowSystemModule_exports</title>
<polygon fill="none" stroke="black" points="21,-208 21,-260 1182,-260 1182,-208 21,-208"/>
</g>
<g id="clust7" class="cluster">
<title>cluster_WindowTaskBarModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="1204,-70 1204,-268 1837,-268 1837,-70 1204,-70"/>
</g>
<g id="clust9" class="cluster">
<title>cluster_WindowTaskBarModule_imports</title>
<polygon fill="none" stroke="black" points="1212,-78 1212,-130 1829,-130 1829,-78 1212,-78"/>
</g>
<g id="clust10" class="cluster">
<title>cluster_WindowTaskBarModule_exports</title>
<polygon fill="none" stroke="black" points="1296,-208 1296,-260 1746,-260 1746,-208 1296,-208"/>
</g>
<!-- DefaultWindowComponent -->
<g id="node1" class="node">
<title>DefaultWindowComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="1179.52,-122 1176.52,-126 1155.52,-126 1152.52,-122 1008.48,-122 1008.48,-86 1179.52,-86 1179.52,-122"/>
<text text-anchor="middle" x="1094" y="-99.8" font-family="Times,serif" font-size="14.00">DefaultWindowComponent</text>
</g>
<!-- RxapWindowSystemModule -->
<g id="node7" class="node">
<title>RxapWindowSystemModule</title>
<polygon fill="#8dd3c7" stroke="black" points="585.04,-187 582.04,-191 561.04,-191 558.04,-187 406.96,-187 406.96,-151 585.04,-151 585.04,-187"/>
<text text-anchor="middle" x="496" y="-164.8" font-family="Times,serif" font-size="14.00">RxapWindowSystemModule</text>
</g>
<!-- DefaultWindowComponent->RxapWindowSystemModule -->
<g id="edge1" class="edge">
<title>DefaultWindowComponent->RxapWindowSystemModule</title>
<path fill="none" stroke="black" d="M1090.88,-122.11C1090.88,-141.34 1090.88,-169 1090.88,-169 1090.88,-169 595.06,-169 595.06,-169"/>
<polygon fill="black" stroke="black" points="595.06,-165.5 585.06,-169 595.06,-172.5 595.06,-165.5"/>
</g>
<!-- WindowActionBarComponent -->
<g id="node2" class="node">
<title>WindowActionBarComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="989.86,-122 986.86,-126 965.86,-126 962.86,-122 802.14,-122 802.14,-86 989.86,-86 989.86,-122"/>
<text text-anchor="middle" x="896" y="-99.8" font-family="Times,serif" font-size="14.00">WindowActionBarComponent</text>
</g>
<!-- WindowActionBarComponent->RxapWindowSystemModule -->
<g id="edge2" class="edge">
<title>WindowActionBarComponent->RxapWindowSystemModule</title>
<path fill="none" stroke="black" d="M891.1,-122.3C891.1,-140.27 891.1,-165 891.1,-165 891.1,-165 595.16,-165 595.16,-165"/>
<polygon fill="black" stroke="black" points="595.16,-161.5 585.16,-165 595.16,-168.5 595.16,-161.5"/>
</g>
<!-- WindowContainerComponent -->
<g id="node3" class="node">
<title>WindowContainerComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="784.25,-122 781.25,-126 760.25,-126 757.25,-122 599.75,-122 599.75,-86 784.25,-86 784.25,-122"/>
<text text-anchor="middle" x="692" y="-99.8" font-family="Times,serif" font-size="14.00">WindowContainerComponent</text>
</g>
<!-- WindowContainerComponent->RxapWindowSystemModule -->
<g id="edge3" class="edge">
<title>WindowContainerComponent->RxapWindowSystemModule</title>
<path fill="none" stroke="black" d="M657.65,-122.03C657.65,-138.4 657.65,-160 657.65,-160 657.65,-160 595.33,-160 595.33,-160"/>
<polygon fill="black" stroke="black" points="595.33,-156.5 585.33,-160 595.33,-163.5 595.33,-156.5"/>
</g>
<!-- WindowContentComponent -->
<g id="node4" class="node">
<title>WindowContentComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="581.88,-122 578.88,-126 557.88,-126 554.88,-122 408.12,-122 408.12,-86 581.88,-86 581.88,-122"/>
<text text-anchor="middle" x="495" y="-99.8" font-family="Times,serif" font-size="14.00">WindowContentComponent</text>
</g>
<!-- WindowContentComponent->RxapWindowSystemModule -->
<g id="edge4" class="edge">
<title>WindowContentComponent->RxapWindowSystemModule</title>
<path fill="none" stroke="black" d="M495,-122.11C495,-122.11 495,-140.99 495,-140.99"/>
<polygon fill="black" stroke="black" points="491.5,-140.99 495,-150.99 498.5,-140.99 491.5,-140.99"/>
</g>
<!-- WindowResizerComponent -->
<g id="node5" class="node">
<title>WindowResizerComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="389.52,-122 386.52,-126 365.52,-126 362.52,-122 218.48,-122 218.48,-86 389.52,-86 389.52,-122"/>
<text text-anchor="middle" x="304" y="-99.8" font-family="Times,serif" font-size="14.00">WindowResizerComponent</text>
</g>
<!-- WindowResizerComponent->RxapWindowSystemModule -->
<g id="edge5" class="edge">
<title>WindowResizerComponent->RxapWindowSystemModule</title>
<path fill="none" stroke="black" d="M279.55,-122.01C279.55,-138.05 279.55,-159 279.55,-159 279.55,-159 396.71,-159 396.71,-159"/>
<polygon fill="black" stroke="black" points="396.71,-162.5 406.71,-159 396.71,-155.5 396.71,-162.5"/>
</g>
<!-- WindowToolBarComponent -->
<g id="node6" class="node">
<title>WindowToolBarComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="200.2,-122 197.2,-126 176.2,-126 173.2,-122 23.8,-122 23.8,-86 200.2,-86 200.2,-122"/>
<text text-anchor="middle" x="112" y="-99.8" font-family="Times,serif" font-size="14.00">WindowToolBarComponent</text>
</g>
<!-- WindowToolBarComponent->RxapWindowSystemModule -->
<g id="edge6" class="edge">
<title>WindowToolBarComponent->RxapWindowSystemModule</title>
<path fill="none" stroke="black" d="M114.62,-122.27C114.62,-140.56 114.62,-166 114.62,-166 114.62,-166 396.58,-166 396.58,-166"/>
<polygon fill="black" stroke="black" points="396.58,-169.5 406.58,-166 396.58,-162.5 396.58,-169.5"/>
</g>
<!-- DefaultWindowComponent -->
<g id="node8" class="node">
<title>DefaultWindowComponent </title>
<polygon fill="#fb8072" stroke="black" points="1173.52,-252 998.48,-252 998.48,-216 1173.52,-216 1173.52,-252"/>
<text text-anchor="middle" x="1086" y="-229.8" font-family="Times,serif" font-size="14.00">DefaultWindowComponent </text>
</g>
<!-- RxapWindowSystemModule->DefaultWindowComponent -->
<g id="edge7" class="edge">
<title>RxapWindowSystemModule->DefaultWindowComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M585.25,-174C730.83,-174 1003.36,-174 1003.36,-174 1003.36,-174 1003.36,-206 1003.36,-206"/>
<polygon fill="black" stroke="black" points="999.86,-206 1003.36,-216 1006.86,-206 999.86,-206"/>
</g>
<!-- WindowContainerComponent -->
<g id="node9" class="node">
<title>WindowContainerComponent </title>
<polygon fill="#fb8072" stroke="black" points="980.25,-252 791.75,-252 791.75,-216 980.25,-216 980.25,-252"/>
<text text-anchor="middle" x="886" y="-229.8" font-family="Times,serif" font-size="14.00">WindowContainerComponent </text>
</g>
<!-- RxapWindowSystemModule->WindowContainerComponent -->
<g id="edge8" class="edge">
<title>RxapWindowSystemModule->WindowContainerComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M585.08,-178C673.83,-178 796.97,-178 796.97,-178 796.97,-178 796.97,-205.97 796.97,-205.97"/>
<polygon fill="black" stroke="black" points="793.47,-205.97 796.97,-215.97 800.47,-205.97 793.47,-205.97"/>
</g>
<!-- WindowContentComponent -->
<g id="node10" class="node">
<title>WindowContentComponent </title>
<polygon fill="#fb8072" stroke="black" points="773.88,-252 596.12,-252 596.12,-216 773.88,-216 773.88,-252"/>
<text text-anchor="middle" x="685" y="-229.8" font-family="Times,serif" font-size="14.00">WindowContentComponent </text>
</g>
<!-- RxapWindowSystemModule->WindowContentComponent -->
<g id="edge9" class="edge">
<title>RxapWindowSystemModule->WindowContentComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M585.35,-183C646.16,-183 715.67,-183 715.67,-183 715.67,-183 715.67,-205.88 715.67,-205.88"/>
<polygon fill="black" stroke="black" points="712.17,-205.88 715.67,-215.88 719.17,-205.88 712.17,-205.88"/>
</g>
<!-- WindowResizerComponent -->
<g id="node11" class="node">
<title>WindowResizerComponent </title>
<polygon fill="#fb8072" stroke="black" points="578.52,-252 403.48,-252 403.48,-216 578.52,-216 578.52,-252"/>
<text text-anchor="middle" x="491" y="-229.8" font-family="Times,serif" font-size="14.00">WindowResizerComponent </text>
</g>
<!-- RxapWindowSystemModule->WindowResizerComponent -->
<g id="edge10" class="edge">
<title>RxapWindowSystemModule->WindowResizerComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M492.62,-187.11C492.62,-187.11 492.62,-205.99 492.62,-205.99"/>
<polygon fill="black" stroke="black" points="489.12,-205.99 492.62,-215.99 496.12,-205.99 489.12,-205.99"/>
</g>
<!-- WindowTaskBarModule -->
<g id="node12" class="node">
<title>WindowTaskBarModule </title>
<polygon fill="#fb8072" stroke="black" points="385.19,-252 226.81,-252 226.81,-216 385.19,-216 385.19,-252"/>
<text text-anchor="middle" x="306" y="-229.8" font-family="Times,serif" font-size="14.00">WindowTaskBarModule </text>
</g>
<!-- RxapWindowSystemModule->WindowTaskBarModule -->
<g id="edge11" class="edge">
<title>RxapWindowSystemModule->WindowTaskBarModule </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M406.57,-180C368.38,-180 332.45,-180 332.45,-180 332.45,-180 332.45,-205.72 332.45,-205.72"/>
<polygon fill="black" stroke="black" points="328.95,-205.72 332.45,-215.72 335.95,-205.72 328.95,-205.72"/>
</g>
<!-- WindowToolBarComponent -->
<g id="node13" class="node">
<title>WindowToolBarComponent </title>
<polygon fill="#fb8072" stroke="black" points="208.7,-252 29.3,-252 29.3,-216 208.7,-216 208.7,-252"/>
<text text-anchor="middle" x="119" y="-229.8" font-family="Times,serif" font-size="14.00">WindowToolBarComponent </text>
</g>
<!-- RxapWindowSystemModule->WindowToolBarComponent -->
<g id="edge12" class="edge">
<title>RxapWindowSystemModule->WindowToolBarComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M406.95,-173C321.22,-173 204.47,-173 204.47,-173 204.47,-173 204.47,-205.7 204.47,-205.7"/>
<polygon fill="black" stroke="black" points="200.97,-205.7 204.47,-215.7 207.97,-205.7 200.97,-205.7"/>
</g>
<!-- WindowTaskBarComponent -->
<g id="node14" class="node">
<title>WindowTaskBarComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="1821.47,-122 1818.47,-126 1797.47,-126 1794.47,-122 1644.53,-122 1644.53,-86 1821.47,-86 1821.47,-122"/>
<text text-anchor="middle" x="1733" y="-99.8" font-family="Times,serif" font-size="14.00">WindowTaskBarComponent</text>
</g>
<!-- WindowTaskBarModule -->
<g id="node17" class="node">
<title>WindowTaskBarModule</title>
<polygon fill="#8dd3c7" stroke="black" points="1587.69,-187 1584.69,-191 1563.69,-191 1560.69,-187 1432.31,-187 1432.31,-151 1587.69,-151 1587.69,-187"/>
<text text-anchor="middle" x="1510" y="-164.8" font-family="Times,serif" font-size="14.00">WindowTaskBarModule</text>
</g>
<!-- WindowTaskBarComponent->WindowTaskBarModule -->
<g id="edge13" class="edge">
<title>WindowTaskBarComponent->WindowTaskBarModule</title>
<path fill="none" stroke="black" d="M1691.38,-122.11C1691.38,-141.34 1691.38,-169 1691.38,-169 1691.38,-169 1597.71,-169 1597.71,-169"/>
<polygon fill="black" stroke="black" points="1597.71,-165.5 1587.71,-169 1597.71,-172.5 1597.71,-165.5"/>
</g>
<!-- WindowTaskBarContainerComponent -->
<g id="node15" class="node">
<title>WindowTaskBarContainerComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="1626.18,-122 1623.18,-126 1602.18,-126 1599.18,-122 1393.82,-122 1393.82,-86 1626.18,-86 1626.18,-122"/>
<text text-anchor="middle" x="1510" y="-99.8" font-family="Times,serif" font-size="14.00">WindowTaskBarContainerComponent</text>
</g>
<!-- WindowTaskBarContainerComponent->WindowTaskBarModule -->
<g id="edge14" class="edge">
<title>WindowTaskBarContainerComponent->WindowTaskBarModule</title>
<path fill="none" stroke="black" d="M1510,-122.11C1510,-122.11 1510,-140.99 1510,-140.99"/>
<polygon fill="black" stroke="black" points="1506.5,-140.99 1510,-150.99 1513.5,-140.99 1506.5,-140.99"/>
</g>
<!-- WindowTaskComponent -->
<g id="node16" class="node">
<title>WindowTaskComponent</title>
<polygon fill="#8dd3c7" stroke="black" points="1376.26,-122 1373.26,-126 1352.26,-126 1349.26,-122 1219.74,-122 1219.74,-86 1376.26,-86 1376.26,-122"/>
<text text-anchor="middle" x="1298" y="-99.8" font-family="Times,serif" font-size="14.00">WindowTaskComponent</text>
</g>
<!-- WindowTaskComponent->WindowTaskBarModule -->
<g id="edge15" class="edge">
<title>WindowTaskComponent->WindowTaskBarModule</title>
<path fill="none" stroke="black" d="M1340.27,-122.19C1340.27,-137.18 1340.27,-156 1340.27,-156 1340.27,-156 1422.09,-156 1422.09,-156"/>
<polygon fill="black" stroke="black" points="1422.09,-159.5 1432.09,-156 1422.09,-152.5 1422.09,-159.5"/>
</g>
<!-- WindowTaskBarComponent -->
<g id="node18" class="node">
<title>WindowTaskBarComponent </title>
<polygon fill="#fb8072" stroke="black" points="1738.47,-252 1557.53,-252 1557.53,-216 1738.47,-216 1738.47,-252"/>
<text text-anchor="middle" x="1648" y="-229.8" font-family="Times,serif" font-size="14.00">WindowTaskBarComponent </text>
</g>
<!-- WindowTaskBarModule->WindowTaskBarComponent -->
<g id="edge16" class="edge">
<title>WindowTaskBarModule->WindowTaskBarComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1572.68,-187.11C1572.68,-187.11 1572.68,-205.99 1572.68,-205.99"/>
<polygon fill="black" stroke="black" points="1569.18,-205.99 1572.68,-215.99 1576.18,-205.99 1569.18,-205.99"/>
</g>
<!-- WindowTaskBarContainerComponent -->
<g id="node19" class="node">
<title>WindowTaskBarContainerComponent </title>
<polygon fill="#fb8072" stroke="black" points="1539.68,-252 1304.32,-252 1304.32,-216 1539.68,-216 1539.68,-252"/>
<text text-anchor="middle" x="1422" y="-229.8" font-family="Times,serif" font-size="14.00">WindowTaskBarContainerComponent </text>
</g>
<!-- WindowTaskBarModule->WindowTaskBarContainerComponent -->
<g id="edge17" class="edge">
<title>WindowTaskBarModule->WindowTaskBarContainerComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1486.12,-187.11C1486.12,-187.11 1486.12,-205.99 1486.12,-205.99"/>
<polygon fill="black" stroke="black" points="1482.62,-205.99 1486.12,-215.99 1489.62,-205.99 1482.62,-205.99"/>
</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>
<div class="tab-content overview">
<div class="row">
<div class="col-sm-3">
<div class="card text-center">
<div class="card-block">
<h4 class="card-title"><span class="icon ion-ios-archive"></span></h4>
<p class="card-text">
<a href="./modules.html">2 Modules</a>
</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card text-center">
<div class="card-block">
<h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
<p class="card-text">9 Components</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card text-center">
<div class="card-block">
<h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
<p class="card-text">2 Directives</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card text-center">
<div class="card-block">
<h4 class="card-title"><span class="icon ion-md-arrow-round-down"></span></h4>
<p class="card-text">2 Injectables</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card text-center">
<div class="card-block">
<h4 class="card-title"><span class="icon ion-ios-paper"></span></h4>
<p class="card-text">1 Class</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="card text-center">
<div class="card-block">
<h4 class="card-title"><span class="icon ion-md-information-circle-outline"></span></h4>
<p class="card-text">8 Interfaces</p>
</div>
</div>
</div>
</div>
</div>
<script src="js/libs/svg-pan-zoom.min.js"></script>
<script src="js/svg-pan-zoom.controls.js"></script>
</div><div class="search-results">
<div class="has-results">
<h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
<ul class="search-results-list"></ul>
</div>
<div class="no-results">
<h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
</div>
</div>
</div>
<!-- END CONTENT -->
</div>
</div>
<label class="dark-mode-switch">
<input type="checkbox">
<span class="slider">
<svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
</svg>
</span>
</label>
<script>
var COMPODOC_CURRENT_PAGE_DEPTH = 0;
var COMPODOC_CURRENT_PAGE_CONTEXT = 'overview';
var COMPODOC_CURRENT_PAGE_URL = 'overview.html';
var MAX_SEARCH_RESULTS = 15;
</script>
<script>
$darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
checkToggle(darkModeState);
if ($darkModeToggleSwitchers.length > 0) {
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
darkModeState = !darkModeState;
toggleDarkMode(darkModeState);
});
}
}
</script>
<script src="./js/libs/custom-elements.min.js"></script>
<script src="./js/libs/lit-html.js"></script>
<script src="./js/menu-wc.js" defer></script>
<script nomodule src="./js/menu-wc_es5.js" defer></script>
<script src="./js/libs/bootstrap-native.js"></script>
<script src="./js/libs/es6-shim.min.js"></script>
<script src="./js/libs/EventDispatcher.js"></script>
<script src="./js/libs/promise.min.js"></script>
<script src="./js/libs/zepto.min.js"></script>
<script src="./js/compodoc.js"></script>
<script src="./js/tabs.js"></script>
<script src="./js/menu.js"></script>
<script src="./js/libs/clipboard.min.js"></script>
<script src="./js/libs/prism.js"></script>
<script src="./js/sourceCode.js"></script>
<script src="./js/search/search.js"></script>
<script src="./js/search/lunr.min.js"></script>
<script src="./js/search/search-lunr.js"></script>
<script src="./js/search/search_index.js"></script>
<script src="./js/lazy-load-graphs.js"></script>
</body>
</html>