@compodoc/compodoc

<!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>sample-files 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" media="(prefers-color-scheme: dark)"> </head> <body> <div class="navbar navbar-default navbar-fixed-top visible-xs"> <a href="./" class="navbar-brand">sample-files documentation</a> <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button> </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="hidden-xs menu"> <compodoc-menu mode="normal"></compodoc-menu> </div>  <div class="content overview"> <div class="content-data"> <ol class="breadcrumb"> <li>Overview</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">   <svg width="1457pt" height="475pt" viewBox="0.00 0.00 1457.00 474.80" 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 470.8)"> <title>dependencies</title> <polygon fill="white" stroke="transparent" points="-4,4 -4,-470.8 1453,-470.8 1453,4 -4,4"/> <text text-anchor="middle" x="724.5" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text> <g id="clust1" class="cluster"> <title>cluster_AboutModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="89,-260.8 89,-458.8 529,-458.8 529,-260.8 89,-260.8"/> </g> <g id="clust2" class="cluster"> <title>cluster_AboutModule_declarations</title> <polygon fill="none" stroke="black" points="261,-268.8 261,-320.8 393,-320.8 393,-268.8 261,-268.8"/> </g> <g id="clust4" class="cluster"> <title>cluster_AboutModule_imports</title> <polygon fill="none" stroke="black" points="97,-268.8 97,-320.8 253,-320.8 253,-268.8 97,-268.8"/> </g> <g id="clust6" class="cluster"> <title>cluster_AboutModule_bootstrap</title> <polygon fill="none" stroke="black" points="259,-398.8 259,-450.8 395,-450.8 395,-398.8 259,-398.8"/> </g> <g id="clust7" class="cluster"> <title>cluster_AboutModule_providers</title> <polygon fill="none" stroke="black" points="401,-268.8 401,-320.8 521,-320.8 521,-268.8 401,-268.8"/> </g> <g id="clust14" class="cluster"> <title>cluster_AboutRoutingModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-184.8 8,-252.8 343,-252.8 343,-184.8 8,-184.8"/> </g> <g id="clust15" class="cluster"> <title>cluster_AboutRoutingModule_declarations</title> <polygon fill="none" stroke="black" points="16,-192.8 16,-244.8 335,-244.8 335,-192.8 16,-192.8"/> </g> <g id="clust22" class="cluster"> <title>cluster_AppModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="537,-260.8 537,-458.8 1113,-458.8 1113,-260.8 537,-260.8"/> </g> <g id="clust23" class="cluster"> <title>cluster_AppModule_declarations</title> <polygon fill="none" stroke="black" points="983,-268.8 983,-320.8 1105,-320.8 1105,-268.8 983,-268.8"/> </g> <g id="clust25" class="cluster"> <title>cluster_AppModule_imports</title> <polygon fill="none" stroke="black" points="719,-268.8 719,-320.8 975,-320.8 975,-268.8 719,-268.8"/> </g> <g id="clust27" class="cluster"> <title>cluster_AppModule_bootstrap</title> <polygon fill="none" stroke="black" points="712,-398.8 712,-450.8 836,-450.8 836,-398.8 712,-398.8"/> </g> <g id="clust28" class="cluster"> <title>cluster_AppModule_providers</title> <polygon fill="none" stroke="black" points="545,-268.8 545,-320.8 711,-320.8 711,-268.8 545,-268.8"/> </g> <g id="clust35" class="cluster"> <title>cluster_FooterModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="1121,-108.8 1121,-328.8 1275,-328.8 1275,-108.8 1121,-108.8"/> </g> <g id="clust36" class="cluster"> <title>cluster_FooterModule_declarations</title> <polygon fill="none" stroke="black" points="1130,-116.8 1130,-168.8 1264,-168.8 1264,-116.8 1130,-116.8"/> </g> <g id="clust39" class="cluster"> <title>cluster_FooterModule_exports</title> <polygon fill="none" stroke="black" points="1129,-268.8 1129,-320.8 1267,-320.8 1267,-268.8 1129,-268.8"/> </g> <g id="clust42" class="cluster"> <title>cluster_HeaderModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="1283,-108.8 1283,-328.8 1441,-328.8 1441,-108.8 1283,-108.8"/> </g> <g id="clust43" class="cluster"> <title>cluster_HeaderModule_declarations</title> <polygon fill="none" stroke="black" points="1292,-116.8 1292,-168.8 1430,-168.8 1430,-116.8 1292,-116.8"/> </g> <g id="clust46" class="cluster"> <title>cluster_HeaderModule_exports</title> <polygon fill="none" stroke="black" points="1291,-268.8 1291,-320.8 1433,-320.8 1433,-268.8 1291,-268.8"/> </g> <g id="clust49" class="cluster"> <title>cluster_HomeModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="573,-184.8 573,-252.8 971,-252.8 971,-184.8 573,-184.8"/> </g> <g id="clust50" class="cluster"> <title>cluster_HomeModule_declarations</title> <polygon fill="none" stroke="black" points="831,-192.8 831,-244.8 963,-244.8 963,-192.8 831,-192.8"/> </g> <g id="clust52" class="cluster"> <title>cluster_HomeModule_imports</title> <polygon fill="none" stroke="black" points="725,-192.8 725,-244.8 823,-244.8 823,-192.8 725,-192.8"/> </g> <g id="clust53" class="cluster"> <title>cluster_HomeModule_exports</title> <polygon fill="none" stroke="black" points="581,-192.8 581,-244.8 717,-244.8 717,-192.8 581,-192.8"/> </g> <g id="clust56" class="cluster"> <title>cluster_ListModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="583,-108.8 583,-176.8 963,-176.8 963,-108.8 583,-108.8"/> </g> <g id="clust57" class="cluster"> <title>cluster_ListModule_declarations</title> <polygon fill="none" stroke="black" points="835,-116.8 835,-168.8 955,-168.8 955,-116.8 835,-116.8"/> </g> <g id="clust59" class="cluster"> <title>cluster_ListModule_imports</title> <polygon fill="none" stroke="black" points="721,-116.8 721,-168.8 827,-168.8 827,-116.8 721,-116.8"/> </g> <g id="clust60" class="cluster"> <title>cluster_ListModule_exports</title> <polygon fill="none" stroke="black" points="591,-116.8 591,-168.8 713,-168.8 713,-116.8 591,-116.8"/> </g> <g id="clust63" class="cluster"> <title>cluster_TodoModule</title> <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="485,-32.8 485,-100.8 1035,-100.8 1035,-32.8 485,-32.8"/> </g> <g id="clust64" class="cluster"> <title>cluster_TodoModule_declarations</title> <polygon fill="none" stroke="black" points="631,-40.8 631,-92.8 1027,-92.8 1027,-40.8 631,-40.8"/> </g> <g id="clust69" class="cluster"> <title>cluster_TodoModule_exports</title> <polygon fill="none" stroke="black" points="493,-40.8 493,-92.8 623,-92.8 623,-40.8 493,-40.8"/> </g>  <g id="node1" class="node"> <title>AboutComponent</title> <polygon fill="#ffffb3" stroke="black" points="385.33,-312.8 268.67,-312.8 268.67,-276.8 385.33,-276.8 385.33,-312.8"/> <text text-anchor="middle" x="327" y="-290.6" font-family="Times,serif" font-size="14.00">AboutComponent</text> </g>  <g id="node2" class="node"> <title>AboutModule</title> <polygon fill="#8dd3c7" stroke="black" points="374.05,-377.8 371.05,-381.8 350.05,-381.8 347.05,-377.8 279.95,-377.8 279.95,-341.8 374.05,-341.8 374.05,-377.8"/> <text text-anchor="middle" x="327" y="-355.6" font-family="Times,serif" font-size="14.00">AboutModule</text> </g>  <g id="edge1" class="edge"> <title>AboutComponent->AboutModule</title> <path fill="none" stroke="black" d="M327,-312.91C327,-312.91 327,-331.79 327,-331.79"/> <polygon fill="black" stroke="black" points="323.5,-331.79 327,-341.79 330.5,-331.79 323.5,-331.79"/> </g>  <g id="node4" class="node"> <title>AboutComponent </title> <polygon fill="#80b1d3" stroke="black" points="386.83,-442.8 267.17,-442.8 267.17,-406.8 386.83,-406.8 386.83,-442.8"/> <text text-anchor="middle" x="327" y="-420.6" font-family="Times,serif" font-size="14.00">AboutComponent </text> </g>  <g id="edge3" class="edge"> <title>AboutModule->AboutComponent </title> <path fill="none" stroke="black" stroke-dasharray="1,5" d="M327,-377.91C327,-377.91 327,-396.79 327,-396.79"/> <polygon fill="black" stroke="black" points="323.5,-396.79 327,-406.79 330.5,-396.79 323.5,-396.79"/> </g>  <g id="node3" class="node"> <title>AboutRoutingModule</title> <polygon fill="#8dd3c7" stroke="black" points="244.67,-312.8 241.67,-316.8 220.67,-316.8 217.67,-312.8 105.33,-312.8 105.33,-276.8 244.67,-276.8 244.67,-312.8"/> <text text-anchor="middle" x="175" y="-290.6" font-family="Times,serif" font-size="14.00">AboutRoutingModule</text> </g>  <g id="edge2" class="edge"> <title>AboutRoutingModule->AboutModule</title> <path fill="none" stroke="black" d="M175,-312.91C175,-332.14 175,-359.8 175,-359.8 175,-359.8 269.74,-359.8 269.74,-359.8"/> <polygon fill="black" stroke="black" points="269.74,-363.3 279.74,-359.8 269.74,-356.3 269.74,-363.3"/> </g>  <g id="node5" class="node"> <title>TodoStore</title> <ellipse fill="#fdb462" stroke="black" cx="461" cy="-294.8" rx="51.61" ry="18"/> <text text-anchor="middle" x="461" y="-290.6" font-family="Times,serif" font-size="14.00">TodoStore</text> </g>  <g id="edge4" class="edge"> <title>TodoStore->AboutModule</title> <path fill="none" stroke="black" d="M443.73,-311.96C443.73,-333.82 443.73,-368.8 443.73,-368.8 443.73,-368.8 384.14,-368.8 384.14,-368.8"/> <polygon fill="black" stroke="black" points="384.14,-365.3 374.14,-368.8 384.14,-372.3 384.14,-365.3"/> </g>  <g id="node9" class="node"> <title>AppModule</title> <polygon fill="#8dd3c7" stroke="black" points="815.66,-377.8 812.66,-381.8 791.66,-381.8 788.66,-377.8 732.34,-377.8 732.34,-341.8 815.66,-341.8 815.66,-377.8"/> <text text-anchor="middle" x="774" y="-355.6" font-family="Times,serif" font-size="14.00">AppModule</text> </g>  <g id="edge12" class="edge"> <title>TodoStore->AppModule</title> <path fill="none" stroke="black" d="M478.27,-311.88C478.27,-331.14 478.27,-359.8 478.27,-359.8 478.27,-359.8 722.26,-359.8 722.26,-359.8"/> <polygon fill="black" stroke="black" points="722.26,-363.3 732.26,-359.8 722.26,-356.3 722.26,-363.3"/> </g>  <g id="node6" class="node"> <title>CompodocComponent</title> <polygon fill="#ffffb3" stroke="black" points="327.27,-236.8 184.73,-236.8 184.73,-200.8 327.27,-200.8 327.27,-236.8"/> <text text-anchor="middle" x="256" y="-214.6" font-family="Times,serif" font-size="14.00">CompodocComponent</text> </g>  <g id="edge5" class="edge"> <title>CompodocComponent->AboutRoutingModule</title> <path fill="none" stroke="black" d="M214.72,-236.81C214.72,-236.81 214.72,-266.65 214.72,-266.65"/> <polygon fill="black" stroke="black" points="211.22,-266.65 214.72,-276.65 218.22,-266.65 211.22,-266.65"/> </g>  <g id="node7" class="node"> <title>TodoMVCComponent</title> <polygon fill="#ffffb3" stroke="black" points="166.27,-236.8 23.73,-236.8 23.73,-200.8 166.27,-200.8 166.27,-236.8"/> <text text-anchor="middle" x="95" y="-214.6" font-family="Times,serif" font-size="14.00">TodoMVCComponent</text> </g>  <g id="edge6" class="edge"> <title>TodoMVCComponent->AboutRoutingModule</title> <path fill="none" stroke="black" d="M135.78,-236.81C135.78,-236.81 135.78,-266.65 135.78,-266.65"/> <polygon fill="black" stroke="black" points="132.28,-266.65 135.78,-276.65 139.28,-266.65 132.28,-266.65"/> </g>  <g id="node8" class="node"> <title>AppComponent</title> <polygon fill="#ffffb3" stroke="black" points="1096.94,-312.8 991.06,-312.8 991.06,-276.8 1096.94,-276.8 1096.94,-312.8"/> <text text-anchor="middle" x="1044" y="-290.6" font-family="Times,serif" font-size="14.00">AppComponent</text> </g>  <g id="edge7" class="edge"> <title>AppComponent->AppModule</title> <path fill="none" stroke="black" d="M1044,-313.08C1044,-334.12 1044,-365.8 1044,-365.8 1044,-365.8 825.89,-365.8 825.89,-365.8"/> <polygon fill="black" stroke="black" points="825.89,-362.3 815.89,-365.8 825.89,-369.3 825.89,-362.3"/> </g>  <g id="node12" class="node"> <title>AppComponent </title> <polygon fill="#80b1d3" stroke="black" points="828.44,-442.8 719.56,-442.8 719.56,-406.8 828.44,-406.8 828.44,-442.8"/> <text text-anchor="middle" x="774" y="-420.6" font-family="Times,serif" font-size="14.00">AppComponent </text> </g>  <g id="edge10" class="edge"> <title>AppModule->AppComponent </title> <path fill="none" stroke="black" stroke-dasharray="1,5" d="M774,-377.91C774,-377.91 774,-396.79 774,-396.79"/> <polygon fill="black" stroke="black" points="770.5,-396.79 774,-406.79 777.5,-396.79 770.5,-396.79"/> </g>  <g id="node10" class="node"> <title>AppRoutingModule</title> <polygon fill="#8dd3c7" stroke="black" points="967.27,-312.8 964.27,-316.8 943.27,-316.8 940.27,-312.8 838.73,-312.8 838.73,-276.8 967.27,-276.8 967.27,-312.8"/> <text text-anchor="middle" x="903" y="-290.6" font-family="Times,serif" font-size="14.00">AppRoutingModule</text> </g>  <g id="edge8" class="edge"> <title>AppRoutingModule->AppModule</title> <path fill="none" stroke="black" d="M903,-312.82C903,-330.17 903,-353.8 903,-353.8 903,-353.8 825.88,-353.8 825.88,-353.8"/> <polygon fill="black" stroke="black" points="825.88,-350.3 815.88,-353.8 825.88,-357.3 825.88,-350.3"/> </g>  <g id="node11" class="node"> <title>HomeModule</title> <polygon fill="#8dd3c7" stroke="black" points="820.76,-312.8 817.76,-316.8 796.76,-316.8 793.76,-312.8 727.24,-312.8 727.24,-276.8 820.76,-276.8 820.76,-312.8"/> <text text-anchor="middle" x="774" y="-290.6" font-family="Times,serif" font-size="14.00">HomeModule</text> </g>  <g id="edge9" class="edge"> <title>HomeModule->AppModule</title> <path fill="none" stroke="black" d="M774,-312.91C774,-312.91 774,-331.79 774,-331.79"/> <polygon fill="black" stroke="black" points="770.5,-331.79 774,-341.79 777.5,-331.79 770.5,-331.79"/> </g>  <g id="node22" class="node"> <title>HomeComponent </title> <polygon fill="#fb8072" stroke="black" points="708.54,-236.8 589.46,-236.8 589.46,-200.8 708.54,-200.8 708.54,-236.8"/> <text text-anchor="middle" x="649" y="-214.6" font-family="Times,serif" font-size="14.00">HomeComponent </text> </g>  <g id="edge21" class="edge"> <title>HomeModule->HomeComponent </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M727.23,-294.8C724.04,-294.8 722.06,-294.8 722.06,-294.8 722.06,-294.8 722.06,-224.8 722.06,-224.8 722.06,-224.8 718.66,-224.8 718.66,-224.8"/> <polygon fill="black" stroke="black" points="718.66,-221.3 708.66,-224.8 718.66,-228.3 718.66,-221.3"/> </g>  <g id="node13" class="node"> <title>NoopInterceptor</title> <ellipse fill="#fdb462" stroke="black" cx="628" cy="-294.8" rx="74.7" ry="18"/> <text text-anchor="middle" x="628" y="-290.6" font-family="Times,serif" font-size="14.00">NoopInterceptor</text> </g>  <g id="edge11" class="edge"> <title>NoopInterceptor->AppModule</title> <path fill="none" stroke="black" d="M628,-312.83C628,-329.2 628,-350.8 628,-350.8 628,-350.8 722.16,-350.8 722.16,-350.8"/> <polygon fill="black" stroke="black" points="722.16,-354.3 732.16,-350.8 722.16,-347.3 722.16,-354.3"/> </g>  <g id="node14" class="node"> <title>FooterComponent</title> <polygon fill="#ffffb3" stroke="black" points="1255.88,-160.8 1138.12,-160.8 1138.12,-124.8 1255.88,-124.8 1255.88,-160.8"/> <text text-anchor="middle" x="1197" y="-138.6" font-family="Times,serif" font-size="14.00">FooterComponent</text> </g>  <g id="node15" class="node"> <title>FooterModule</title> <polygon fill="#8dd3c7" stroke="black" points="1245.1,-236.8 1242.1,-240.8 1221.1,-240.8 1218.1,-236.8 1148.9,-236.8 1148.9,-200.8 1245.1,-200.8 1245.1,-236.8"/> <text text-anchor="middle" x="1197" y="-214.6" font-family="Times,serif" font-size="14.00">FooterModule</text> </g>  <g id="edge13" class="edge"> <title>FooterComponent->FooterModule</title> <path fill="none" stroke="black" d="M1197,-160.81C1197,-160.81 1197,-190.65 1197,-190.65"/> <polygon fill="black" stroke="black" points="1193.5,-190.65 1197,-200.65 1200.5,-190.65 1193.5,-190.65"/> </g>  <g id="edge18" class="edge"> <title>FooterModule->HomeModule</title> <path fill="none" stroke="black" d="M1180.98,-237.04C1180.98,-244.23 1180.98,-250.8 1180.98,-250.8 1180.98,-250.8 774,-250.8 774,-250.8 774,-250.8 774,-266.65 774,-266.65"/> <polygon fill="black" stroke="black" points="770.5,-266.65 774,-276.65 777.5,-266.65 770.5,-266.65"/> </g>  <g id="node16" class="node"> <title>FooterComponent </title> <polygon fill="#fb8072" stroke="black" points="1258.88,-312.8 1137.12,-312.8 1137.12,-276.8 1258.88,-276.8 1258.88,-312.8"/> <text text-anchor="middle" x="1198" y="-290.6" font-family="Times,serif" font-size="14.00">FooterComponent </text> </g>  <g id="edge14" class="edge"> <title>FooterModule->FooterComponent </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1213.02,-236.81C1213.02,-236.81 1213.02,-266.65 1213.02,-266.65"/> <polygon fill="black" stroke="black" points="1209.52,-266.65 1213.02,-276.65 1216.52,-266.65 1209.52,-266.65"/> </g>  <g id="node17" class="node"> <title>HeaderComponent</title> <polygon fill="#ffffb3" stroke="black" points="1421.74,-160.8 1300.26,-160.8 1300.26,-124.8 1421.74,-124.8 1421.74,-160.8"/> <text text-anchor="middle" x="1361" y="-138.6" font-family="Times,serif" font-size="14.00">HeaderComponent</text> </g>  <g id="node18" class="node"> <title>HeaderModule</title> <polygon fill="#8dd3c7" stroke="black" points="1410.96,-236.8 1407.96,-240.8 1386.96,-240.8 1383.96,-236.8 1311.04,-236.8 1311.04,-200.8 1410.96,-200.8 1410.96,-236.8"/> <text text-anchor="middle" x="1361" y="-214.6" font-family="Times,serif" font-size="14.00">HeaderModule</text> </g>  <g id="edge15" class="edge"> <title>HeaderComponent->HeaderModule</title> <path fill="none" stroke="black" d="M1361,-160.81C1361,-160.81 1361,-190.65 1361,-190.65"/> <polygon fill="black" stroke="black" points="1357.5,-190.65 1361,-200.65 1364.5,-190.65 1357.5,-190.65"/> </g>  <g id="edge19" class="edge"> <title>HeaderModule->HomeModule</title> <path fill="none" stroke="black" d="M1344.34,-236.84C1344.34,-249.36 1344.34,-263.8 1344.34,-263.8 1344.34,-263.8 794.33,-263.8 794.33,-263.8 794.33,-263.8 794.33,-266.77 794.33,-266.77"/> <polygon fill="black" stroke="black" points="790.83,-266.77 794.33,-276.77 797.83,-266.77 790.83,-266.77"/> </g>  <g id="node19" class="node"> <title>HeaderComponent </title> <polygon fill="#fb8072" stroke="black" points="1424.74,-312.8 1299.26,-312.8 1299.26,-276.8 1424.74,-276.8 1424.74,-312.8"/> <text text-anchor="middle" x="1362" y="-290.6" font-family="Times,serif" font-size="14.00">HeaderComponent </text> </g>  <g id="edge16" class="edge"> <title>HeaderModule->HeaderComponent </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M1377.66,-236.81C1377.66,-236.81 1377.66,-266.65 1377.66,-266.65"/> <polygon fill="black" stroke="black" points="1374.16,-266.65 1377.66,-276.65 1381.16,-266.65 1374.16,-266.65"/> </g>  <g id="node20" class="node"> <title>HomeComponent</title> <polygon fill="#ffffb3" stroke="black" points="954.55,-236.8 839.45,-236.8 839.45,-200.8 954.55,-200.8 954.55,-236.8"/> <text text-anchor="middle" x="897" y="-214.6" font-family="Times,serif" font-size="14.00">HomeComponent</text> </g>  <g id="edge17" class="edge"> <title>HomeComponent->HomeModule</title> <path fill="none" stroke="black" d="M839.31,-224.8C831.41,-224.8 825.94,-224.8 825.94,-224.8 825.94,-224.8 825.94,-294.8 825.94,-294.8 825.94,-294.8 825.42,-294.8 825.42,-294.8"/> <polygon fill="black" stroke="black" points="830.77,-291.3 820.77,-294.8 830.77,-298.3 830.77,-291.3"/> </g>  <g id="node21" class="node"> <title>ListModule</title> <polygon fill="#8dd3c7" stroke="black" points="814.83,-236.8 811.83,-240.8 790.83,-240.8 787.83,-236.8 733.17,-236.8 733.17,-200.8 814.83,-200.8 814.83,-236.8"/> <text text-anchor="middle" x="774" y="-214.6" font-family="Times,serif" font-size="14.00">ListModule</text> </g>  <g id="edge20" class="edge"> <title>ListModule->HomeModule</title> <path fill="none" stroke="black" d="M753.67,-236.81C753.67,-236.81 753.67,-266.65 753.67,-266.65"/> <polygon fill="black" stroke="black" points="750.17,-266.65 753.67,-276.65 757.17,-266.65 750.17,-266.65"/> </g>  <g id="node25" class="node"> <title>ListComponent </title> <polygon fill="#fb8072" stroke="black" points="705.11,-160.8 598.89,-160.8 598.89,-124.8 705.11,-124.8 705.11,-160.8"/> <text text-anchor="middle" x="652" y="-138.6" font-family="Times,serif" font-size="14.00">ListComponent </text> </g>  <g id="edge24" class="edge"> <title>ListModule->ListComponent </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M733.2,-212.8C728.08,-212.8 724.59,-212.8 724.59,-212.8 724.59,-212.8 724.59,-142.8 724.59,-142.8 724.59,-142.8 715.14,-142.8 715.14,-142.8"/> <polygon fill="black" stroke="black" points="715.14,-139.3 705.14,-142.8 715.14,-146.3 715.14,-139.3"/> </g>  <g id="node23" class="node"> <title>ListComponent</title> <polygon fill="#ffffb3" stroke="black" points="946.61,-160.8 843.39,-160.8 843.39,-124.8 946.61,-124.8 946.61,-160.8"/> <text text-anchor="middle" x="895" y="-138.6" font-family="Times,serif" font-size="14.00">ListComponent</text> </g>  <g id="edge22" class="edge"> <title>ListComponent->ListModule</title> <path fill="none" stroke="black" d="M843.35,-142.8C832.06,-142.8 823.41,-142.8 823.41,-142.8 823.41,-142.8 823.41,-212.8 823.41,-212.8 823.41,-212.8 822.55,-212.8 822.55,-212.8"/> <polygon fill="black" stroke="black" points="824.8,-209.3 814.8,-212.8 824.8,-216.3 824.8,-209.3"/> </g>  <g id="node24" class="node"> <title>TodoModule</title> <polygon fill="#8dd3c7" stroke="black" points="818.6,-160.8 815.6,-164.8 794.6,-164.8 791.6,-160.8 729.4,-160.8 729.4,-124.8 818.6,-124.8 818.6,-160.8"/> <text text-anchor="middle" x="774" y="-138.6" font-family="Times,serif" font-size="14.00">TodoModule</text> </g>  <g id="edge23" class="edge"> <title>TodoModule->ListModule</title> <path fill="none" stroke="black" d="M774,-160.81C774,-160.81 774,-190.65 774,-190.65"/> <polygon fill="black" stroke="black" points="770.5,-190.65 774,-200.65 777.5,-190.65 770.5,-190.65"/> </g>  <g id="node29" class="node"> <title>TodoComponent </title> <polygon fill="#fb8072" stroke="black" points="615.39,-84.8 500.61,-84.8 500.61,-48.8 615.39,-48.8 615.39,-84.8"/> <text text-anchor="middle" x="558" y="-62.6" font-family="Times,serif" font-size="14.00">TodoComponent </text> </g>  <g id="edge28" class="edge"> <title>TodoModule->TodoComponent </title> <path fill="none" stroke="black" stroke-dasharray="5,2" d="M743.15,-124.65C743.15,-112.53 743.15,-98.8 743.15,-98.8 743.15,-98.8 606.94,-98.8 606.94,-98.8 606.94,-98.8 606.94,-95.04 606.94,-95.04"/> <polygon fill="black" stroke="black" points="610.44,-95.04 606.94,-85.04 603.44,-95.04 610.44,-95.04"/> </g>  <g id="node26" class="node"> <title>DoNothingDirective</title> <polygon fill="#ffffb3" stroke="black" points="770.58,-84.8 639.42,-84.8 639.42,-48.8 770.58,-48.8 770.58,-84.8"/> <text text-anchor="middle" x="705" y="-62.6" font-family="Times,serif" font-size="14.00">DoNothingDirective</text> </g>  <g id="edge25" class="edge"> <title>DoNothingDirective->TodoModule</title> <path fill="none" stroke="black" d="M756.84,-84.81C756.84,-84.81 756.84,-114.65 756.84,-114.65"/> <polygon fill="black" stroke="black" points="753.34,-114.65 756.84,-124.65 760.34,-114.65 753.34,-114.65"/> </g>  <g id="node27" class="node"> <title>FirstUpperPipe</title> <polygon fill="#ffffb3" stroke="black" points="1018.54,-84.8 917.46,-84.8 917.46,-48.8 1018.54,-48.8 1018.54,-84.8"/> <text text-anchor="middle" x="968" y="-62.6" font-family="Times,serif" font-size="14.00">FirstUpperPipe</text> </g>  <g id="edge26" class="edge"> <title>FirstUpperPipe->TodoModule</title> <path fill="none" stroke="black" d="M931.89,-84.84C931.89,-97.36 931.89,-111.8 931.89,-111.8 931.89,-111.8 808.55,-111.8 808.55,-111.8 808.55,-111.8 808.55,-114.77 808.55,-114.77"/> <polygon fill="black" stroke="black" points="805.05,-114.77 808.55,-124.77 812.05,-114.77 805.05,-114.77"/> </g>  <g id="node28" class="node"> <title>TodoComponent</title> <polygon fill="#ffffb3" stroke="black" points="899.39,-84.8 788.61,-84.8 788.61,-48.8 899.39,-48.8 899.39,-84.8"/> <text text-anchor="middle" x="844" y="-62.6" font-family="Times,serif" font-size="14.00">TodoComponent</text> </g>  <g id="edge27" class="edge"> <title>TodoComponent->TodoModule</title> <path fill="none" stroke="black" d="M798.56,-84.81C798.56,-84.81 798.56,-114.65 798.56,-114.65"/> <polygon fill="black" stroke="black" points="795.06,-114.65 798.56,-124.65 802.06,-114.65 795.06,-114.65"/> </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">10 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">17 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">3 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">4 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-md-add"></span></h4> <p class="card-text">2 Pipes</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">12 Classes</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-lock"></span></h4> <p class="card-text">2 Guards</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">10 Interfaces</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-git-branch"></span></h4> <p class="card-text"> <a href="./routes.html">12 Routes</a> </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>  </div> </div> <script> var COMPODOC_CURRENT_PAGE_DEPTH = 0; var COMPODOC_CURRENT_PAGE_CONTEXT = 'overview'; var COMPODOC_CURRENT_PAGE_URL = 'index.html'; var MAX_SEARCH_RESULTS = 15; </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>