diff --git a/packages/knowledge-base-web-page-element-view/index.html b/packages/knowledge-base-web-page-element-view/index.html
index ec599a39c199ffa9f50834eafbe27928627b241b..e34fadd6709b9eaa70825fa4646ada46c557b0d1 100644
--- a/packages/knowledge-base-web-page-element-view/index.html
+++ b/packages/knowledge-base-web-page-element-view/index.html
@@ -8,7 +8,7 @@
<body>
-<vpu-knowledge-base-web-page-element-view-demo></vpu-knowledge-base-web-page-element-view-demo>
+<vpu-knowledge-base-web-page-element-view-demo lang="de"></vpu-knowledge-base-web-page-element-view-demo>
</body>
</html>
diff --git a/packages/knowledge-base-web-page-element-view/vendor/auth b/packages/knowledge-base-web-page-element-view/vendor/auth
index 272ff0f99aee54bc9a27521d572fb1dd2b9a8b63..c87402caad63e6e41359df67857fab394c9d6cd5 160000
--- a/packages/knowledge-base-web-page-element-view/vendor/auth
+++ b/packages/knowledge-base-web-page-element-view/vendor/auth
@@ -1 +1 @@
-Subproject commit 272ff0f99aee54bc9a27521d572fb1dd2b9a8b63
+Subproject commit c87402caad63e6e41359df67857fab394c9d6cd5
diff --git a/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js b/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js
index d2c4e72164fb695e37a4f7a4f9c615659878e1de..b141225718b03985d86bcd8b70940437a8320cc0 100644
--- a/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js
+++ b/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js
@@ -14,12 +14,14 @@ class KnowledgeBaseWebPageElementViewDemo extends LitElement {
};
}
- connectedCallback() {
- super.connectedCallback();
- i18n.changeLanguage(this.lang);
-
- this.updateComplete.then(()=>{
+ update(changedProperties) {
+ changedProperties.forEach((oldValue, propName) => {
+ if (propName === "lang") {
+ i18n.changeLanguage(this.lang);
+ }
});
+
+ super.update(changedProperties);
}
render() {
@@ -33,7 +35,7 @@ class KnowledgeBaseWebPageElementViewDemo extends LitElement {
<h1 class="title">KnowledgeBaseWebPageElementView-Demo</h1>
</div>
<div class="content">
- <vpu-auth lang="de" client-id="${utils.setting('keyCloakClientId')}" load-person force-login></vpu-auth>
+ <vpu-auth lang="${this.lang}" client-id="${utils.setting('keyCloakClientId')}" load-person force-login></vpu-auth>
</div>
<div class="content">
<h2 class="subtitle">Deutsch</h2>