diff --git a/packages/person-select/README.md b/packages/person-select/README.md
index 24fc8e2428254fe93f34c1de282b8850be7752d6..64590b3630e4a3116045b0bf58e8b1cae23b1ec6 100644
--- a/packages/person-select/README.md
+++ b/packages/person-select/README.md
@@ -33,6 +33,8 @@ npm i @dbp-toolkit/person-select
- example `<dbp-person-select show-reload-button></dbp-person-select>`
- `reload-button-title` (optional): sets a title text on the reload button
- example `<dbp-person-select show-reload-button reload-button-text="Reload result list"></dbp-person-select>`
+- `auth` object: you need to set that object property for the auth token
+ - example auth property: `{token: "THE_BEARER_TOKEN"}`
## Local development
diff --git a/packages/person-select/assets/index.html b/packages/person-select/assets/index.html
index 0f039ac8fa5b4c3b1109d5ed16a90408f27a9ff7..95f89808d4490b16c8c90ce308d89a6716584dcb 100644
--- a/packages/person-select/assets/index.html
+++ b/packages/person-select/assets/index.html
@@ -7,6 +7,6 @@
<body>
-<dbp-person-select-demo lang="de" entry-point-url="http://127.0.0.1:8000"></dbp-person-select-demo>
+<dbp-person-select-demo auth lang="de" entry-point-url="http://127.0.0.1:8000"></dbp-person-select-demo>
</body>
</html>
diff --git a/packages/person-select/src/dbp-person-select-demo.js b/packages/person-select/src/dbp-person-select-demo.js
index cdfec18ff15c34a666e9746dc70cf7c4985771c7..7296ff6f2542355c839c62d2f4b1b4ab55688232 100644
--- a/packages/person-select/src/dbp-person-select-demo.js
+++ b/packages/person-select/src/dbp-person-select-demo.js
@@ -75,13 +75,13 @@ export class PersonSelectDemo extends ScopedElementsMixin(DBPLitElement) {
<div class="field">
<label class="label">Person 1</label>
<div class="control">
- <dbp-person-select lang="${this.lang}" entry-point-url="${this.entryPointUrl}"></dbp-person-select>
+ <dbp-person-select subscribe="auth:auth" lang="${this.lang}" entry-point-url="${this.entryPointUrl}"></dbp-person-select>
</div>
</div>
<div class="field">
<label class="label">Person 2</label>
<div class="control">
- <dbp-person-select lang="${this.lang}" entry-point-url="${this.entryPointUrl}" show-reload-button reload-button-title="Click me"></dbp-person-select>
+ <dbp-person-select subscribe="auth:auth" lang="${this.lang}" entry-point-url="${this.entryPointUrl}" show-reload-button reload-button-title="Click me"></dbp-person-select>
</div>
</div>
</form>
diff --git a/packages/person-select/src/person-select.js b/packages/person-select/src/person-select.js
index 8811f957fb9e02c3276b0e07b1c4d0258c8ea057..d105d7648e59ea4fa49b47fd7e6edbeaa425d218 100644
--- a/packages/person-select/src/person-select.js
+++ b/packages/person-select/src/person-select.js
@@ -156,7 +156,7 @@ export class PersonSelect extends ScopedElementsMixin(AdapterLitElement) {
url: apiUrl,
contentType: "application/ld+json",
beforeSend: function (jqXHR) {
- jqXHR.setRequestHeader('Authorization', 'Bearer ' + window.DBPAuthToken);
+ jqXHR.setRequestHeader('Authorization', 'Bearer ' + that.auth.token);
that.isSearching = true;
},
data: function (params) {
@@ -223,7 +223,7 @@ export class PersonSelect extends ScopedElementsMixin(AdapterLitElement) {
fetch(apiUrl, {
headers: {
'Content-Type': 'application/ld+json',
- 'Authorization': 'Bearer ' + this.auth.token || window.DBPAuthToken,
+ 'Authorization': 'Bearer ' + this.auth.token,
},
})
.then(result => {