99
1010 < link rel ="icon " type ="image/x-icon " href ="../images/favicon.ico ">
1111 < link rel ="stylesheet " href ="../styles/style.css ">
12- < link rel ="stylesheet " href ="../styles/dark.css " media =" (prefers-color-scheme: dark) " >
12+ < link rel ="stylesheet " href ="../styles/dark.css ">
1313 </ head >
1414 < body >
15-
16- < div class ="navbar navbar-default navbar-fixed-top visible-xs ">
17- < a href ="../ " class ="navbar-brand "> Netgrif Components Core library Documentation</ a >
18- < button type ="button " class ="btn btn-default btn-menu ion-ios-menu " id ="btn-menu "> </ button >
15+ < script >
16+ // Blocking script to avoid flickering dark mode
17+ // Dark mode toggle button
18+ var useDark = window . matchMedia ( '(prefers-color-scheme: dark)' ) ;
19+ var darkModeState = useDark . matches ;
20+ var $darkModeToggleSwitchers = document . querySelectorAll ( '.dark-mode-switch input' ) ;
21+ var $darkModeToggles = document . querySelectorAll ( '.dark-mode-switch' ) ;
22+ var darkModeStateLocal = localStorage . getItem ( 'compodoc_darkmode-state' ) ;
23+
24+ function checkToggle ( check ) {
25+ for ( var i = 0 ; i < $darkModeToggleSwitchers . length ; i ++ ) {
26+ $darkModeToggleSwitchers [ i ] . checked = check ;
27+ }
28+ }
29+
30+ function toggleDarkMode ( state ) {
31+ if ( window . localStorage ) {
32+ localStorage . setItem ( 'compodoc_darkmode-state' , state ) ;
33+ }
34+
35+ checkToggle ( state ) ;
36+
37+ const hasClass = document . body . classList . contains ( 'dark' ) ;
38+
39+ if ( state ) {
40+ for ( var i = 0 ; i < $darkModeToggles . length ; i ++ ) {
41+ $darkModeToggles [ i ] . classList . add ( 'dark' ) ;
42+ }
43+ if ( ! hasClass ) {
44+ document . body . classList . add ( 'dark' ) ;
45+ }
46+ } else {
47+ for ( var i = 0 ; i < $darkModeToggles . length ; i ++ ) {
48+ $darkModeToggles [ i ] . classList . remove ( 'dark' ) ;
49+ }
50+ if ( hasClass ) {
51+ document . body . classList . remove ( 'dark' ) ;
52+ }
53+ }
54+ }
55+
56+ useDark . addEventListener ( 'change' , function ( evt ) {
57+ toggleDarkMode ( evt . matches ) ;
58+ } ) ;
59+ if ( darkModeStateLocal ) {
60+ darkModeState = darkModeStateLocal === 'true' ;
61+ }
62+ toggleDarkMode ( darkModeState ) ;
63+ </ script >
64+
65+ < div class ="navbar navbar-default navbar-fixed-top d-md-none p-0 ">
66+ < div class ="d-flex ">
67+ < a href ="../ " class ="navbar-brand "> Netgrif Components Core library Documentation</ a >
68+ < button type ="button " class ="btn btn-default btn-menu ion-ios-menu " id ="btn-menu "> </ button >
69+ </ div >
1970 </ div >
2071
2172 < div class ="xs-menu menu " id ="mobile-menu ">
2475
2576 < div class ="container-fluid main ">
2677 < div class ="row main ">
27- < div class ="hidden-xs menu>
78+ < div class ="d-none d-md-block menu>
2879 < compodoc-menu mode ="normal "> </ compodoc-menu >
2980 </ div >
3081 <!-- START CONTENT -->
4192
4293
4394
95+
4496< ol class ="breadcrumb ">
45- < li > Classes</ li >
46- < li > AfterAction</ li >
97+ < li class =" breadcrumb-item " > Classes</ li >
98+ < li class =" breadcrumb-item " > AfterAction</ li >
4799</ ol >
48100
49101< ul class ="nav nav-tabs " role ="tablist ">
50- < li class ="active ">
51- < a href ="#info " role ="tab " id ="info-tab " data-toggle ="tab " data-link ="info "> Info</ a >
102+ < li class ="nav-item ">
103+ < a href ="#info "
104+ class ="nav-link "
105+ class ="nav-link active "
106+ role ="tab " id ="info-tab " data-bs-toggle ="tab " data-link ="info "> Info</ a >
52107 </ li >
53- < li >
54- < a href ="#source " role ="tab " id ="source-tab " data-toggle ="tab " data-link ="source "> Source</ a >
108+ < li class ="nav-item ">
109+ < a href ="#source "
110+ class ="nav-link "
111+
112+ role ="tab " id ="source-tab " data-bs-toggle ="tab " data-link ="source "> Source</ a >
55113 </ li >
56114</ ul >
57115
58116< div class ="tab-content ">
59- < div class ="tab-pane fade active in " id ="c- info>
117+ < div class ="tab-pane fade active in " id ="info ">
60118 < p class ="comment ">
61119 < h3 > File</ h3 >
62120 </ p >
@@ -70,12 +128,12 @@ <h3>File</h3>
70128 < h3 > Extends</ h3 >
71129 </ p >
72130 < p class ="comment ">
73- < code > Subject</ code >
131+ < code > Subject</ code >
74132 </ p >
75133
76134
77135
78- < section >
136+ < section data-compodoc =" block-index " >
79137 < h3 id ="index "> Index</ h3 >
80138 < table class ="table table-sm table-bordered index-table ">
81139 < tbody >
@@ -106,7 +164,7 @@ <h6><b>Methods</b></h6>
106164
107165
108166
109- < section >
167+ < section data-compodoc =" block-methods " >
110168
111169 < h3 id ="methods ">
112170 Methods
@@ -117,68 +175,67 @@ <h3 id="methods">
117175 < td class ="col-md-4 ">
118176 < a name ="resolve "> </ a >
119177 < span class ="name ">
120- < span class ="modifier "> Public</ span >
178+ < span class ="modifier "> Public</ span >
121179 < span > < b > resolve</ b > </ span >
122180 < a href ="#resolve "> < span class ="icon ion-ios-link "> </ span > </ a >
123181 </ span >
124182 </ td >
125183 </ tr >
126184 < tr >
127185 < td class ="col-md-4 ">
128- < span class ="modifier-icon icon ion-ios-reset "> </ span >
186+ < span class ="modifier-icon icon ion-ios-reset "> </ span >
129187 < code > resolve(resolution: < a href ="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean " target ="_blank "> boolean</ a > )</ code >
130188 </ td >
131189 </ tr >
132190
133191
134- < tr >
135- < td class ="col-md-4 ">
136- < div class ="io-line "> Defined in < a href ="" data-line ="9 "
137- class ="link-to-prism "> projects/netgrif-components-core/src/lib/utility/call-chain/after-action.ts:9</ a > </ div >
138- </ td >
139- </ tr >
192+ < tr >
193+ < td class ="col-md-4 ">
194+ < div class ="io-line "> Defined in < a href ="" data-line ="9 "
195+ class ="link-to-prism "> projects/netgrif-components-core/src/lib/utility/call-chain/after-action.ts:9</ a > </ div >
196+ </ td >
197+ </ tr >
140198
141199
142200 < tr >
143201 < td class ="col-md-4 ">
144- < div class ="io-description "> < p > Emits the < code > resolution</ code > and completes.</ p >
202+ < div class ="io-description "> < p > Emits the < code > resolution</ code > and completes.</ p >
145203</ div >
146204
147- < div class ="io-description ">
148- < b > Parameters :</ b >
149- < table class ="params ">
150- < thead >
151- < tr >
152- < td > Name</ td >
153- < td > Type</ td >
154- < td > Optional</ td >
155- </ tr >
156- </ thead >
157- < tbody >
158- < tr >
159- < td > resolution</ td >
160- < td >
161- < code > < a href ="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean " target ="_blank " > boolean</ a > </ code >
162- </ td >
163-
164- < td >
165- No
166- </ td >
167-
168-
169- </ tr >
170- </ tbody >
171- </ table >
172- </ div >
173- < div >
174- </ div >
175- < div class ="io-description ">
176- < b > Returns : </ b > < code > < a href ="https://www.typescriptlang.org/docs/handbook/basic-types.html " target ="_blank " > void</ a > </ code >
177-
178- </ div >
179- < div class ="io-description ">
180-
181- </ div >
205+ < div class ="io-description ">
206+ < b > Parameters :</ b >
207+
208+ < table class ="params ">
209+ < thead >
210+ < tr >
211+ < td > Name</ td >
212+ < td > Type</ td >
213+ < td > Optional</ td >
214+ </ tr >
215+ </ thead >
216+ < tbody >
217+ < tr >
218+ < td > resolution</ td >
219+ < td >
220+ < code > < a href ="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean " target ="_blank " > boolean</ a > </ code >
221+ </ td >
222+
223+ < td >
224+ No
225+ </ td >
226+
227+
228+ </ tr >
229+ </ tbody >
230+ </ table >
231+ </ div >
232+ < div class ="io-description ">
233+ < b > Returns : </ b > < code > < a href ="https://www.typescriptlang.org/docs/handbook/basic-types.html " target ="_blank " > void</ a > </ code >
234+
235+ </ div >
236+ < div class ="io-description ">
237+
238+ </ div >
182239 </ td >
183240 </ tr >
184241 </ tbody >
@@ -192,7 +249,7 @@ <h3 id="methods">
192249 </ div >
193250
194251
195- < div class ="tab-pane fade tab-source-code " id ="c- source>
252+ < div class ="tab-pane fade tab-source-code " id ="source ">
196253 < pre class ="line-numbers compodoc-sourcecode "> < code class ="language-typescript "> import {Subject} from 'rxjs';
197254
198255export class AfterAction extends Subject<boolean> {
@@ -212,14 +269,15 @@ <h3 id="methods">
212269
213270
214271
215-
272+
273+
216274
217275
218276
219277
220278 </ div > < div class ="search-results ">
221279 < div class ="has-results ">
222- < h1 class ="search-results-title "> < span class ='search-results-count '> </ span > result- matching "< span class ='search-query '> </ span > "</ h1 >
280+ < h1 class ="search-results-title "> < span class ='search-results-count '> </ span > results matching "< span class ='search-query '> </ span > "</ h1 >
223281 < ul class ="search-results-list "> </ ul >
224282 </ div >
225283 < div class ="no-results ">
@@ -231,17 +289,39 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
231289 </ div >
232290 </ div >
233291
292+ < label class ="dark-mode-switch ">
293+ < input type ="checkbox ">
294+ < span class ="slider ">
295+ < 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 ">
296+ < path d ="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z "> </ path >
297+ </ svg >
298+ </ span >
299+ </ label >
300+
234301 < script >
235302 var COMPODOC_CURRENT_PAGE_DEPTH = 1 ;
236303 var COMPODOC_CURRENT_PAGE_CONTEXT = 'class' ;
237304 var COMPODOC_CURRENT_PAGE_URL = 'AfterAction.html' ;
238305 var MAX_SEARCH_RESULTS = 15 ;
239306 </ script >
240307
308+ < script >
309+ $darkModeToggleSwitchers = document . querySelectorAll ( '.dark-mode-switch input' ) ;
310+ checkToggle ( darkModeState ) ;
311+ if ( $darkModeToggleSwitchers . length > 0 ) {
312+ for ( var i = 0 ; i < $darkModeToggleSwitchers . length ; i ++ ) {
313+ $darkModeToggleSwitchers [ i ] . addEventListener ( 'change' , function ( event ) {
314+ darkModeState = ! darkModeState ;
315+ toggleDarkMode ( darkModeState ) ;
316+ } ) ;
317+ }
318+ }
319+ </ script >
320+
241321 < script src ="../js/libs/custom-elements.min.js "> </ script >
242322 < script src ="../js/libs/lit-html.js "> </ script >
243-
244- < script type =" module " src ="../js/menu-wc.js " defer > </ script >
323+
324+ < script src ="../js/menu-wc.js " defer > </ script >
245325 < script nomodule src ="../js/menu-wc_es5.js " defer > </ script >
246326
247327 < script src ="../js/libs/bootstrap-native.js "> </ script >
0 commit comments