1313 < link rel ="stylesheet " href ="../styles/material.css ">
1414 </ head >
1515 < body >
16-
17- < div class ="navbar navbar-default navbar-fixed-top visible-xs ">
16+ < script >
17+ // Blocking script to avaoid flickering dark mode
18+ // Dark mode toggle button
19+ var useDark = window . matchMedia ( '(prefers-color-scheme: dark)' ) ;
20+ var darkModeState = useDark . matches ;
21+ var $darkModeToggleSwitchers = document . querySelectorAll ( '.dark-mode-switch input' ) ;
22+ var $darkModeToggles = document . querySelectorAll ( '.dark-mode-switch' ) ;
23+ var darkModeStateLocal = localStorage . getItem ( 'compodoc_darkmode-state' ) ;
24+
25+ function checkToggle ( check ) {
26+ for ( var i = 0 ; i < $darkModeToggleSwitchers . length ; i ++ ) {
27+ $darkModeToggleSwitchers [ i ] . checked = check ;
28+ }
29+ }
30+
31+ function toggleDarkMode ( state ) {
32+ if ( window . localStorage ) {
33+ localStorage . setItem ( 'compodoc_darkmode-state' , state ) ;
34+ }
35+
36+ checkToggle ( state ) ;
37+
38+ const hasClass = document . body . classList . contains ( 'dark' ) ;
39+
40+ if ( state ) {
41+ for ( var i = 0 ; i < $darkModeToggles . length ; i ++ ) {
42+ $darkModeToggles [ i ] . classList . add ( 'dark' ) ;
43+ }
44+ if ( ! hasClass ) {
45+ document . body . classList . add ( 'dark' ) ;
46+ }
47+ } else {
48+ for ( var i = 0 ; i < $darkModeToggles . length ; i ++ ) {
49+ $darkModeToggles [ i ] . classList . remove ( 'dark' ) ;
50+ }
51+ if ( hasClass ) {
52+ document . body . classList . remove ( 'dark' ) ;
53+ }
54+ }
55+ }
56+
57+ useDark . addEventListener ( 'change' , function ( evt ) {
58+ toggleDarkMode ( evt . matches ) ;
59+ } ) ;
60+ if ( darkModeStateLocal ) {
61+ darkModeState = darkModeStateLocal === 'true' ;
62+ }
63+ toggleDarkMode ( darkModeState ) ;
64+
65+ if ( $darkModeToggles . length > 0 ) {
66+ for ( var i = 0 ; i < $darkModeToggleSwitchers . length ; i ++ ) {
67+ $darkModeToggleSwitchers [ i ] . addEventListener ( 'change' , function ( event ) {
68+ darkModeState = ! darkModeState ;
69+ toggleDarkMode ( darkModeState ) ;
70+ } ) ;
71+ }
72+ }
73+ </ script >
74+
75+ < div class ="navbar navbar-default navbar-fixed-top d-block d-sm-none ">
1876 < a href ="../ " class ="navbar-brand "> angular-web-bluetooth-starter documentation</ a >
1977 < button type ="button " class ="btn btn-default btn-menu ion-ios-menu " id ="btn-menu "> </ button >
2078 </ div >
44102
45103
46104< ol class ="breadcrumb ">
47- < li > Classes</ li >
48- < li > AppPage</ li >
105+ < li class =" breadcrumb-item " > Classes</ li >
106+ < li class =" breadcrumb-item " > AppPage</ li >
49107</ ol >
50108
51109< ul class ="nav nav-tabs " role ="tablist ">
52- < li class ="active ">
53- < a href ="#info " role ="tab " id ="info-tab " data-toggle ="tab " data-link ="info "> Info</ a >
110+ < li class ="nav-item ">
111+ < a href ="#info "
112+ class ="nav-link "
113+ class ="nav-link active "
114+ role ="tab " id ="info-tab " data-bs-toggle ="tab " data-link ="info "> Info</ a >
54115 </ li >
55- < li >
56- < a href ="#source " role ="tab " id ="source-tab " data-toggle ="tab " data-link ="source "> Source</ a >
116+ < li class ="nav-item ">
117+ < a href ="#source "
118+ class ="nav-link "
119+
120+ role ="tab " id ="source-tab " data-bs-toggle ="tab " data-link ="source "> Source</ a >
57121 </ li >
58122</ ul >
59123
60124< div class ="tab-content ">
61- < div class ="tab-pane fade active in " id ="c- info ">
125+ < div class ="tab-pane fade active in " id ="info ">
62126 < p class ="comment ">
63127 < h3 > File</ h3 >
64128 </ p >
@@ -71,7 +135,7 @@ <h3>File</h3>
71135
72136
73137
74- < section >
138+ < section data-compodoc =" block-index " >
75139 < h3 id ="index "> Index</ h3 >
76140 < table class ="table table-sm table-bordered index-table ">
77141 < tbody >
@@ -104,7 +168,7 @@ <h6><b>Methods</b></h6>
104168
105169
106170
107- < section >
171+ < section data-compodoc =" block-methods " >
108172
109173 < h3 id ="methods ">
110174 Methods
@@ -127,21 +191,21 @@ <h3 id="methods">
127191 </ tr >
128192
129193
130- < tr >
131- < td class ="col-md-4 ">
132- < div class ="io-line "> Defined in < a href ="" data-line ="8 "
133- class ="link-to-prism "> e2e/src/app.po.ts:8</ a > </ div >
134- </ td >
135- </ tr >
194+ < tr >
195+ < td class ="col-md-4 ">
196+ < div class ="io-line "> Defined in < a href ="" data-line ="8 "
197+ class ="link-to-prism "> e2e/src/app.po.ts:8</ a > </ div >
198+ </ td >
199+ </ tr >
136200
137201
138202 < tr >
139203 < td class ="col-md-4 ">
140204
141- < div class ="io-description ">
142- < b > Returns : </ b > < code > Promise<string></ code >
205+ < div class ="io-description ">
206+ < b > Returns : </ b > < code > Promise<string></ code >
143207
144- </ div >
208+ </ div >
145209 </ td >
146210 </ tr >
147211 </ tbody >
@@ -164,21 +228,21 @@ <h3 id="methods">
164228 </ tr >
165229
166230
167- < tr >
168- < td class ="col-md-4 ">
169- < div class ="io-line "> Defined in < a href ="" data-line ="4 "
170- class ="link-to-prism "> e2e/src/app.po.ts:4</ a > </ div >
171- </ td >
172- </ tr >
231+ < tr >
232+ < td class ="col-md-4 ">
233+ < div class ="io-line "> Defined in < a href ="" data-line ="4 "
234+ class ="link-to-prism "> e2e/src/app.po.ts:4</ a > </ div >
235+ </ td >
236+ </ tr >
173237
174238
175239 < tr >
176240 < td class ="col-md-4 ">
177241
178- < div class ="io-description ">
179- < b > Returns : </ b > < code > Promise<></ code >
242+ < div class ="io-description ">
243+ < b > Returns : </ b > < code > Promise<></ code >
180244
181- </ div >
245+ </ div >
182246 </ td >
183247 </ tr >
184248 </ tbody >
@@ -192,7 +256,7 @@ <h3 id="methods">
192256 </ div >
193257
194258
195- < div class ="tab-pane fade tab-source-code " id ="c- source ">
259+ < div class ="tab-pane fade tab-source-code " id ="source ">
196260 < pre class ="line-numbers compodoc-sourcecode "> < code class ="language-typescript "> import { browser, by, element } from 'protractor';
197261
198262export class AppPage {
0 commit comments