feat(addon-doc): support target property for links

taiga-family · Feb 26, 2024 · d26706d · d26706d
1 parent f8607a1
commit d26706d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/projects/addon-doc/components/navigation/navigation.template.html b/projects/addon-doc/components/navigation/navigation.template.html
@@ -20,6 +20,7 @@
                     tuiOption
                     [fragment]="item.fragment"
                     [routerLink]="item.route"
+                    [target]="item.target"
                     (click)="onClick(input)"
                 >
                     {{ item.title }}
@@ -82,6 +83,7 @@
                 tuiLink
                 class="t-sublink"
                 [routerLink]="item.route"
+                [target]="item.target"
                 [tuiScrollIntoViewLink]="isActive(item.route)"
                 (click)="closeMenu()"
             >
@@ -130,6 +132,7 @@
                                 class="t-sublink t-sublink_small"
                                 [fragment]="subPage.fragment"
                                 [routerLink]="subPage.route"
+                                [target]="item.target"
                                 [tuiScrollIntoViewLink]="isActive(subPage.route)"
                                 (click)="closeMenu()"
                             >

diff --git a/projects/addon-doc/interfaces/page.ts b/projects/addon-doc/interfaces/page.ts
@@ -10,6 +10,7 @@ export interface TuiDocPage extends TuiDocPageBase {
     readonly keywords?: string;
     readonly route: string;
     readonly icon?: PolymorpheusContent;
+    readonly target?: '_blank' | '_parent' | '_self' | '_top';
 }
 
 export interface TuiDocPageGroup extends TuiDocPageBase {

diff --git a/projects/demo/src/modules/app/pages.ts b/projects/demo/src/modules/app/pages.ts
@@ -44,6 +44,8 @@ export const pages: TuiDocPages = [
         title: 'StackBlitz',
         keywords: 'reproduce, issue, bug, sandbox, playground, test',
         route: '/stackblitz',
+        target: '_blank',
+        icon: 'tuiIconExternalLink',
     },
     {
         section: 'Documentation',