@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
87 lines (86 loc) • 2.77 kB
TypeScript
import { RouterLink } from '@angular/router';
import { LinkIconPosition, LinkSize, LinkVariant } from './link.model';
import * as i0 from "@angular/core";
export declare class LinkComponent {
private readonly tabIndexAttribute;
get tabIndex(): string;
private linkClass;
private iconClass;
/**
* Link variant theme
*/
variant: LinkVariant;
/**
* Link size
*/
size: LinkSize;
/**
* Link target. Note when the target is `_blank`, an icon notifying the user is placed on the right of the link
*/
target: string;
/**
* Link href
*/
href: string;
/**
* Link rel
*/
rel: string;
/**
* If link opens in a new page, an icon notifying the user is placed on the right of the link
*/
isExternal: boolean;
externalLabel: string;
/**
* Whether link has icon
*/
hasIcon: boolean;
/**
* Link material icon
*/
icon: string;
/**
* Whether icon is before or after text
*/
iconPosition: LinkIconPosition;
/**
* Link title
*/
title: string;
/**
* Link id
*/
id: string;
/**
* Aria label, for accessibility reasons
*/
ariaLabel: string;
/**
* Aria labelled by, for accessibility reasons
*/
ariaLabelledBy: string;
protected readonly routerLink?: RouterLink;
constructor(tabIndexAttribute: string | null | undefined);
/**
* @ignore
*/
isExternalLink(): boolean;
/**
* @ignore
*/
getLinkVariantClass(): string;
/**
* @ignore
*/
getIconClass(): string;
/**
* @ignore
*/
getIconPositionClass(): string;
/**
* @ignore
*/
getSizeClass(): string;
static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, [{ attribute: "tabindex"; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "nj-link", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "href": { "alias": "href"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "isExternal": { "alias": "isExternal"; "required": false; }; "externalLabel": { "alias": "externalLabel"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "title": { "alias": "title"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, {}, never, ["*", "[custom-icon]"], true, never>;
}