Release: 1.23.2 (#68)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "infection-risk-assessment-app",
   "private": true,
-  "version": "1.23.0",
+  "version": "1.23.2",
   "description": "Assessing the risk of contagious viral infections (COVID-19)",
   "scripts": {
     "analyze": "stencil build",

src/components/app-recommendations/app-recommendations.tsx

@@ -11,6 +11,8 @@ import { trackEvent, TRACKING_EVENTS } from '../../global/utils/track';
   assetsDirs: ['assets'],
 })
 export class AppRecommendationsComponent {
+  protected containerElement: HTMLElement;
+
   @Prop() history: RouterHistory;
   @State() language: string;
   @Listen('changedLanguage', {
@@ -22,6 +24,14 @@ export class AppRecommendationsComponent {
 
   @Prop() isFromData4Life: boolean = false;
 
+  componentDidRender() {
+    this.containerElement
+      .querySelectorAll('a')
+      .forEach(
+        el => el.href?.includes(DATA4LIFE_URL) && el.setAttribute('rel', 'noopener')
+      );
+  }
+
   render() {
     const slides = [
       {
@@ -85,6 +95,7 @@ export class AppRecommendationsComponent {
         elementId={APP_RECOMMENDATIONS_ID}
         headline={i18next.t('app_recommendation_headline')}
         open={this.history.location?.state?.openAppRecommendationsAccordion}
+        ref={el => (this.containerElement = el)}
       >
         <d4l-slider slides={slides} slot="accordion-children" />
       </ia-accordion>

src/components/logo-d4l-powered-by/logo-d4l-powered-by.tsx

@@ -11,7 +11,7 @@ export class LogoD4LPoweredBy {
       <a
         href="https://www.data4life.care/"
         target="_blank"
-        rel="noopener noreferrer"
+        rel="noopener"
         aria-label="data4life"
       >
         <svg