myrta-ui 17.0.0-beta.20 → 17.0.0-beta.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,7 +5,7 @@ import * as i1 from "@angular/router";
|
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
6
|
export class LinkComponent {
|
|
7
7
|
_router;
|
|
8
|
-
href
|
|
8
|
+
href;
|
|
9
9
|
target = '_self';
|
|
10
10
|
routerLink;
|
|
11
11
|
queryParams;
|
|
@@ -26,16 +26,17 @@ export class LinkComponent {
|
|
|
26
26
|
}
|
|
27
27
|
onClick(event) {
|
|
28
28
|
if (this.prevent) {
|
|
29
|
+
event.preventDefault();
|
|
29
30
|
event.stopPropagation();
|
|
30
31
|
this.clicked.emit();
|
|
31
32
|
}
|
|
32
33
|
}
|
|
33
34
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: LinkComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: LinkComponent, selector: "mrx-link", inputs: { href: "href", target: "target", routerLink: "routerLink", queryParams: "queryParams", type: "type", monochrome: "monochrome", customClasses: "customClasses", prevent: "prevent", size: "size" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<a\r\n *ngIf=\"routerLink; else standardLink\"\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n routerLinkActive=\"mrx-link-active\"\r\n [routerLink]=\"routerLink\"\r\n [queryParams]=\"queryParams\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n\r\n<ng-template #standardLink>\r\n <a\r\n
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: LinkComponent, selector: "mrx-link", inputs: { href: "href", target: "target", routerLink: "routerLink", queryParams: "queryParams", type: "type", monochrome: "monochrome", customClasses: "customClasses", prevent: "prevent", size: "size" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<a\r\n *ngIf=\"routerLink && !prevent; else standardLink\"\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n routerLinkActive=\"mrx-link-active\"\r\n [routerLink]=\"routerLink\"\r\n [queryParams]=\"queryParams\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n\r\n<ng-template #standardLink>\r\n <a\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n [href]=\"href || routerLink\"\r\n [target]=\"getTarget\"\r\n (click)=\"onClick($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #content>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".mrx-link.mrx-link{display:inline;position:relative}.mrx-link.mrx-link.small{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-link.mrx-link.medium{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}.mrx-link.mrx-link.large{font-size:var(--body-lg-font-size);line-height:var(--body-lg-line-height)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default{color:var(--system-text-link-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:hover{border-bottom:var(--border-width-default) solid var(--system-text-link-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:visited{color:var(--system-text-link-visited)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:visited:hover{border-bottom:var(--border-width-default) solid var(--system-text-link-visited)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-navigational{color:var(--brand-text-nav-link)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-navigational:hover{border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-pseudo{color:var(--brand-text-nav-link);border-bottom:var(--border-width-default) dashed var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-pseudo:hover{border-bottom:var(--border-width-default) dashed var(--brand-bg-primary-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-navigational{color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-navigational:hover{border-bottom:var(--border-width-default) solid var(--neutral-text-primary)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-pseudo{color:var(--neutral-text-primary);border-bottom:var(--border-width-default) dashed var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-pseudo:hover{border-bottom:var(--border-width-default) dashed var(--neutral-text-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
36
|
}
|
|
36
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: LinkComponent, decorators: [{
|
|
37
38
|
type: Component,
|
|
38
|
-
args: [{ selector: 'mrx-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n *ngIf=\"routerLink; else standardLink\"\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n routerLinkActive=\"mrx-link-active\"\r\n [routerLink]=\"routerLink\"\r\n [queryParams]=\"queryParams\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n\r\n<ng-template #standardLink>\r\n <a\r\n
|
|
39
|
+
args: [{ selector: 'mrx-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n *ngIf=\"routerLink && !prevent; else standardLink\"\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n routerLinkActive=\"mrx-link-active\"\r\n [routerLink]=\"routerLink\"\r\n [queryParams]=\"queryParams\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n\r\n<ng-template #standardLink>\r\n <a\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n [href]=\"href || routerLink\"\r\n [target]=\"getTarget\"\r\n (click)=\"onClick($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #content>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".mrx-link.mrx-link{display:inline;position:relative}.mrx-link.mrx-link.small{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-link.mrx-link.medium{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}.mrx-link.mrx-link.large{font-size:var(--body-lg-font-size);line-height:var(--body-lg-line-height)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default{color:var(--system-text-link-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:hover{border-bottom:var(--border-width-default) solid var(--system-text-link-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:visited{color:var(--system-text-link-visited)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:visited:hover{border-bottom:var(--border-width-default) solid var(--system-text-link-visited)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-navigational{color:var(--brand-text-nav-link)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-navigational:hover{border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-pseudo{color:var(--brand-text-nav-link);border-bottom:var(--border-width-default) dashed var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-pseudo:hover{border-bottom:var(--border-width-default) dashed var(--brand-bg-primary-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-navigational{color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-navigational:hover{border-bottom:var(--border-width-default) solid var(--neutral-text-primary)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-pseudo{color:var(--neutral-text-primary);border-bottom:var(--border-width-default) dashed var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-pseudo:hover{border-bottom:var(--border-width-default) dashed var(--neutral-text-primary)}\n"] }]
|
|
39
40
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { href: [{
|
|
40
41
|
type: Input
|
|
41
42
|
}], target: [{
|
|
@@ -57,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
57
58
|
}], clicked: [{
|
|
58
59
|
type: Output
|
|
59
60
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvbGluay9saW5rLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9saW5rL2xpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQ0wsYUFBYSxFQUdiLG1CQUFtQixFQUVuQixhQUFhLEVBQ2QsTUFBTSxhQUFhLENBQUM7Ozs7QUFTckIsTUFBTSxPQUFPLGFBQWE7SUFlSjtJQWRYLElBQUksQ0FBVTtJQUNkLE1BQU0sR0FBb0IsT0FBTyxDQUFDO0lBRWxDLFVBQVUsQ0FBVTtJQUNwQixXQUFXLENBQTZCO0lBRXhDLElBQUksR0FBYyxTQUFTLENBQUM7SUFDNUIsVUFBVSxHQUFZLEtBQUssQ0FBQztJQUM1QixhQUFhLEdBQVcsRUFBRSxDQUFDO0lBQzNCLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFDekIsSUFBSSxHQUFtQixRQUFRLENBQUM7SUFFL0IsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7SUFFbkQsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFDbkMsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixJQUFJLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUN6SixDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDekMsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFVO1FBRWhCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQTtZQUN0QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQTtRQUNyQixDQUFDO0lBQ0gsQ0FBQzt3R0FqQ1UsYUFBYTs0RkFBYixhQUFhLDZSQ2pCMUIsZ3RCQTJCQTs7NEZEVmEsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU07MkVBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgTGlua1NpemVzRW51bSxcclxuICBMaW5rU2l6ZXNUeXBlcyxcclxuICBMaW5rVGFyZ2V0VHlwZXMsXHJcbiAgTGlua1RhcmdldFR5cGVzRW51bSxcclxuICBMaW5rVHlwZXMsXHJcbiAgTGlua1R5cGVzRW51bVxyXG59IGZyb20gJy4vbGluay5lbnVtJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWxpbmsnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9saW5rLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9saW5rLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaW5rQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBocmVmPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRhcmdldDogTGlua1RhcmdldFR5cGVzID0gJ19zZWxmJztcclxuXHJcbiAgQElucHV0KCkgcm91dGVyTGluaz86IHN0cmluZztcclxuICBASW5wdXQoKSBxdWVyeVBhcmFtcz86IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH07XHJcblxyXG4gIEBJbnB1dCgpIHR5cGU6IExpbmtUeXBlcyA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKSBtb25vY2hyb21lOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3Nlczogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcHJldmVudDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNpemU6IExpbmtTaXplc1R5cGVzID0gJ21lZGl1bSc7XHJcblxyXG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikge1xyXG4gIH1cclxuXHJcbiAgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtMaW5rVHlwZXNFbnVtW3RoaXMudHlwZV19ICR7dGhpcy5jdXN0b21DbGFzc2VzfSAke3RoaXMubW9ub2Nocm9tZSA/ICdtcngtbGluay1tb25vY2hyb21lJyA6ICdtcngtbGluay1jb2xvcmVkJ30gJHtMaW5rU2l6ZXNFbnVtW3RoaXMuc2l6ZV19YDtcclxuICB9XHJcblxyXG4gIGdldCBnZXRUYXJnZXQoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBMaW5rVGFyZ2V0VHlwZXNFbnVtW3RoaXMudGFyZ2V0XVxyXG4gIH1cclxuXHJcbiAgb25DbGljayhldmVudDogYW55KTogdm9pZCB7XHJcblxyXG4gICAgaWYgKHRoaXMucHJldmVudCkge1xyXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXHJcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXHJcbiAgICAgIHRoaXMuY2xpY2tlZC5lbWl0KClcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGFcclxuICAqbmdJZj1cInJvdXRlckxpbmsgJiYgIXByZXZlbnQ7IGVsc2Ugc3RhbmRhcmRMaW5rXCJcclxuICBjbGFzcz1cIm1yeC1saW5rXCJcclxuICBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiXHJcbiAgcm91dGVyTGlua0FjdGl2ZT1cIm1yeC1saW5rLWFjdGl2ZVwiXHJcbiAgW3JvdXRlckxpbmtdPVwicm91dGVyTGlua1wiXHJcbiAgW3F1ZXJ5UGFyYW1zXT1cInF1ZXJ5UGFyYW1zXCJcclxuICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcclxuPlxyXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbjwvYT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjc3RhbmRhcmRMaW5rPlxyXG4gIDxhXHJcbiAgICBjbGFzcz1cIm1yeC1saW5rXCJcclxuICAgIFtjbGFzc109XCJnZXRDbGFzc2VzXCJcclxuICAgIFtocmVmXT1cImhyZWYgfHwgcm91dGVyTGlua1wiXHJcbiAgICBbdGFyZ2V0XT1cImdldFRhcmdldFwiXHJcbiAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcclxuICA+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvYT5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -548,7 +548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
548
548
|
|
|
549
549
|
class LinkComponent {
|
|
550
550
|
_router;
|
|
551
|
-
href
|
|
551
|
+
href;
|
|
552
552
|
target = '_self';
|
|
553
553
|
routerLink;
|
|
554
554
|
queryParams;
|
|
@@ -569,16 +569,17 @@ class LinkComponent {
|
|
|
569
569
|
}
|
|
570
570
|
onClick(event) {
|
|
571
571
|
if (this.prevent) {
|
|
572
|
+
event.preventDefault();
|
|
572
573
|
event.stopPropagation();
|
|
573
574
|
this.clicked.emit();
|
|
574
575
|
}
|
|
575
576
|
}
|
|
576
577
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: LinkComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
577
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: LinkComponent, selector: "mrx-link", inputs: { href: "href", target: "target", routerLink: "routerLink", queryParams: "queryParams", type: "type", monochrome: "monochrome", customClasses: "customClasses", prevent: "prevent", size: "size" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<a\r\n *ngIf=\"routerLink; else standardLink\"\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n routerLinkActive=\"mrx-link-active\"\r\n [routerLink]=\"routerLink\"\r\n [queryParams]=\"queryParams\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n\r\n<ng-template #standardLink>\r\n <a\r\n
|
|
578
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: LinkComponent, selector: "mrx-link", inputs: { href: "href", target: "target", routerLink: "routerLink", queryParams: "queryParams", type: "type", monochrome: "monochrome", customClasses: "customClasses", prevent: "prevent", size: "size" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<a\r\n *ngIf=\"routerLink && !prevent; else standardLink\"\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n routerLinkActive=\"mrx-link-active\"\r\n [routerLink]=\"routerLink\"\r\n [queryParams]=\"queryParams\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n\r\n<ng-template #standardLink>\r\n <a\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n [href]=\"href || routerLink\"\r\n [target]=\"getTarget\"\r\n (click)=\"onClick($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #content>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".mrx-link.mrx-link{display:inline;position:relative}.mrx-link.mrx-link.small{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-link.mrx-link.medium{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}.mrx-link.mrx-link.large{font-size:var(--body-lg-font-size);line-height:var(--body-lg-line-height)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default{color:var(--system-text-link-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:hover{border-bottom:var(--border-width-default) solid var(--system-text-link-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:visited{color:var(--system-text-link-visited)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:visited:hover{border-bottom:var(--border-width-default) solid var(--system-text-link-visited)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-navigational{color:var(--brand-text-nav-link)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-navigational:hover{border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-pseudo{color:var(--brand-text-nav-link);border-bottom:var(--border-width-default) dashed var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-pseudo:hover{border-bottom:var(--border-width-default) dashed var(--brand-bg-primary-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-navigational{color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-navigational:hover{border-bottom:var(--border-width-default) solid var(--neutral-text-primary)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-pseudo{color:var(--neutral-text-primary);border-bottom:var(--border-width-default) dashed var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-pseudo:hover{border-bottom:var(--border-width-default) dashed var(--neutral-text-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
578
579
|
}
|
|
579
580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: LinkComponent, decorators: [{
|
|
580
581
|
type: Component,
|
|
581
|
-
args: [{ selector: 'mrx-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n *ngIf=\"routerLink; else standardLink\"\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n routerLinkActive=\"mrx-link-active\"\r\n [routerLink]=\"routerLink\"\r\n [queryParams]=\"queryParams\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n\r\n<ng-template #standardLink>\r\n <a\r\n
|
|
582
|
+
args: [{ selector: 'mrx-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n *ngIf=\"routerLink && !prevent; else standardLink\"\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n routerLinkActive=\"mrx-link-active\"\r\n [routerLink]=\"routerLink\"\r\n [queryParams]=\"queryParams\"\r\n (click)=\"onClick($event)\"\r\n>\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</a>\r\n\r\n<ng-template #standardLink>\r\n <a\r\n class=\"mrx-link\"\r\n [class]=\"getClasses\"\r\n [href]=\"href || routerLink\"\r\n [target]=\"getTarget\"\r\n (click)=\"onClick($event)\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #content>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".mrx-link.mrx-link{display:inline;position:relative}.mrx-link.mrx-link.small{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-link.mrx-link.medium{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}.mrx-link.mrx-link.large{font-size:var(--body-lg-font-size);line-height:var(--body-lg-line-height)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default{color:var(--system-text-link-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:hover{border-bottom:var(--border-width-default) solid var(--system-text-link-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:visited{color:var(--system-text-link-visited)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-default:visited:hover{border-bottom:var(--border-width-default) solid var(--system-text-link-visited)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-navigational{color:var(--brand-text-nav-link)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-navigational:hover{border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-pseudo{color:var(--brand-text-nav-link);border-bottom:var(--border-width-default) dashed var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-colored.mrx-link-pseudo:hover{border-bottom:var(--border-width-default) dashed var(--brand-bg-primary-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-navigational{color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-navigational:hover{border-bottom:var(--border-width-default) solid var(--neutral-text-primary)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-pseudo{color:var(--neutral-text-primary);border-bottom:var(--border-width-default) dashed var(--neutral-bg-stroke-default)}.mrx-link.mrx-link.mrx-link-monochrome.mrx-link-pseudo:hover{border-bottom:var(--border-width-default) dashed var(--neutral-text-primary)}\n"] }]
|
|
582
583
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { href: [{
|
|
583
584
|
type: Input
|
|
584
585
|
}], target: [{
|