13
13
< link rel ="stylesheet " href ="../styles/material.css ">
14
14
</ head >
15
15
< 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 ">
18
76
< a href ="../ " class ="navbar-brand "> angular-web-bluetooth-starter documentation</ a >
19
77
< button type ="button " class ="btn btn-default btn-menu ion-ios-menu " id ="btn-menu "> </ button >
20
78
</ div >
44
102
45
103
46
104
< 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 >
49
107
</ ol >
50
108
51
109
< 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 >
54
115
</ 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 >
57
121
</ li >
58
122
</ ul >
59
123
60
124
< 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 ">
62
126
< p class ="comment ">
63
127
< h3 > File</ h3 >
64
128
</ p >
@@ -71,7 +135,7 @@ <h3>File</h3>
71
135
72
136
73
137
74
- < section >
138
+ < section data-compodoc =" block-index " >
75
139
< h3 id ="index "> Index</ h3 >
76
140
< table class ="table table-sm table-bordered index-table ">
77
141
< tbody >
@@ -104,7 +168,7 @@ <h6><b>Methods</b></h6>
104
168
105
169
106
170
107
- < section >
171
+ < section data-compodoc =" block-methods " >
108
172
109
173
< h3 id ="methods ">
110
174
Methods
@@ -127,21 +191,21 @@ <h3 id="methods">
127
191
</ tr >
128
192
129
193
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 >
136
200
137
201
138
202
< tr >
139
203
< td class ="col-md-4 ">
140
204
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 >
143
207
144
- </ div >
208
+ </ div >
145
209
</ td >
146
210
</ tr >
147
211
</ tbody >
@@ -164,21 +228,21 @@ <h3 id="methods">
164
228
</ tr >
165
229
166
230
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 >
173
237
174
238
175
239
< tr >
176
240
< td class ="col-md-4 ">
177
241
178
- < div class ="io-description ">
179
- < b > Returns : </ b > < code > Promise<></ code >
242
+ < div class ="io-description ">
243
+ < b > Returns : </ b > < code > Promise<></ code >
180
244
181
- </ div >
245
+ </ div >
182
246
</ td >
183
247
</ tr >
184
248
</ tbody >
@@ -192,7 +256,7 @@ <h3 id="methods">
192
256
</ div >
193
257
194
258
195
- < div class ="tab-pane fade tab-source-code " id ="c- source ">
259
+ < div class ="tab-pane fade tab-source-code " id ="source ">
196
260
< pre class ="line-numbers compodoc-sourcecode "> < code class ="language-typescript "> import { browser, by, element } from 'protractor';
197
261
198
262
export class AppPage {
0 commit comments