myrta-ui 17.1.52 → 17.1.54
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.
|
@@ -11,11 +11,11 @@ export class BreadcrumbsComponent {
|
|
|
11
11
|
return `${this.customClasses} ${BreadcrumbsTypeEnum[this.type]}`;
|
|
12
12
|
}
|
|
13
13
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n @switch (type) {\r\n @case ('link') {\r\n @if (item) {\r\n @if (item.routerLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n } @else {\r\n <a class=\"mrx-breadcrumbs__link\" [href]=\"item.href\">\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n }\r\n\r\n @default {\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n @for(item of items; track item; let last = $last) {\r\n <li class=\"mrx-breadcrumbs__list-item\">\r\n @if (item.isLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n @if (!last) {\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n }\r\n } @else {\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n @switch (type) {\r\n @case ('link') {\r\n @if (item) {\r\n @if (item.routerLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n } @else {\r\n <a class=\"mrx-breadcrumbs__link\" [href]=\"item.href\">\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n }\r\n\r\n @default {\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n @for(item of items; track item; let last = $last) {\r\n <li class=\"mrx-breadcrumbs__list-item\">\r\n @if (item.isLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n @if (!last) {\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n }\r\n } @else {\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"], dependencies: [{ 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 });
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n @switch (type) {\r\n @case ('link') {\r\n @if (item) {\r\n @if (item.routerLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n } @else {\r\n <a class=\"mrx-breadcrumbs__link\" [href]=\"item.href\">\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n }\r\n\r\n @default {\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n @for(item of items; track item; let last = $last) {\r\n <li class=\"mrx-breadcrumbs__list-item\">\r\n @if (item.isLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n @if (!last) {\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n }\r\n } @else {\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs
|
|
18
|
+
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n @switch (type) {\r\n @case ('link') {\r\n @if (item) {\r\n @if (item.routerLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n } @else {\r\n <a class=\"mrx-breadcrumbs__link\" [href]=\"item.href\">\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n }\r\n\r\n @default {\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n @for(item of items; track item; let last = $last) {\r\n <li class=\"mrx-breadcrumbs__list-item\">\r\n @if (item.isLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n @if (!last) {\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n }\r\n } @else {\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"] }]
|
|
19
19
|
}], propDecorators: { type: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], items: [{
|
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -535,11 +535,11 @@ class BreadcrumbsComponent {
|
|
|
535
535
|
return `${this.customClasses} ${BreadcrumbsTypeEnum[this.type]}`;
|
|
536
536
|
}
|
|
537
537
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
538
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n @switch (type) {\r\n @case ('link') {\r\n @if (item) {\r\n @if (item.routerLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n } @else {\r\n <a class=\"mrx-breadcrumbs__link\" [href]=\"item.href\">\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n }\r\n\r\n @default {\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n @for(item of items; track item; let last = $last) {\r\n <li class=\"mrx-breadcrumbs__list-item\">\r\n @if (item.isLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n @if (!last) {\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n }\r\n } @else {\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs
|
|
538
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, selector: "mrx-breadcrumbs", inputs: { type: "type", items: "items", item: "item", customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n @switch (type) {\r\n @case ('link') {\r\n @if (item) {\r\n @if (item.routerLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n } @else {\r\n <a class=\"mrx-breadcrumbs__link\" [href]=\"item.href\">\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n }\r\n\r\n @default {\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n @for(item of items; track item; let last = $last) {\r\n <li class=\"mrx-breadcrumbs__list-item\">\r\n @if (item.isLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n @if (!last) {\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n }\r\n } @else {\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"], dependencies: [{ 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 });
|
|
539
539
|
}
|
|
540
540
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
541
541
|
type: Component,
|
|
542
|
-
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n @switch (type) {\r\n @case ('link') {\r\n @if (item) {\r\n @if (item.routerLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n } @else {\r\n <a class=\"mrx-breadcrumbs__link\" [href]=\"item.href\">\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n }\r\n\r\n @default {\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n @for(item of items; track item; let last = $last) {\r\n <li class=\"mrx-breadcrumbs__list-item\">\r\n @if (item.isLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n @if (!last) {\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n }\r\n } @else {\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs
|
|
542
|
+
args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n @switch (type) {\r\n @case ('link') {\r\n @if (item) {\r\n @if (item.routerLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n } @else {\r\n <a class=\"mrx-breadcrumbs__link\" [href]=\"item.href\">\r\n @if (item.isShowArrow) {\r\n <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n }\r\n\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n }\r\n\r\n @default {\r\n <ul class=\"mrx-breadcrumbs__list\">\r\n @for(item of items; track item; let last = $last) {\r\n <li class=\"mrx-breadcrumbs__list-item\">\r\n @if (item.isLink) {\r\n <a\r\n class=\"mrx-breadcrumbs__link mr-1\"\r\n routerLinkActive=\"mrx-breadcrumbs__link-active\"\r\n [routerLink]=\"item.routerLink\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling\"\r\n >\r\n {{ item.text }}\r\n </a>\r\n\r\n @if (!last) {\r\n <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n }\r\n } @else {\r\n <span class=\"mrx-breadcrumbs__tag\">{{ item.text }}</span>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n</div>\r\n\r\n", styles: [".mrx-breadcrumbs.mrx-breadcrumbs-link{display:inline-block}.mrx-breadcrumbs .mrx-breadcrumbs__link{display:flex;align-items:center;color:var(--brand-bg-primary-default);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs .mrx-breadcrumbs__tag{color:var(--neutral-text-tertiary);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height)}.mrx-breadcrumbs .mrx-breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;list-style:none;padding-left:0;margin-top:0;margin-bottom:0;flex-wrap:wrap}.mrx-breadcrumbs .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"] }]
|
|
543
543
|
}], propDecorators: { type: [{
|
|
544
544
|
type: Input
|
|
545
545
|
}], items: [{
|