@fundamental-ngx/core 0.35.0-rc.10 → 0.35.0-rc.13

package/link/fesm2015/fundamental-ngx-core-link.mjs

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, ViewChild, Input, NgModule } from '@angular/core';
+import { isDevMode, Optional, Self, Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, ContentChildren, ViewChild, Input, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { __decorate, __metadata } from 'tslib';
+import { RouterLinkWithHref, RouterLink } from '@angular/router';
 import { applyCssClass } from '@fundamental-ngx/core/utils';
 import { Subject, startWith, map, tap, takeUntil } from 'rxjs';
 import * as i3 from '@angular/cdk/portal';
@@ -12,12 +13,16 @@ import * as i1 from '@angular/cdk/observers';
 
 class LinkComponent {
     /** @hidden */
-    constructor(_elementRef, contentObserver, changeDetectorRef) {
+    constructor(_elementRef, contentObserver, changeDetectorRef, routerLink) {
         this._elementRef = _elementRef;
         this.contentObserver = contentObserver;
         this.changeDetectorRef = changeDetectorRef;
+        this.routerLink = routerLink;
         /** @hidden */
         this._destroyed$ = new Subject();
+        if (isDevMode() && this.elementRef().nativeElement.hasAttribute('fd-breadcrumb-link')) {
+            console.warn('The fd-breadcrumb-link attribute is deprecated. Please use fd-link instead.');
+        }
     }
     /** @hidden */
     ngOnChanges() {
@@ -61,6 +66,18 @@ class LinkComponent {
                 this.contentSpan.nativeElement.childNodes[this.contentSpan.nativeElement.childNodes.length - 1]
                 ? icons[icons.length - 1].elementRef().nativeElement
                 : null;
+            if (prefix) {
+                this._prefixIconName = this.iconComponents.first.glyph;
+            }
+            else {
+                this._prefixIconName = '';
+            }
+            if (postfix) {
+                this._postfixIconName = this.iconComponents.last.glyph;
+            }
+            else {
+                this._postfixIconName = '';
+            }
             return { prefix, postfix };
         }), tap(() => {
             var _a, _b;
@@ -84,8 +101,17 @@ class LinkComponent {
         this._destroyed$.complete();
     }
 }
-LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LinkComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentObserver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LinkComponent, selector: "[fdLink], [fd-link]", inputs: { class: "class", emphasized: "emphasized", disabled: "disabled", inverted: "inverted", subtle: "subtle", undecorated: "undecorated" }, queries: [{ propertyName: "iconComponents", predicate: IconComponent }], viewQueries: [{ propertyName: "contentSpan", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapLinkColor);text-shadow:var(--sapContent_TextShadow);display:inline-block;display:var(--fdLink_Display, inline-block);align-items:center;transition:all .125s ease-in;line-height:inherit;-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Decoration, none)}.fd-link:before,.fd-link:after{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link:hover,.fd-link.is-hover{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover, none)}.fd-link:focus,.fd-link.is-focus{z-index:5;--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus, none)}.fd-link:active,.fd-link.is-active{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active, none)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled, none)}.fd-link--subtle{--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Subtle, none);--fdLink_Text_Content_Decoration_Hover: var(--fdLink_Text_Content_Decoration_Subtle_Hover, none);--fdLink_Text_Content_Decoration_Active: var(--fdLink_Text_Content_Decoration_Subtle_Active, none);--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Subtle, none);--fdLink_Text_Decoration_Hover: var(--fdLink_Text_Decoration_Subtle_Hover, none);--fdLink_Text_Decoration_Active: var(--fdLink_Text_Decoration_Subtle_Active, none)}.fd-link--undecorated{--fdLink_Text_Decoration: none;--fdLink_Text_Decoration_Subtle: none;--fdLink_Text_Decoration_Subtle_Hover: none;--fdLink_Text_Decoration_Subtle_Active: none;--fdLink_Text_Decoration_Hover: none;--fdLink_Text_Decoration_Focus: none;--fdLink_Text_Decoration_Active: none;--fdLink_Text_Decoration_Visited: none;--fdLink_Text_Decoration_Disabled: none;--fdLink_Text_Content_Decoration: none;--fdLink_Text_Content_Decoration_Subtle: none;--fdLink_Text_Content_Decoration_Subtle_Hover: none;--fdLink_Text_Content_Decoration_Subtle_Active: none;--fdLink_Text_Content_Decoration_Hover: none;--fdLink_Text_Content_Decoration_Focus: none;--fdLink_Text_Content_Decoration_Active: none;--fdLink_Text_Content_Decoration_Visited: none;--fdLink_Text_Content_Decoration_Disabled: none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link:hover,.fd-link.is-hover{color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5;box-shadow:none;color:var(--fdLink_Text_Focus_Color);background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);text-shadow:var(--fdLink_Focus_Text_Shadow);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-width:var(--fdLink_Hover_Outline_Width);outline-color:var(--fdLink_Hover_Outline_Color);outline-style:var(--fdLink_Hover_Outline_Style)}.fd-link:active,.fd-link.is-active{color:var(--sapLink_Active_Color)}.fd-link:active:focus,.fd-link:active.is-focus,.fd-link.is-active:focus,.fd-link.is-active.is-focus{z-index:5;background-color:transparent}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted:hover,.fd-link--inverted.is-hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted:focus,.fd-link--inverted.is-focus{z-index:5;outline-color:var(--sapContent_ContrastFocusColor)}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{opacity:var(--sapContent_DisabledOpacity);color:var(--sapLinkColor);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:first-child,.fd-link [class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child[dir=rtl]{margin-right:0;margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:last-child,.fd-link [class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child[dir=rtl]{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0);margin-left:0}.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon],.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5}.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon],.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color)}.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon],.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LinkComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentObserver }, { token: i0.ChangeDetectorRef }, { token: 'linkRouterTarget' }], target: i0.ɵɵFactoryTarget.Component });
+LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: { class: "class", emphasized: "emphasized", disabled: "disabled", inverted: "inverted", subtle: "subtle", undecorated: "undecorated" }, providers: [
+        {
+            provide: 'linkRouterTarget',
+            useFactory: (withHref, routerLink) => withHref || routerLink,
+            deps: [
+                [new Optional(), new Self(), RouterLinkWithHref],
+                [new Optional(), new Self(), RouterLink]
+            ]
+        }
+    ], queries: [{ propertyName: "iconComponents", predicate: IconComponent }], viewQueries: [{ propertyName: "contentSpan", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapLinkColor);text-shadow:var(--sapContent_TextShadow);display:inline-block;display:var(--fdLink_Display, inline-block);align-items:center;transition:all .125s ease-in;line-height:inherit;-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Decoration, none)}.fd-link:before,.fd-link:after{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link:hover,.fd-link.is-hover{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover, none)}.fd-link:focus,.fd-link.is-focus{z-index:5;--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus, none)}.fd-link:active,.fd-link.is-active{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active, none)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled, none)}.fd-link--subtle{--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Subtle, none);--fdLink_Text_Content_Decoration_Hover: var(--fdLink_Text_Content_Decoration_Subtle_Hover, none);--fdLink_Text_Content_Decoration_Active: var(--fdLink_Text_Content_Decoration_Subtle_Active, none);--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Subtle, none);--fdLink_Text_Decoration_Hover: var(--fdLink_Text_Decoration_Subtle_Hover, none);--fdLink_Text_Decoration_Active: var(--fdLink_Text_Decoration_Subtle_Active, none)}.fd-link--undecorated{--fdLink_Text_Decoration: none;--fdLink_Text_Decoration_Subtle: none;--fdLink_Text_Decoration_Subtle_Hover: none;--fdLink_Text_Decoration_Subtle_Active: none;--fdLink_Text_Decoration_Hover: none;--fdLink_Text_Decoration_Focus: none;--fdLink_Text_Decoration_Active: none;--fdLink_Text_Decoration_Visited: none;--fdLink_Text_Decoration_Disabled: none;--fdLink_Text_Content_Decoration: none;--fdLink_Text_Content_Decoration_Subtle: none;--fdLink_Text_Content_Decoration_Subtle_Hover: none;--fdLink_Text_Content_Decoration_Subtle_Active: none;--fdLink_Text_Content_Decoration_Hover: none;--fdLink_Text_Content_Decoration_Focus: none;--fdLink_Text_Content_Decoration_Active: none;--fdLink_Text_Content_Decoration_Visited: none;--fdLink_Text_Content_Decoration_Disabled: none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link:hover,.fd-link.is-hover{color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5;box-shadow:none;color:var(--fdLink_Text_Focus_Color);background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);text-shadow:var(--fdLink_Focus_Text_Shadow);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-width:var(--fdLink_Hover_Outline_Width);outline-color:var(--fdLink_Hover_Outline_Color);outline-style:var(--fdLink_Hover_Outline_Style)}.fd-link:active,.fd-link.is-active{color:var(--sapLink_Active_Color)}.fd-link:active:focus,.fd-link:active.is-focus,.fd-link.is-active:focus,.fd-link.is-active.is-focus{z-index:5;background-color:transparent}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted:hover,.fd-link--inverted.is-hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted:focus,.fd-link--inverted.is-focus{z-index:5;outline-color:var(--sapContent_ContrastFocusColor)}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{opacity:var(--sapContent_DisabledOpacity);color:var(--sapLinkColor);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:first-child,.fd-link [class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child[dir=rtl]{margin-right:0;margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:last-child,.fd-link [class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child[dir=rtl]{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0);margin-left:0}.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon],.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5}.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon],.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color)}.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon],.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -94,8 +120,22 @@ __decorate([
 ], LinkComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fdLink], [fd-link]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapLinkColor);text-shadow:var(--sapContent_TextShadow);display:inline-block;display:var(--fdLink_Display, inline-block);align-items:center;transition:all .125s ease-in;line-height:inherit;-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Decoration, none)}.fd-link:before,.fd-link:after{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link:hover,.fd-link.is-hover{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover, none)}.fd-link:focus,.fd-link.is-focus{z-index:5;--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus, none)}.fd-link:active,.fd-link.is-active{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active, none)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled, none)}.fd-link--subtle{--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Subtle, none);--fdLink_Text_Content_Decoration_Hover: var(--fdLink_Text_Content_Decoration_Subtle_Hover, none);--fdLink_Text_Content_Decoration_Active: var(--fdLink_Text_Content_Decoration_Subtle_Active, none);--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Subtle, none);--fdLink_Text_Decoration_Hover: var(--fdLink_Text_Decoration_Subtle_Hover, none);--fdLink_Text_Decoration_Active: var(--fdLink_Text_Decoration_Subtle_Active, none)}.fd-link--undecorated{--fdLink_Text_Decoration: none;--fdLink_Text_Decoration_Subtle: none;--fdLink_Text_Decoration_Subtle_Hover: none;--fdLink_Text_Decoration_Subtle_Active: none;--fdLink_Text_Decoration_Hover: none;--fdLink_Text_Decoration_Focus: none;--fdLink_Text_Decoration_Active: none;--fdLink_Text_Decoration_Visited: none;--fdLink_Text_Decoration_Disabled: none;--fdLink_Text_Content_Decoration: none;--fdLink_Text_Content_Decoration_Subtle: none;--fdLink_Text_Content_Decoration_Subtle_Hover: none;--fdLink_Text_Content_Decoration_Subtle_Active: none;--fdLink_Text_Content_Decoration_Hover: none;--fdLink_Text_Content_Decoration_Focus: none;--fdLink_Text_Content_Decoration_Active: none;--fdLink_Text_Content_Decoration_Visited: none;--fdLink_Text_Content_Decoration_Disabled: none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link:hover,.fd-link.is-hover{color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5;box-shadow:none;color:var(--fdLink_Text_Focus_Color);background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);text-shadow:var(--fdLink_Focus_Text_Shadow);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-width:var(--fdLink_Hover_Outline_Width);outline-color:var(--fdLink_Hover_Outline_Color);outline-style:var(--fdLink_Hover_Outline_Style)}.fd-link:active,.fd-link.is-active{color:var(--sapLink_Active_Color)}.fd-link:active:focus,.fd-link:active.is-focus,.fd-link.is-active:focus,.fd-link.is-active.is-focus{z-index:5;background-color:transparent}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted:hover,.fd-link--inverted.is-hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted:focus,.fd-link--inverted.is-focus{z-index:5;outline-color:var(--sapContent_ContrastFocusColor)}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{opacity:var(--sapContent_DisabledOpacity);color:var(--sapLinkColor);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:first-child,.fd-link [class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child[dir=rtl]{margin-right:0;margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:last-child,.fd-link [class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child[dir=rtl]{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0);margin-left:0}.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon],.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5}.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon],.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color)}.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon],.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentObserver }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { iconComponents: [{
+            args: [{ selector: '[fdLink], [fd-link], [fd-breadcrumb-link]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: 'linkRouterTarget',
+                            useFactory: (withHref, routerLink) => withHref || routerLink,
+                            deps: [
+                                [new Optional(), new Self(), RouterLinkWithHref],
+                                [new Optional(), new Self(), RouterLink]
+                            ]
+                        }
+                    ], template: "<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapLinkColor);text-shadow:var(--sapContent_TextShadow);display:inline-block;display:var(--fdLink_Display, inline-block);align-items:center;transition:all .125s ease-in;line-height:inherit;-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Decoration, none)}.fd-link:before,.fd-link:after{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link:hover,.fd-link.is-hover{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover, none)}.fd-link:focus,.fd-link.is-focus{z-index:5;--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus, none)}.fd-link:active,.fd-link.is-active{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active, none)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled, none)}.fd-link--subtle{--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Subtle, none);--fdLink_Text_Content_Decoration_Hover: var(--fdLink_Text_Content_Decoration_Subtle_Hover, none);--fdLink_Text_Content_Decoration_Active: var(--fdLink_Text_Content_Decoration_Subtle_Active, none);--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Subtle, none);--fdLink_Text_Decoration_Hover: var(--fdLink_Text_Decoration_Subtle_Hover, none);--fdLink_Text_Decoration_Active: var(--fdLink_Text_Decoration_Subtle_Active, none)}.fd-link--undecorated{--fdLink_Text_Decoration: none;--fdLink_Text_Decoration_Subtle: none;--fdLink_Text_Decoration_Subtle_Hover: none;--fdLink_Text_Decoration_Subtle_Active: none;--fdLink_Text_Decoration_Hover: none;--fdLink_Text_Decoration_Focus: none;--fdLink_Text_Decoration_Active: none;--fdLink_Text_Decoration_Visited: none;--fdLink_Text_Decoration_Disabled: none;--fdLink_Text_Content_Decoration: none;--fdLink_Text_Content_Decoration_Subtle: none;--fdLink_Text_Content_Decoration_Subtle_Hover: none;--fdLink_Text_Content_Decoration_Subtle_Active: none;--fdLink_Text_Content_Decoration_Hover: none;--fdLink_Text_Content_Decoration_Focus: none;--fdLink_Text_Content_Decoration_Active: none;--fdLink_Text_Content_Decoration_Visited: none;--fdLink_Text_Content_Decoration_Disabled: none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link:hover,.fd-link.is-hover{color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5;box-shadow:none;color:var(--fdLink_Text_Focus_Color);background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);text-shadow:var(--fdLink_Focus_Text_Shadow);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-width:var(--fdLink_Hover_Outline_Width);outline-color:var(--fdLink_Hover_Outline_Color);outline-style:var(--fdLink_Hover_Outline_Style)}.fd-link:active,.fd-link.is-active{color:var(--sapLink_Active_Color)}.fd-link:active:focus,.fd-link:active.is-focus,.fd-link.is-active:focus,.fd-link.is-active.is-focus{z-index:5;background-color:transparent}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted:hover,.fd-link--inverted.is-hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted:focus,.fd-link--inverted.is-focus{z-index:5;outline-color:var(--sapContent_ContrastFocusColor)}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{opacity:var(--sapContent_DisabledOpacity);color:var(--sapLinkColor);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:first-child,.fd-link [class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child[dir=rtl]{margin-right:0;margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:last-child,.fd-link [class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child[dir=rtl]{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0);margin-left:0}.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon],.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5}.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon],.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color)}.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon],.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i1.ContentObserver }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: ['linkRouterTarget']
+                    }] }];
+    }, propDecorators: { iconComponents: [{
                 type: ContentChildren,
                 args: [IconComponent]
             }], contentSpan: [{

package/link/fesm2015/fundamental-ngx-core-link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-link.mjs","sources":["../../../../../libs/core/src/lib/link/link.component.ts","../../../../../libs/core/src/lib/link/link.component.html","../../../../../libs/core/src/lib/link/link.module.ts","../../../../../libs/core/src/lib/link/constants.ts","../../../../../libs/core/src/lib/link/fundamental-ngx-core-link.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    QueryList,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { ContentObserver } from '@angular/cdk/observers';\nimport { map, startWith, Subject, takeUntil, tap } from 'rxjs';\nimport { DomPortal, Portal } from '@angular/cdk/portal';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fdLink], [fd-link]',\n    templateUrl: './link.component.html',\n    styleUrls: ['./link.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LinkComponent implements OnChanges, OnInit, CssClassBuilder, AfterViewInit, OnDestroy {\n    @ContentChildren(IconComponent)\n    iconComponents: QueryList<IconComponent>;\n\n    @ViewChild('content')\n    contentSpan: ElementRef<HTMLSpanElement>;\n\n    /** user's custom classes */\n    @Input()\n    class: string;\n\n    /** Whether user wants to use emphasized mode */\n    @Input()\n    emphasized: boolean;\n\n    /** Whether user wants to put disabled mode */\n    @Input()\n    disabled: boolean;\n\n    /** Whether user wants to use inverted mode */\n    @Input()\n    inverted: boolean;\n\n    /** Whether user wants to use subtle mode */\n    @Input()\n    subtle: boolean;\n\n    /** Whether user wants to have a link without underline decoration */\n    @Input()\n    undecorated: boolean;\n\n    /** @hidden */\n    _prefixPortal: Portal<any> | null;\n\n    /** @hidden */\n    _postfixPortal: Portal<any> | null;\n\n    /** @hidden */\n    private _destroyed$ = new Subject<void>();\n\n    /** @hidden */\n    constructor(\n        private _elementRef: ElementRef<Element>,\n        private contentObserver: ContentObserver,\n        private changeDetectorRef: ChangeDetectorRef\n    ) {}\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    @applyCssClass\n    /** CssClassBuilder interface implementation\n     * function is responsible for order which css classes are applied\n     */\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-link',\n            this.emphasized ? 'fd-link--emphasized' : '',\n            this.disabled ? 'is-disabled' : '',\n            this.inverted ? `fd-link--inverted` : '',\n            this.subtle ? 'fd-link--subtle' : '',\n            this.undecorated ? 'fd-link--undecorated' : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<any> {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.iconComponents.changes\n            .pipe(\n                startWith(this.iconComponents),\n                map((c) => c.toArray()),\n                map((icons) =>\n                    // We are only interested in the first descendant of the content element\n                    icons.filter(\n                        (icon) => icon.elementRef().nativeElement.parentElement === this.contentSpan.nativeElement\n                    )\n                ),\n                map((icons) => {\n                    if (icons.length === 0) {\n                        return {};\n                    }\n                    const prefix =\n                        icons[0].elementRef().nativeElement === this.contentSpan.nativeElement.childNodes[0]\n                            ? icons[0].elementRef().nativeElement\n                            : null;\n                    const postfix =\n                        icons[icons.length - 1].elementRef().nativeElement ===\n                        this.contentSpan.nativeElement.childNodes[this.contentSpan.nativeElement.childNodes.length - 1]\n                            ? icons[icons.length - 1].elementRef().nativeElement\n                            : null;\n                    return { prefix, postfix };\n                }),\n                tap(() => {\n                    if (this._prefixPortal?.isAttached) {\n                        this._prefixPortal.detach();\n                    }\n                    if (this._postfixPortal?.isAttached) {\n                        this._postfixPortal.detach();\n                    }\n                }),\n                tap(({ prefix, postfix }) => {\n                    this._prefixPortal = prefix ? new DomPortal(prefix) : null;\n                    this._postfixPortal = postfix ? new DomPortal(postfix) : null;\n                }),\n                tap(() => {\n                    this.changeDetectorRef.detectChanges();\n                }),\n                takeUntil(this._destroyed$)\n            )\n            .subscribe();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._destroyed$.next();\n        this._destroyed$.complete();\n    }\n}\n","<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LinkComponent } from './link.component';\nimport { PortalModule } from '@angular/cdk/portal';\n\n@NgModule({\n    declarations: [LinkComponent],\n    imports: [CommonModule, PortalModule],\n    exports: [LinkComponent]\n})\nexport class LinkModule {}\n","export const LINK_CLASS_NAME = {\n    linkContent: 'fd-link__content'\n} as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-link.mjs","sources":["../../../../../libs/core/src/lib/link/link.component.ts","../../../../../libs/core/src/lib/link/link.component.html","../../../../../libs/core/src/lib/link/link.module.ts","../../../../../libs/core/src/lib/link/constants.ts","../../../../../libs/core/src/lib/link/fundamental-ngx-core-link.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Inject,\n    Input,\n    isDevMode,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    QueryList,\n    Self,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { RouterLink, RouterLinkWithHref } from '@angular/router';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { ContentObserver } from '@angular/cdk/observers';\nimport { map, startWith, Subject, takeUntil, tap } from 'rxjs';\nimport { DomPortal, Portal } from '@angular/cdk/portal';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fdLink], [fd-link], [fd-breadcrumb-link]',\n    templateUrl: './link.component.html',\n    styleUrls: ['./link.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: 'linkRouterTarget',\n            useFactory: (\n                withHref?: RouterLinkWithHref,\n                routerLink?: RouterLink\n            ): RouterLinkWithHref | RouterLink | undefined => withHref || routerLink,\n            deps: [\n                [new Optional(), new Self(), RouterLinkWithHref],\n                [new Optional(), new Self(), RouterLink]\n            ]\n        }\n    ]\n})\nexport class LinkComponent implements OnChanges, OnInit, CssClassBuilder, AfterViewInit, OnDestroy {\n    @ContentChildren(IconComponent)\n    iconComponents: QueryList<IconComponent>;\n\n    @ViewChild('content')\n    contentSpan: ElementRef<HTMLSpanElement>;\n\n    /** user's custom classes */\n    @Input()\n    class: string;\n\n    /** Whether user wants to use emphasized mode */\n    @Input()\n    emphasized: boolean;\n\n    /** Whether user wants to put disabled mode */\n    @Input()\n    disabled: boolean;\n\n    /** Whether user wants to use inverted mode */\n    @Input()\n    inverted: boolean;\n\n    /** Whether user wants to use subtle mode */\n    @Input()\n    subtle: boolean;\n\n    /** Whether user wants to have a link without underline decoration */\n    @Input()\n    undecorated: boolean;\n\n    /** @hidden */\n    _prefixPortal: Portal<any> | null;\n\n    /** @hidden */\n    _postfixPortal: Portal<any> | null;\n\n    /** @hidden */\n    _prefixIconName: string;\n    /** @hidden */\n    _postfixIconName: string;\n\n    /** @hidden */\n    private _destroyed$ = new Subject<void>();\n\n    /** @hidden */\n    constructor(\n        private _elementRef: ElementRef<Element>,\n        private contentObserver: ContentObserver,\n        private changeDetectorRef: ChangeDetectorRef,\n        @Inject('linkRouterTarget') readonly routerLink: RouterLinkWithHref | RouterLink\n    ) {\n        if (isDevMode() && this.elementRef().nativeElement.hasAttribute('fd-breadcrumb-link')) {\n            console.warn('The fd-breadcrumb-link attribute is deprecated. Please use fd-link instead.');\n        }\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    @applyCssClass\n    /** CssClassBuilder interface implementation\n     * function is responsible for order which css classes are applied\n     */\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-link',\n            this.emphasized ? 'fd-link--emphasized' : '',\n            this.disabled ? 'is-disabled' : '',\n            this.inverted ? `fd-link--inverted` : '',\n            this.subtle ? 'fd-link--subtle' : '',\n            this.undecorated ? 'fd-link--undecorated' : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<any> {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.iconComponents.changes\n            .pipe(\n                startWith(this.iconComponents),\n                map((c) => c.toArray()),\n                map((icons) =>\n                    // We are only interested in the first descendant of the content element\n                    icons.filter(\n                        (icon) => icon.elementRef().nativeElement.parentElement === this.contentSpan.nativeElement\n                    )\n                ),\n                map((icons) => {\n                    if (icons.length === 0) {\n                        return {};\n                    }\n                    const prefix =\n                        icons[0].elementRef().nativeElement === this.contentSpan.nativeElement.childNodes[0]\n                            ? icons[0].elementRef().nativeElement\n                            : null;\n                    const postfix =\n                        icons[icons.length - 1].elementRef().nativeElement ===\n                        this.contentSpan.nativeElement.childNodes[this.contentSpan.nativeElement.childNodes.length - 1]\n                            ? icons[icons.length - 1].elementRef().nativeElement\n                            : null;\n                    if (prefix) {\n                        this._prefixIconName = this.iconComponents.first.glyph;\n                    } else {\n                        this._prefixIconName = '';\n                    }\n                    if (postfix) {\n                        this._postfixIconName = this.iconComponents.last.glyph;\n                    } else {\n                        this._postfixIconName = '';\n                    }\n                    return { prefix, postfix };\n                }),\n                tap(() => {\n                    if (this._prefixPortal?.isAttached) {\n                        this._prefixPortal.detach();\n                    }\n                    if (this._postfixPortal?.isAttached) {\n                        this._postfixPortal.detach();\n                    }\n                }),\n                tap(({ prefix, postfix }) => {\n                    this._prefixPortal = prefix ? new DomPortal(prefix) : null;\n                    this._postfixPortal = postfix ? new DomPortal(postfix) : null;\n                }),\n                tap(() => {\n                    this.changeDetectorRef.detectChanges();\n                }),\n                takeUntil(this._destroyed$)\n            )\n            .subscribe();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._destroyed$.next();\n        this._destroyed$.complete();\n    }\n}\n","<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LinkComponent } from './link.component';\nimport { PortalModule } from '@angular/cdk/portal';\n\n@NgModule({\n    declarations: [LinkComponent],\n    imports: [CommonModule, PortalModule],\n    exports: [LinkComponent]\n})\nexport class LinkModule {}\n","export const LINK_CLASS_NAME = {\n    linkContent: 'fd-link__content'\n} as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/link/fesm2020/fundamental-ngx-core-link.mjs

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, ViewChild, Input, NgModule } from '@angular/core';
+import { isDevMode, Optional, Self, Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, ContentChildren, ViewChild, Input, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { __decorate, __metadata } from 'tslib';
+import { RouterLinkWithHref, RouterLink } from '@angular/router';
 import { applyCssClass } from '@fundamental-ngx/core/utils';
 import * as i1 from '@angular/cdk/observers';
 import { Subject, startWith, map, tap, takeUntil } from 'rxjs';
@@ -12,12 +13,16 @@ import { IconComponent } from '@fundamental-ngx/core/icon';
 
 class LinkComponent {
     /** @hidden */
-    constructor(_elementRef, contentObserver, changeDetectorRef) {
+    constructor(_elementRef, contentObserver, changeDetectorRef, routerLink) {
         this._elementRef = _elementRef;
         this.contentObserver = contentObserver;
         this.changeDetectorRef = changeDetectorRef;
+        this.routerLink = routerLink;
         /** @hidden */
         this._destroyed$ = new Subject();
+        if (isDevMode() && this.elementRef().nativeElement.hasAttribute('fd-breadcrumb-link')) {
+            console.warn('The fd-breadcrumb-link attribute is deprecated. Please use fd-link instead.');
+        }
     }
     /** @hidden */
     ngOnChanges() {
@@ -61,6 +66,18 @@ class LinkComponent {
                 this.contentSpan.nativeElement.childNodes[this.contentSpan.nativeElement.childNodes.length - 1]
                 ? icons[icons.length - 1].elementRef().nativeElement
                 : null;
+            if (prefix) {
+                this._prefixIconName = this.iconComponents.first.glyph;
+            }
+            else {
+                this._prefixIconName = '';
+            }
+            if (postfix) {
+                this._postfixIconName = this.iconComponents.last.glyph;
+            }
+            else {
+                this._postfixIconName = '';
+            }
             return { prefix, postfix };
         }), tap(() => {
             if (this._prefixPortal?.isAttached) {
@@ -83,8 +100,17 @@ class LinkComponent {
         this._destroyed$.complete();
     }
 }
-LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LinkComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentObserver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LinkComponent, selector: "[fdLink], [fd-link]", inputs: { class: "class", emphasized: "emphasized", disabled: "disabled", inverted: "inverted", subtle: "subtle", undecorated: "undecorated" }, queries: [{ propertyName: "iconComponents", predicate: IconComponent }], viewQueries: [{ propertyName: "contentSpan", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapLinkColor);text-shadow:var(--sapContent_TextShadow);display:inline-block;display:var(--fdLink_Display, inline-block);align-items:center;transition:all .125s ease-in;line-height:inherit;-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Decoration, none)}.fd-link:before,.fd-link:after{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link:hover,.fd-link.is-hover{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover, none)}.fd-link:focus,.fd-link.is-focus{z-index:5;--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus, none)}.fd-link:active,.fd-link.is-active{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active, none)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled, none)}.fd-link--subtle{--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Subtle, none);--fdLink_Text_Content_Decoration_Hover: var(--fdLink_Text_Content_Decoration_Subtle_Hover, none);--fdLink_Text_Content_Decoration_Active: var(--fdLink_Text_Content_Decoration_Subtle_Active, none);--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Subtle, none);--fdLink_Text_Decoration_Hover: var(--fdLink_Text_Decoration_Subtle_Hover, none);--fdLink_Text_Decoration_Active: var(--fdLink_Text_Decoration_Subtle_Active, none)}.fd-link--undecorated{--fdLink_Text_Decoration: none;--fdLink_Text_Decoration_Subtle: none;--fdLink_Text_Decoration_Subtle_Hover: none;--fdLink_Text_Decoration_Subtle_Active: none;--fdLink_Text_Decoration_Hover: none;--fdLink_Text_Decoration_Focus: none;--fdLink_Text_Decoration_Active: none;--fdLink_Text_Decoration_Visited: none;--fdLink_Text_Decoration_Disabled: none;--fdLink_Text_Content_Decoration: none;--fdLink_Text_Content_Decoration_Subtle: none;--fdLink_Text_Content_Decoration_Subtle_Hover: none;--fdLink_Text_Content_Decoration_Subtle_Active: none;--fdLink_Text_Content_Decoration_Hover: none;--fdLink_Text_Content_Decoration_Focus: none;--fdLink_Text_Content_Decoration_Active: none;--fdLink_Text_Content_Decoration_Visited: none;--fdLink_Text_Content_Decoration_Disabled: none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link:hover,.fd-link.is-hover{color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5;box-shadow:none;color:var(--fdLink_Text_Focus_Color);background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);text-shadow:var(--fdLink_Focus_Text_Shadow);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-width:var(--fdLink_Hover_Outline_Width);outline-color:var(--fdLink_Hover_Outline_Color);outline-style:var(--fdLink_Hover_Outline_Style)}.fd-link:active,.fd-link.is-active{color:var(--sapLink_Active_Color)}.fd-link:active:focus,.fd-link:active.is-focus,.fd-link.is-active:focus,.fd-link.is-active.is-focus{z-index:5;background-color:transparent}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted:hover,.fd-link--inverted.is-hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted:focus,.fd-link--inverted.is-focus{z-index:5;outline-color:var(--sapContent_ContrastFocusColor)}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{opacity:var(--sapContent_DisabledOpacity);color:var(--sapLinkColor);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:first-child,.fd-link [class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child[dir=rtl]{margin-right:0;margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:last-child,.fd-link [class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child[dir=rtl]{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0);margin-left:0}.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon],.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5}.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon],.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color)}.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon],.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LinkComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentObserver }, { token: i0.ChangeDetectorRef }, { token: 'linkRouterTarget' }], target: i0.ɵɵFactoryTarget.Component });
+LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: { class: "class", emphasized: "emphasized", disabled: "disabled", inverted: "inverted", subtle: "subtle", undecorated: "undecorated" }, providers: [
+        {
+            provide: 'linkRouterTarget',
+            useFactory: (withHref, routerLink) => withHref || routerLink,
+            deps: [
+                [new Optional(), new Self(), RouterLinkWithHref],
+                [new Optional(), new Self(), RouterLink]
+            ]
+        }
+    ], queries: [{ propertyName: "iconComponents", predicate: IconComponent }], viewQueries: [{ propertyName: "contentSpan", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapLinkColor);text-shadow:var(--sapContent_TextShadow);display:inline-block;display:var(--fdLink_Display, inline-block);align-items:center;transition:all .125s ease-in;line-height:inherit;-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Decoration, none)}.fd-link:before,.fd-link:after{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link:hover,.fd-link.is-hover{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover, none)}.fd-link:focus,.fd-link.is-focus{z-index:5;--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus, none)}.fd-link:active,.fd-link.is-active{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active, none)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled, none)}.fd-link--subtle{--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Subtle, none);--fdLink_Text_Content_Decoration_Hover: var(--fdLink_Text_Content_Decoration_Subtle_Hover, none);--fdLink_Text_Content_Decoration_Active: var(--fdLink_Text_Content_Decoration_Subtle_Active, none);--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Subtle, none);--fdLink_Text_Decoration_Hover: var(--fdLink_Text_Decoration_Subtle_Hover, none);--fdLink_Text_Decoration_Active: var(--fdLink_Text_Decoration_Subtle_Active, none)}.fd-link--undecorated{--fdLink_Text_Decoration: none;--fdLink_Text_Decoration_Subtle: none;--fdLink_Text_Decoration_Subtle_Hover: none;--fdLink_Text_Decoration_Subtle_Active: none;--fdLink_Text_Decoration_Hover: none;--fdLink_Text_Decoration_Focus: none;--fdLink_Text_Decoration_Active: none;--fdLink_Text_Decoration_Visited: none;--fdLink_Text_Decoration_Disabled: none;--fdLink_Text_Content_Decoration: none;--fdLink_Text_Content_Decoration_Subtle: none;--fdLink_Text_Content_Decoration_Subtle_Hover: none;--fdLink_Text_Content_Decoration_Subtle_Active: none;--fdLink_Text_Content_Decoration_Hover: none;--fdLink_Text_Content_Decoration_Focus: none;--fdLink_Text_Content_Decoration_Active: none;--fdLink_Text_Content_Decoration_Visited: none;--fdLink_Text_Content_Decoration_Disabled: none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link:hover,.fd-link.is-hover{color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5;box-shadow:none;color:var(--fdLink_Text_Focus_Color);background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);text-shadow:var(--fdLink_Focus_Text_Shadow);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-width:var(--fdLink_Hover_Outline_Width);outline-color:var(--fdLink_Hover_Outline_Color);outline-style:var(--fdLink_Hover_Outline_Style)}.fd-link:active,.fd-link.is-active{color:var(--sapLink_Active_Color)}.fd-link:active:focus,.fd-link:active.is-focus,.fd-link.is-active:focus,.fd-link.is-active.is-focus{z-index:5;background-color:transparent}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted:hover,.fd-link--inverted.is-hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted:focus,.fd-link--inverted.is-focus{z-index:5;outline-color:var(--sapContent_ContrastFocusColor)}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{opacity:var(--sapContent_DisabledOpacity);color:var(--sapLinkColor);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:first-child,.fd-link [class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child[dir=rtl]{margin-right:0;margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:last-child,.fd-link [class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child[dir=rtl]{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0);margin-left:0}.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon],.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5}.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon],.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color)}.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon],.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -93,8 +119,20 @@ __decorate([
 ], LinkComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fdLink], [fd-link]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapLinkColor);text-shadow:var(--sapContent_TextShadow);display:inline-block;display:var(--fdLink_Display, inline-block);align-items:center;transition:all .125s ease-in;line-height:inherit;-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Decoration, none)}.fd-link:before,.fd-link:after{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link:hover,.fd-link.is-hover{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover, none)}.fd-link:focus,.fd-link.is-focus{z-index:5;--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus, none)}.fd-link:active,.fd-link.is-active{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active, none)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled, none)}.fd-link--subtle{--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Subtle, none);--fdLink_Text_Content_Decoration_Hover: var(--fdLink_Text_Content_Decoration_Subtle_Hover, none);--fdLink_Text_Content_Decoration_Active: var(--fdLink_Text_Content_Decoration_Subtle_Active, none);--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Subtle, none);--fdLink_Text_Decoration_Hover: var(--fdLink_Text_Decoration_Subtle_Hover, none);--fdLink_Text_Decoration_Active: var(--fdLink_Text_Decoration_Subtle_Active, none)}.fd-link--undecorated{--fdLink_Text_Decoration: none;--fdLink_Text_Decoration_Subtle: none;--fdLink_Text_Decoration_Subtle_Hover: none;--fdLink_Text_Decoration_Subtle_Active: none;--fdLink_Text_Decoration_Hover: none;--fdLink_Text_Decoration_Focus: none;--fdLink_Text_Decoration_Active: none;--fdLink_Text_Decoration_Visited: none;--fdLink_Text_Decoration_Disabled: none;--fdLink_Text_Content_Decoration: none;--fdLink_Text_Content_Decoration_Subtle: none;--fdLink_Text_Content_Decoration_Subtle_Hover: none;--fdLink_Text_Content_Decoration_Subtle_Active: none;--fdLink_Text_Content_Decoration_Hover: none;--fdLink_Text_Content_Decoration_Focus: none;--fdLink_Text_Content_Decoration_Active: none;--fdLink_Text_Content_Decoration_Visited: none;--fdLink_Text_Content_Decoration_Disabled: none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link:hover,.fd-link.is-hover{color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5;box-shadow:none;color:var(--fdLink_Text_Focus_Color);background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);text-shadow:var(--fdLink_Focus_Text_Shadow);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-width:var(--fdLink_Hover_Outline_Width);outline-color:var(--fdLink_Hover_Outline_Color);outline-style:var(--fdLink_Hover_Outline_Style)}.fd-link:active,.fd-link.is-active{color:var(--sapLink_Active_Color)}.fd-link:active:focus,.fd-link:active.is-focus,.fd-link.is-active:focus,.fd-link.is-active.is-focus{z-index:5;background-color:transparent}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted:hover,.fd-link--inverted.is-hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted:focus,.fd-link--inverted.is-focus{z-index:5;outline-color:var(--sapContent_ContrastFocusColor)}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{opacity:var(--sapContent_DisabledOpacity);color:var(--sapLinkColor);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:first-child,.fd-link [class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child[dir=rtl]{margin-right:0;margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:last-child,.fd-link [class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child[dir=rtl]{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0);margin-left:0}.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon],.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5}.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon],.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color)}.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon],.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentObserver }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { iconComponents: [{
+            args: [{ selector: '[fdLink], [fd-link], [fd-breadcrumb-link]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: 'linkRouterTarget',
+                            useFactory: (withHref, routerLink) => withHref || routerLink,
+                            deps: [
+                                [new Optional(), new Self(), RouterLinkWithHref],
+                                [new Optional(), new Self(), RouterLink]
+                            ]
+                        }
+                    ], template: "<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.128\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-link\n*/.fd-link{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapLinkColor);text-shadow:var(--sapContent_TextShadow);display:inline-block;display:var(--fdLink_Display, inline-block);align-items:center;transition:all .125s ease-in;line-height:inherit;-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Decoration, none)}.fd-link:before,.fd-link:after{box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:none;-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:none;text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-link:hover,.fd-link.is-hover{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Hover, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Hover, none)}.fd-link:focus,.fd-link.is-focus{z-index:5;--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Focus, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Focus, none)}.fd-link:active,.fd-link.is-active{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Active, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Active, none)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Disabled, none);--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Disabled, none)}.fd-link--subtle{--fdLink_Text_Content_Decoration: var(--fdLink_Text_Content_Decoration_Subtle, none);--fdLink_Text_Content_Decoration_Hover: var(--fdLink_Text_Content_Decoration_Subtle_Hover, none);--fdLink_Text_Content_Decoration_Active: var(--fdLink_Text_Content_Decoration_Subtle_Active, none);--fdLink_Text_Decoration: var(--fdLink_Text_Decoration_Subtle, none);--fdLink_Text_Decoration_Hover: var(--fdLink_Text_Decoration_Subtle_Hover, none);--fdLink_Text_Decoration_Active: var(--fdLink_Text_Decoration_Subtle_Active, none)}.fd-link--undecorated{--fdLink_Text_Decoration: none;--fdLink_Text_Decoration_Subtle: none;--fdLink_Text_Decoration_Subtle_Hover: none;--fdLink_Text_Decoration_Subtle_Active: none;--fdLink_Text_Decoration_Hover: none;--fdLink_Text_Decoration_Focus: none;--fdLink_Text_Decoration_Active: none;--fdLink_Text_Decoration_Visited: none;--fdLink_Text_Decoration_Disabled: none;--fdLink_Text_Content_Decoration: none;--fdLink_Text_Content_Decoration_Subtle: none;--fdLink_Text_Content_Decoration_Subtle_Hover: none;--fdLink_Text_Content_Decoration_Subtle_Active: none;--fdLink_Text_Content_Decoration_Hover: none;--fdLink_Text_Content_Decoration_Focus: none;--fdLink_Text_Content_Decoration_Active: none;--fdLink_Text_Content_Decoration_Visited: none;--fdLink_Text_Content_Decoration_Disabled: none}.fd-link--emphasized{font-weight:700}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link:hover,.fd-link.is-hover{color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5;box-shadow:none;color:var(--fdLink_Text_Focus_Color);background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);text-shadow:var(--fdLink_Focus_Text_Shadow);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-width:var(--fdLink_Hover_Outline_Width);outline-color:var(--fdLink_Hover_Outline_Color);outline-style:var(--fdLink_Hover_Outline_Style)}.fd-link:active,.fd-link.is-active{color:var(--sapLink_Active_Color)}.fd-link:active:focus,.fd-link:active.is-focus,.fd-link.is-active:focus,.fd-link.is-active.is-focus{z-index:5;background-color:transparent}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted:hover,.fd-link--inverted.is-hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted:focus,.fd-link--inverted.is-focus{z-index:5;outline-color:var(--sapContent_ContrastFocusColor)}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link[aria-disabled=true],.fd-link.is-disabled,.fd-link:disabled{opacity:var(--sapContent_DisabledOpacity);color:var(--sapLinkColor);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor)}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:first-child,.fd-link [class*=sap-icon]:first-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child[dir=rtl]{margin-right:0;margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{margin-left:0;margin-left:var(--fdLink_Icon_Spacing, 0)}[dir=rtl] .fd-link [class*=sap-icon]:last-child,.fd-link [class*=sap-icon]:last-child[dir=rtl],[dir=rtl] .fd-link[class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child[dir=rtl]{margin-right:0;margin-right:var(--fdLink_Icon_Spacing, 0);margin-left:0}.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon],.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover);color:var(--sapLink_Hover_Color)}.fd-link:focus,.fd-link.is-focus{z-index:5}.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon],.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus);color:var(--fdLink_Text_Focus_Color)}.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon],.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon]{-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active);color:var(--sapLink_Active_Color)}.fd-link:visited [class*=sap-icon],.fd-link:visited[class*=sap-icon]{color:var(--sapLink_Visited_Color)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentObserver }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['linkRouterTarget']
+                }] }]; }, propDecorators: { iconComponents: [{
                 type: ContentChildren,
                 args: [IconComponent]
             }], contentSpan: [{

package/link/fesm2020/fundamental-ngx-core-link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-link.mjs","sources":["../../../../../libs/core/src/lib/link/link.component.ts","../../../../../libs/core/src/lib/link/link.component.html","../../../../../libs/core/src/lib/link/link.module.ts","../../../../../libs/core/src/lib/link/constants.ts","../../../../../libs/core/src/lib/link/fundamental-ngx-core-link.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    QueryList,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { ContentObserver } from '@angular/cdk/observers';\nimport { map, startWith, Subject, takeUntil, tap } from 'rxjs';\nimport { DomPortal, Portal } from '@angular/cdk/portal';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fdLink], [fd-link]',\n    templateUrl: './link.component.html',\n    styleUrls: ['./link.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LinkComponent implements OnChanges, OnInit, CssClassBuilder, AfterViewInit, OnDestroy {\n    @ContentChildren(IconComponent)\n    iconComponents: QueryList<IconComponent>;\n\n    @ViewChild('content')\n    contentSpan: ElementRef<HTMLSpanElement>;\n\n    /** user's custom classes */\n    @Input()\n    class: string;\n\n    /** Whether user wants to use emphasized mode */\n    @Input()\n    emphasized: boolean;\n\n    /** Whether user wants to put disabled mode */\n    @Input()\n    disabled: boolean;\n\n    /** Whether user wants to use inverted mode */\n    @Input()\n    inverted: boolean;\n\n    /** Whether user wants to use subtle mode */\n    @Input()\n    subtle: boolean;\n\n    /** Whether user wants to have a link without underline decoration */\n    @Input()\n    undecorated: boolean;\n\n    /** @hidden */\n    _prefixPortal: Portal<any> | null;\n\n    /** @hidden */\n    _postfixPortal: Portal<any> | null;\n\n    /** @hidden */\n    private _destroyed$ = new Subject<void>();\n\n    /** @hidden */\n    constructor(\n        private _elementRef: ElementRef<Element>,\n        private contentObserver: ContentObserver,\n        private changeDetectorRef: ChangeDetectorRef\n    ) {}\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    @applyCssClass\n    /** CssClassBuilder interface implementation\n     * function is responsible for order which css classes are applied\n     */\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-link',\n            this.emphasized ? 'fd-link--emphasized' : '',\n            this.disabled ? 'is-disabled' : '',\n            this.inverted ? `fd-link--inverted` : '',\n            this.subtle ? 'fd-link--subtle' : '',\n            this.undecorated ? 'fd-link--undecorated' : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<any> {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.iconComponents.changes\n            .pipe(\n                startWith(this.iconComponents),\n                map((c) => c.toArray()),\n                map((icons) =>\n                    // We are only interested in the first descendant of the content element\n                    icons.filter(\n                        (icon) => icon.elementRef().nativeElement.parentElement === this.contentSpan.nativeElement\n                    )\n                ),\n                map((icons) => {\n                    if (icons.length === 0) {\n                        return {};\n                    }\n                    const prefix =\n                        icons[0].elementRef().nativeElement === this.contentSpan.nativeElement.childNodes[0]\n                            ? icons[0].elementRef().nativeElement\n                            : null;\n                    const postfix =\n                        icons[icons.length - 1].elementRef().nativeElement ===\n                        this.contentSpan.nativeElement.childNodes[this.contentSpan.nativeElement.childNodes.length - 1]\n                            ? icons[icons.length - 1].elementRef().nativeElement\n                            : null;\n                    return { prefix, postfix };\n                }),\n                tap(() => {\n                    if (this._prefixPortal?.isAttached) {\n                        this._prefixPortal.detach();\n                    }\n                    if (this._postfixPortal?.isAttached) {\n                        this._postfixPortal.detach();\n                    }\n                }),\n                tap(({ prefix, postfix }) => {\n                    this._prefixPortal = prefix ? new DomPortal(prefix) : null;\n                    this._postfixPortal = postfix ? new DomPortal(postfix) : null;\n                }),\n                tap(() => {\n                    this.changeDetectorRef.detectChanges();\n                }),\n                takeUntil(this._destroyed$)\n            )\n            .subscribe();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._destroyed$.next();\n        this._destroyed$.complete();\n    }\n}\n","<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LinkComponent } from './link.component';\nimport { PortalModule } from '@angular/cdk/portal';\n\n@NgModule({\n    declarations: [LinkComponent],\n    imports: [CommonModule, PortalModule],\n    exports: [LinkComponent]\n})\nexport class LinkModule {}\n","export const LINK_CLASS_NAME = {\n    linkContent: 'fd-link__content'\n} as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-link.mjs","sources":["../../../../../libs/core/src/lib/link/link.component.ts","../../../../../libs/core/src/lib/link/link.component.html","../../../../../libs/core/src/lib/link/link.module.ts","../../../../../libs/core/src/lib/link/constants.ts","../../../../../libs/core/src/lib/link/fundamental-ngx-core-link.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Inject,\n    Input,\n    isDevMode,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    QueryList,\n    Self,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { RouterLink, RouterLinkWithHref } from '@angular/router';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { ContentObserver } from '@angular/cdk/observers';\nimport { map, startWith, Subject, takeUntil, tap } from 'rxjs';\nimport { DomPortal, Portal } from '@angular/cdk/portal';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fdLink], [fd-link], [fd-breadcrumb-link]',\n    templateUrl: './link.component.html',\n    styleUrls: ['./link.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: 'linkRouterTarget',\n            useFactory: (\n                withHref?: RouterLinkWithHref,\n                routerLink?: RouterLink\n            ): RouterLinkWithHref | RouterLink | undefined => withHref || routerLink,\n            deps: [\n                [new Optional(), new Self(), RouterLinkWithHref],\n                [new Optional(), new Self(), RouterLink]\n            ]\n        }\n    ]\n})\nexport class LinkComponent implements OnChanges, OnInit, CssClassBuilder, AfterViewInit, OnDestroy {\n    @ContentChildren(IconComponent)\n    iconComponents: QueryList<IconComponent>;\n\n    @ViewChild('content')\n    contentSpan: ElementRef<HTMLSpanElement>;\n\n    /** user's custom classes */\n    @Input()\n    class: string;\n\n    /** Whether user wants to use emphasized mode */\n    @Input()\n    emphasized: boolean;\n\n    /** Whether user wants to put disabled mode */\n    @Input()\n    disabled: boolean;\n\n    /** Whether user wants to use inverted mode */\n    @Input()\n    inverted: boolean;\n\n    /** Whether user wants to use subtle mode */\n    @Input()\n    subtle: boolean;\n\n    /** Whether user wants to have a link without underline decoration */\n    @Input()\n    undecorated: boolean;\n\n    /** @hidden */\n    _prefixPortal: Portal<any> | null;\n\n    /** @hidden */\n    _postfixPortal: Portal<any> | null;\n\n    /** @hidden */\n    _prefixIconName: string;\n    /** @hidden */\n    _postfixIconName: string;\n\n    /** @hidden */\n    private _destroyed$ = new Subject<void>();\n\n    /** @hidden */\n    constructor(\n        private _elementRef: ElementRef<Element>,\n        private contentObserver: ContentObserver,\n        private changeDetectorRef: ChangeDetectorRef,\n        @Inject('linkRouterTarget') readonly routerLink: RouterLinkWithHref | RouterLink\n    ) {\n        if (isDevMode() && this.elementRef().nativeElement.hasAttribute('fd-breadcrumb-link')) {\n            console.warn('The fd-breadcrumb-link attribute is deprecated. Please use fd-link instead.');\n        }\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    @applyCssClass\n    /** CssClassBuilder interface implementation\n     * function is responsible for order which css classes are applied\n     */\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-link',\n            this.emphasized ? 'fd-link--emphasized' : '',\n            this.disabled ? 'is-disabled' : '',\n            this.inverted ? `fd-link--inverted` : '',\n            this.subtle ? 'fd-link--subtle' : '',\n            this.undecorated ? 'fd-link--undecorated' : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<any> {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.iconComponents.changes\n            .pipe(\n                startWith(this.iconComponents),\n                map((c) => c.toArray()),\n                map((icons) =>\n                    // We are only interested in the first descendant of the content element\n                    icons.filter(\n                        (icon) => icon.elementRef().nativeElement.parentElement === this.contentSpan.nativeElement\n                    )\n                ),\n                map((icons) => {\n                    if (icons.length === 0) {\n                        return {};\n                    }\n                    const prefix =\n                        icons[0].elementRef().nativeElement === this.contentSpan.nativeElement.childNodes[0]\n                            ? icons[0].elementRef().nativeElement\n                            : null;\n                    const postfix =\n                        icons[icons.length - 1].elementRef().nativeElement ===\n                        this.contentSpan.nativeElement.childNodes[this.contentSpan.nativeElement.childNodes.length - 1]\n                            ? icons[icons.length - 1].elementRef().nativeElement\n                            : null;\n                    if (prefix) {\n                        this._prefixIconName = this.iconComponents.first.glyph;\n                    } else {\n                        this._prefixIconName = '';\n                    }\n                    if (postfix) {\n                        this._postfixIconName = this.iconComponents.last.glyph;\n                    } else {\n                        this._postfixIconName = '';\n                    }\n                    return { prefix, postfix };\n                }),\n                tap(() => {\n                    if (this._prefixPortal?.isAttached) {\n                        this._prefixPortal.detach();\n                    }\n                    if (this._postfixPortal?.isAttached) {\n                        this._postfixPortal.detach();\n                    }\n                }),\n                tap(({ prefix, postfix }) => {\n                    this._prefixPortal = prefix ? new DomPortal(prefix) : null;\n                    this._postfixPortal = postfix ? new DomPortal(postfix) : null;\n                }),\n                tap(() => {\n                    this.changeDetectorRef.detectChanges();\n                }),\n                takeUntil(this._destroyed$)\n            )\n            .subscribe();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._destroyed$.next();\n        this._destroyed$.complete();\n    }\n}\n","<span *ngIf=\"_prefixPortal\">\n    <ng-container *cdkPortalOutlet=\"_prefixPortal\"></ng-container>\n</span>\n<span class=\"fd-link__content\" #content>\n    <ng-content></ng-content>\n</span>\n<span *ngIf=\"_postfixPortal\">\n    <ng-container *cdkPortalOutlet=\"_postfixPortal\"></ng-container>\n</span>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LinkComponent } from './link.component';\nimport { PortalModule } from '@angular/cdk/portal';\n\n@NgModule({\n    declarations: [LinkComponent],\n    imports: [CommonModule, PortalModule],\n    exports: [LinkComponent]\n})\nexport class LinkModule {}\n","export const LINK_CLASS_NAME = {\n    linkContent: 'fd-link__content'\n} as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/link/link.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { RouterLink, RouterLinkWithHref } from '@angular/router';
 import { CssClassBuilder } from '@fundamental-ngx/core/utils';
 import { ContentObserver } from '@angular/cdk/observers';
 import { Portal } from '@angular/cdk/portal';
@@ -8,6 +9,7 @@ export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder
     private _elementRef;
     private contentObserver;
     private changeDetectorRef;
+    readonly routerLink: RouterLinkWithHref | RouterLink;
     iconComponents: QueryList<IconComponent>;
     contentSpan: ElementRef<HTMLSpanElement>;
     /** user's custom classes */
@@ -27,9 +29,13 @@ export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder
     /** @hidden */
     _postfixPortal: Portal<any> | null;
     /** @hidden */
+    _prefixIconName: string;
+    /** @hidden */
+    _postfixIconName: string;
+    /** @hidden */
     private _destroyed$;
     /** @hidden */
-    constructor(_elementRef: ElementRef<Element>, contentObserver: ContentObserver, changeDetectorRef: ChangeDetectorRef);
+    constructor(_elementRef: ElementRef<Element>, contentObserver: ContentObserver, changeDetectorRef: ChangeDetectorRef, routerLink: RouterLinkWithHref | RouterLink);
     /** @hidden */
     ngOnChanges(): void;
     /** CssClassBuilder interface implementation
@@ -45,5 +51,5 @@ export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder
     /** @hidden */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "[fdLink], [fd-link]", never, { "class": "class"; "emphasized": "emphasized"; "disabled": "disabled"; "inverted": "inverted"; "subtle": "subtle"; "undecorated": "undecorated"; }, {}, ["iconComponents"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "[fdLink], [fd-link], [fd-breadcrumb-link]", never, { "class": "class"; "emphasized": "emphasized"; "disabled": "disabled"; "inverted": "inverted"; "subtle": "subtle"; "undecorated": "undecorated"; }, {}, ["iconComponents"], ["*"]>;
 }

package/link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/link",
-  "version": "0.35.0-rc.10",
+  "version": "0.35.0-rc.13",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/list/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/list",
-  "version": "0.35.0-rc.10",
+  "version": "0.35.0-rc.13",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/menu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/menu",
-  "version": "0.35.0-rc.10",
+  "version": "0.35.0-rc.13",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/message-box/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/message-box",
-  "version": "0.35.0-rc.10",
+  "version": "0.35.0-rc.13",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/message-strip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/message-strip",
-  "version": "0.35.0-rc.10",
+  "version": "0.35.0-rc.13",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/message-toast/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/message-toast",
-  "version": "0.35.0-rc.10",
+  "version": "0.35.0-rc.13",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/micro-process-flow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/micro-process-flow",
-  "version": "0.35.0-rc.10",
+  "version": "0.35.0-rc.13",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/mobile-mode/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/mobile-mode",
-  "version": "0.35.0-rc.10",
+  "version": "0.35.0-rc.13",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"