feat(navbar): add external option to navbar link (#739)

Signed-off-by: varun257 <[email protected]>

Author: varun257

packages/components/navbar/README.md

@@ -357,3 +357,4 @@ The property `name` **must be** `"user"`.
 | `state-params`        | object    | <?        | yes               | n/a                                   | n/a       | state-params of the link
 | `variant`             | string    | @?        | yes               | `primary`, `secondary`, `tertiary`    | n/a       | style modifier of the link
 | `on-click`            | function  | &         | no                | n/a                                   | n/a       | click callback
+| `external`            | boolean   | &         | yes                | n/a                                   | n/a       | flag for external

packages/components/navbar/src/js/link/navbar-link.component.js

@@ -13,6 +13,7 @@ export default {
     label: '@?ariaLabel',
     variant: '@?',
     onClick: '&',
+    external: '<?',
   },
   controller,
   template,

packages/components/navbar/src/js/link/navbar-link.html

@@ -10,7 +10,9 @@
     }"
     ng-href="{{::$ctrl.href}}"
     ng-click="$ctrl.onClick()"
-    ng-transclude>
+    ng-attr-rel="{{:: $ctrl.external ? 'noopener' : undefined }}"
+    ng-attr-target="{{::$ctrl.external ? '_blank' : null}}">
+        <span ng-transclude></span>
 </a>
 <a class="oui-navbar-link"
     ng-if="::!!$ctrl.state"