[UXP-111] feature: carousel should use base url to check internal links

Author: vNovski

src/app/shared/carousel/carousel.component.html

@@ -1,7 +1,7 @@
 <ngb-carousel #carousel [interval]="2000" (slide)="onSlide($event)" class="ds-carousel">
   <ng-template ngbSlide *ngFor="let item of items; let i = index; let last = last">
     <ng-container *ngIf="getItemLink(item.indexableObject); let currentLink; else carouselContent">
-      <a *ngIf="isLinkInternal(currentLink)" [routerLink]="currentLink">
+      <a *ngIf="isLinkInternal(currentLink)" [routerLink]="transformInternalLink(currentLink)">
         <ng-container *ngTemplateOutlet="carouselContent"></ng-container>
       </a>
       <a *ngIf="!isLinkInternal(currentLink)" [href]="currentLink" [target]="carouselOptions.targetBlank ? '_blank' : null">

src/app/shared/carousel/carousel.component.ts

@@ -158,7 +158,29 @@ export class CarouselComponent implements OnInit {
   }
 
   isLinkInternal(link: string) {
-    return link.startsWith('/');
+    const currentURL = window.location.origin;
+
+    if (link.startsWith('/')) {
+      return true;
+    }
+
+    if (link.startsWith(currentURL)) {
+      link = link.substring(currentURL.length);
+      return link.startsWith('/');
+    }
+
+    return false;
+  }
+
+  transformInternalLink(link: string): string {
+    const currentURL = window.location.origin;
+
+    if (link.startsWith(currentURL)) {
+      link = link.substring(currentURL.length);
+      return link.startsWith('/') ? link : `/${link}`;
+    }
+
+    return link;
   }
 
   /**