Skip to content

Commit b3aceab

Browse files
chdanielmuellerchdanielmueller
committed
npm run build after dependency update
1 parent 370e12e commit b3aceab

File tree

81 files changed

+10353
-6040
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

81 files changed

+10353
-6040
lines changed

‎docs/additional-documentation/adapt-id_token-validation.html

+71-7
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,61 @@
1212
<link rel="stylesheet" href="../styles/dark.css">
1313
</head>
1414
<body>
15-
16-
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
17-
<a href="../" class="navbar-brand">angular-oauth2-oidc</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">angular-oauth2-oidc</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">
@@ -24,7 +75,7 @@
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 -->
@@ -58,14 +109,14 @@ <h1>Configure/ Adapt id_token Validation</h1>
58109
<li>NullValidationHandler</li>
59110
</ul>
60111
<p>The former one validates the signature against public keys received via the discovery document (property jwks) and the later one skips the validation on client side.</p>
61-
<div><pre class="line-numbers"><code class="language-TypeScript">import { JwksValidationHandler } from &#39;angular-oauth2-oidc&#39;;
112+
<b>Example :</b><div><pre class="line-numbers"><code class="language-TypeScript">import { JwksValidationHandler } from &#39;angular-oauth2-oidc&#39;;
62113

63114
[...]
64115

65116
this.oauthService.tokenValidationHandler = new JwksValidationHandler();</code></pre></div><p>In cases where no ValidationHandler is defined, you receive a warning on the console. This means that the library wants you to explicitly decide on this.</p>
66117
<h2>Dependency Injection</h2>
67118
<p>You can also setup a ValidationHandler by leveraging dependency injection:</p>
68-
<div><pre class="line-numbers"><code class="language-TypeScript">[...]
119+
<b>Example :</b><div><pre class="line-numbers"><code class="language-TypeScript">[...]
69120
providers: [
70121
{ provide: ValidationHandler, useClass: JwksValidationHandler },
71122
],
@@ -100,6 +151,19 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
100151
var MAX_SEARCH_RESULTS = 15;
101152
</script>
102153

154+
<script>
155+
$darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
156+
checkToggle(darkModeState);
157+
if ($darkModeToggleSwitchers.length > 0) {
158+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
159+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
160+
darkModeState = !darkModeState;
161+
toggleDarkMode(darkModeState);
162+
});
163+
}
164+
}
165+
</script>
166+
103167
<script src="../js/libs/custom-elements.min.js"></script>
104168
<script src="../js/libs/lit-html.js"></script>
105169

‎docs/additional-documentation/authorization-servers.html

+69-5
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,61 @@
1212
<link rel="stylesheet" href="../styles/dark.css">
1313
</head>
1414
<body>
15-
16-
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
17-
<a href="../" class="navbar-brand">angular-oauth2-oidc</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">angular-oauth2-oidc</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">
@@ -24,7 +75,7 @@
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 -->
@@ -85,6 +136,19 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
85136
var MAX_SEARCH_RESULTS = 15;
86137
</script>
87138

139+
<script>
140+
$darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
141+
checkToggle(darkModeState);
142+
if ($darkModeToggleSwitchers.length > 0) {
143+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
144+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
145+
darkModeState = !darkModeState;
146+
toggleDarkMode(darkModeState);
147+
});
148+
}
149+
}
150+
</script>
151+
88152
<script src="../js/libs/custom-elements.min.js"></script>
89153
<script src="../js/libs/lit-html.js"></script>
90154

‎docs/additional-documentation/authorization-servers/auth0.html

+71-7
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,61 @@
1212
<link rel="stylesheet" href="../../styles/dark.css">
1313
</head>
1414
<body>
15-
16-
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
17-
<a href="../../" class="navbar-brand">angular-oauth2-oidc</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">angular-oauth2-oidc</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">
@@ -24,7 +75,7 @@
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 -->
@@ -60,7 +111,7 @@ <h1>Using Auth0</h1>
60111
<p>Configure the app to use <code>refresh token rotation</code> and the grant types <code>authorization code</code> and <code>refresh token</code>. For grant types, see the advanced settings at the end of the settings page.</p>
61112
<h2>Configuration</h2>
62113
<p>Provide a configuration like this:</p>
63-
<div><pre class="line-numbers"><code class="language-typescript">import { AuthConfig } from &#39;angular-oauth2-oidc&#39;;
114+
<b>Example :</b><div><pre class="line-numbers"><code class="language-typescript">import { AuthConfig } from &#39;angular-oauth2-oidc&#39;;
64115

65116
export const authConfig: AuthConfig = {
66117

@@ -84,7 +135,7 @@ <h2>Configuration</h2>
84135
<p>This should work as shown in the other examples in this documentation and in the readme file.</p>
85136
<h2>Logging out</h2>
86137
<p>Auth0&#39;s logout endpoint expects the parameters <code>client_id</code> and <code>returnTo</code>:</p>
87-
<div><pre class="line-numbers"><code class="language-typescript">this.oauthService.revokeTokenAndLogout({
138+
<b>Example :</b><div><pre class="line-numbers"><code class="language-typescript">this.oauthService.revokeTokenAndLogout({
88139
client_id: this.oauthService.clientId,
89140
returnTo: this.oauthService.redirectUri
90141
}, true);</code></pre></div><p>The optional 2nd parameter set to <code>true</code> ignores CORS issues with the logout endpoint.</p>
@@ -121,6 +172,19 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
121172
var MAX_SEARCH_RESULTS = 15;
122173
</script>
123174

175+
<script>
176+
$darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
177+
checkToggle(darkModeState);
178+
if ($darkModeToggleSwitchers.length > 0) {
179+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
180+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
181+
darkModeState = !darkModeState;
182+
toggleDarkMode(darkModeState);
183+
});
184+
}
185+
}
186+
</script>
187+
124188
<script src="../../js/libs/custom-elements.min.js"></script>
125189
<script src="../../js/libs/lit-html.js"></script>
126190

0 commit comments

Comments
 (0)