myrta-ui 1.0.1-beta-2 → 1.0.3

package/README.md

@@ -1,18 +1,18 @@
-# Команда создания модуля
-ng g m button --project=myrta-ui
-
-# Команда создания компонента
-ng g c button --project=myrta-ui
-
-# поднять ручками версию
-
-# сборку производить от директории myrta
-# Команда сборки проекта
-ng build myrta-ui
-
-# publish из dist директории проекта
-
-# Команда публикации проекта
-npm publish
-
-style-dictionary build
+# Команда создания модуля
+ng g m button --project=myrta-ui
+
+# Команда создания компонента
+ng g c button --project=myrta-ui
+
+# поднять ручками версию
+
+# сборку производить от директории myrta
+# Команда сборки проекта
+ng build myrta-ui
+
+# publish из dist директории проекта
+
+# Команда публикации проекта
+npm publish
+
+style-dictionary build

package/esm2020/lib/components/alert/alert.component.mjs

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import { AlertColorClasses, AlertIconClasses } from './alert.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -23,10 +23,10 @@ export class AlertComponent {
     }
 }
 AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n    <span\r\n        *ngIf=\"closable\"\r\n        class=\"mrx-icon icon-close icon-font-16\"\r\n        (click)=\"onCloseClick()\"\r\n    ></span>\r\n    <span\r\n        *ngIf=\"title || message\"\r\n        [class]=\"getIconClass\"\r\n        style=\"margin-top: 1px\"\r\n        class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n    ></span>\r\n    <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n    <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);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-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AlertComponent, selector: "mrx-alert", inputs: { customClasses: "customClasses", color: "color", customColor: "customColor", message: "message", title: "title", closable: "closable" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n    <span\r\n        *ngIf=\"closable\"\r\n        class=\"mrx-icon icon-close icon-font-16\"\r\n        (click)=\"onCloseClick()\"\r\n    ></span>\r\n    <span\r\n        *ngIf=\"title || message\"\r\n        [class]=\"getIconClass\"\r\n        style=\"margin-top: 1px\"\r\n        class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n    ></span>\r\n    <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n    <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);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-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-alert', template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n    <span\r\n        *ngIf=\"closable\"\r\n        class=\"mrx-icon icon-close icon-font-16\"\r\n        (click)=\"onCloseClick()\"\r\n    ></span>\r\n    <span\r\n        *ngIf=\"title || message\"\r\n        [class]=\"getIconClass\"\r\n        style=\"margin-top: 1px\"\r\n        class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n    ></span>\r\n    <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n    <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);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-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"] }]
+            args: [{ selector: 'mrx-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\r\n    <span\r\n        *ngIf=\"closable\"\r\n        class=\"mrx-icon icon-close icon-font-16\"\r\n        (click)=\"onCloseClick()\"\r\n    ></span>\r\n    <span\r\n        *ngIf=\"title || message\"\r\n        [class]=\"getIconClass\"\r\n        style=\"margin-top: 1px\"\r\n        class=\"mrx-icon icon-alert icon-font-16 mr-2\"\r\n    ></span>\r\n    <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\r\n    <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\r\n\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-alert.mrx-alert{border-radius:var(--border-radius-1);padding:var(--spacing-3) var(--spacing-4);position:relative;color:var(--neutral-text-primary);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-alert.mrx-alert .mrx-alert-title{display:flex;align-items:center;font-family:var(--body-lg-bold-font-family);font-size:var(--body-lg-bold-font-size);font-weight:var(--body-lg-bold-font-weight);line-height:var(--body-lg-bold-line-height)}.mrx-alert.mrx-alert .icon-close{position:absolute;top:calc(var(--spacing-module) * 2);right:calc(var(--spacing-module) * 2);cursor:pointer}.mrx-alert.mrx-alert .icon-alert{position:absolute;top:13px;left:16px}.mrx-alert.mrx-alert.color-info{background-color:var(--brand-bg-secondary-default)}.mrx-alert.mrx-alert.color-success{background-color:var(--system-bg-positive-secondary)}.mrx-alert.mrx-alert.color-success .mrx-icon{color:var(--system-icon-positive)}.mrx-alert.mrx-alert.color-warning{background-color:var(--system-bg-attention-secondary)}.mrx-alert.mrx-alert.color-warning .mrx-icon{color:var(--system-icon-attention)}.mrx-alert.mrx-alert.color-danger{background-color:var(--system-bg-negative-secondary)}.mrx-alert.mrx-alert.color-danger .mrx-icon{color:var(--system-icon-negative)}\n"] }]
         }], propDecorators: { customClasses: [{
                 type: Input
             }], color: [{
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], close: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxpQkFBaUIsRUFBZSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBT2hGLE1BQU0sT0FBTyxjQUFjO0lBTDNCO1FBTVcsa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFDM0IsVUFBSyxHQUFnQixNQUFNLENBQUM7UUFDNUIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFVBQUssR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQVk3RDtJQVZDLElBQUksVUFBVTtRQUNaLE9BQU8sR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN4RSxDQUFDO0lBQ0QsSUFBSSxZQUFZO1FBQ2QsT0FBTyxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO0lBQzNDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7MkdBbEJVLGNBQWM7K0ZBQWQsY0FBYyxnT0NSM0IsMnRCQWlCQTsyRkRUYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFdBQVc7OEJBS1osYUFBYTtzQkFBckIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWxlcnRDb2xvckNsYXNzZXMsIEFsZXJ0Q29sb3JzLCBBbGVydEljb25DbGFzc2VzIH0gZnJvbSAnLi9hbGVydC5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWFsZXJ0JyxcclxuICB0ZW1wbGF0ZVVybDogJ2FsZXJ0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3Nlczogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgY29sb3I6IEFsZXJ0Q29sb3JzID0gJ2luZm8nO1xyXG4gIEBJbnB1dCgpIGN1c3RvbUNvbG9yOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBtZXNzYWdlID0gJyc7XHJcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcclxuICBASW5wdXQoKSBjbG9zYWJsZSA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBjbG9zZTogRXZlbnRFbWl0dGVyPHVua25vd24+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBnZXQgZ2V0Q2xhc3NlcygpIHtcclxuICAgIHJldHVybiBgJHtBbGVydENvbG9yQ2xhc3Nlc1t0aGlzLmNvbG9yXSA/PyAnJ30gJHt0aGlzLmN1c3RvbUNsYXNzZXN9YDtcclxuICB9XHJcbiAgZ2V0IGdldEljb25DbGFzcygpIHtcclxuICAgIHJldHVybiBgJHtBbGVydEljb25DbGFzc2VzW3RoaXMuY29sb3JdfWA7XHJcbiAgfVxyXG5cclxuICBvbkNsb3NlQ2xpY2soKSB7XHJcbiAgICB0aGlzLmNsb3NlLmVtaXQobnVsbCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtYWxlcnRcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiIFtzdHlsZV09XCJ7YmFja2dyb3VuZENvbG9yOiBjdXN0b21Db2xvcn1cIj5cclxuICAgIDxzcGFuXHJcbiAgICAgICAgKm5nSWY9XCJjbG9zYWJsZVwiXHJcbiAgICAgICAgY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0xNlwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VDbGljaygpXCJcclxuICAgID48L3NwYW4+XHJcbiAgICA8c3BhblxyXG4gICAgICAgICpuZ0lmPVwidGl0bGUgfHwgbWVzc2FnZVwiXHJcbiAgICAgICAgW2NsYXNzXT1cImdldEljb25DbGFzc1wiXHJcbiAgICAgICAgc3R5bGU9XCJtYXJnaW4tdG9wOiAxcHhcIlxyXG4gICAgICAgIGNsYXNzPVwibXJ4LWljb24gaWNvbi1hbGVydCBpY29uLWZvbnQtMTYgbXItMlwiXHJcbiAgICA+PC9zcGFuPlxyXG4gICAgPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJtcngtYWxlcnQtdGl0bGUgbWItMVwiIFtjbGFzcy5tbC00XT1cImdldEljb25DbGFzc1wiIFtpbm5lckhUTUxdPVwidGl0bGVcIj48L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJtZXNzYWdlXCIgY2xhc3M9XCJtcngtYWxlcnQtbWVzc2FnZVwiIFtjbGFzcy5tbC00XT1cImdldEljb25DbGFzc1wiIFtpbm5lckhUTUxdPVwibWVzc2FnZVwiPjwvZGl2PlxyXG5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxpQkFBaUIsRUFBZSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBUWhGLE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBT1csa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFDM0IsVUFBSyxHQUFnQixNQUFNLENBQUM7UUFDNUIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFVBQUssR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWE3RDtJQVhDLElBQVcsVUFBVTtRQUNuQixPQUFPLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDeEUsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNyQixPQUFPLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7MkdBbkJVLGNBQWM7K0ZBQWQsY0FBYyxnT0NUM0IsMnRCQWlCQTsyRkRSYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFsZXJ0Q29sb3JDbGFzc2VzLCBBbGVydENvbG9ycywgQWxlcnRJY29uQ2xhc3NlcyB9IGZyb20gJy4vYWxlcnQuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1hbGVydCcsXHJcbiAgdGVtcGxhdGVVcmw6ICdhbGVydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFsZXJ0Q29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBjb2xvcjogQWxlcnRDb2xvcnMgPSAnaW5mbyc7XHJcbiAgQElucHV0KCkgY3VzdG9tQ29sb3I6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIG1lc3NhZ2UgPSAnJztcclxuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xyXG4gIEBJbnB1dCgpIGNsb3NhYmxlID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNsb3NlOiBFdmVudEVtaXR0ZXI8dW5rbm93bj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpIHtcclxuICAgIHJldHVybiBgJHtBbGVydENvbG9yQ2xhc3Nlc1t0aGlzLmNvbG9yXSA/PyAnJ30gJHt0aGlzLmN1c3RvbUNsYXNzZXN9YDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0SWNvbkNsYXNzKCkge1xyXG4gICAgcmV0dXJuIGAke0FsZXJ0SWNvbkNsYXNzZXNbdGhpcy5jb2xvcl19YDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsb3NlQ2xpY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLmNsb3NlLmVtaXQobnVsbCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtYWxlcnRcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiIFtzdHlsZV09XCJ7YmFja2dyb3VuZENvbG9yOiBjdXN0b21Db2xvcn1cIj5cclxuICAgIDxzcGFuXHJcbiAgICAgICAgKm5nSWY9XCJjbG9zYWJsZVwiXHJcbiAgICAgICAgY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0xNlwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VDbGljaygpXCJcclxuICAgID48L3NwYW4+XHJcbiAgICA8c3BhblxyXG4gICAgICAgICpuZ0lmPVwidGl0bGUgfHwgbWVzc2FnZVwiXHJcbiAgICAgICAgW2NsYXNzXT1cImdldEljb25DbGFzc1wiXHJcbiAgICAgICAgc3R5bGU9XCJtYXJnaW4tdG9wOiAxcHhcIlxyXG4gICAgICAgIGNsYXNzPVwibXJ4LWljb24gaWNvbi1hbGVydCBpY29uLWZvbnQtMTYgbXItMlwiXHJcbiAgICA+PC9zcGFuPlxyXG4gICAgPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJtcngtYWxlcnQtdGl0bGUgbWItMVwiIFtjbGFzcy5tbC00XT1cImdldEljb25DbGFzc1wiIFtpbm5lckhUTUxdPVwidGl0bGVcIj48L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJtZXNzYWdlXCIgY2xhc3M9XCJtcngtYWxlcnQtbWVzc2FnZVwiIFtjbGFzcy5tbC00XT1cImdldEljb25DbGFzc1wiIFtpbm5lckhUTUxdPVwibWVzc2FnZVwiPjwvZGl2PlxyXG5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/components/badges/badge.enum.mjs

@@ -16,10 +16,17 @@ export var BadgeTagTypeClassesEnum;
 })(BadgeTagTypeClassesEnum || (BadgeTagTypeClassesEnum = {}));
 export var BadgeColorClassesEnum;
 (function (BadgeColorClassesEnum) {
-    BadgeColorClassesEnum["positive"] = "color-positive";
-    BadgeColorClassesEnum["negative"] = "color-negative";
-    BadgeColorClassesEnum["attention"] = "color-attention";
-    BadgeColorClassesEnum["neutral"] = "color-neutral";
-    BadgeColorClassesEnum["brand"] = "color-brand";
+    BadgeColorClassesEnum["positive"] = "mrx-badge-color-positive";
+    BadgeColorClassesEnum["negative"] = "mrx-badge-color-negative";
+    BadgeColorClassesEnum["attention"] = "mrx-badge-color-attention";
+    BadgeColorClassesEnum["neutral"] = "mrx-badge-color-neutral";
+    BadgeColorClassesEnum["brand"] = "mrx-badge-color-brand";
 })(BadgeColorClassesEnum || (BadgeColorClassesEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvYmFkZ2UuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQUdYO0FBSEQsV0FBWSxhQUFhO0lBQ3ZCLDZDQUE4QixDQUFBO0lBQzlCLDJDQUE0QixDQUFBO0FBQzlCLENBQUMsRUFIVyxhQUFhLEtBQWIsYUFBYSxRQUd4QjtBQUdELE1BQU0sQ0FBTixJQUFZLGFBR1g7QUFIRCxXQUFZLGFBQWE7SUFDdkIsNkNBQThCLENBQUE7SUFDOUIseUNBQTBCLENBQUE7QUFDNUIsQ0FBQyxFQUhXLGFBQWEsS0FBYixhQUFhLFFBR3hCO0FBR0QsTUFBTSxDQUFOLElBQVksdUJBSVg7QUFKRCxXQUFZLHVCQUF1QjtJQUNqQyxnREFBdUIsQ0FBQTtJQUN2QixrREFBeUIsQ0FBQTtJQUN6QixzREFBNkIsQ0FBQTtBQUMvQixDQUFDLEVBSlcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUlsQztBQUdELE1BQU0sQ0FBTixJQUFZLHFCQU1YO0FBTkQsV0FBWSxxQkFBcUI7SUFDL0Isb0RBQTZCLENBQUE7SUFDN0Isb0RBQTZCLENBQUE7SUFDN0Isc0RBQStCLENBQUE7SUFDL0Isa0RBQTJCLENBQUE7SUFDM0IsOENBQXVCLENBQUE7QUFDekIsQ0FBQyxFQU5XLHFCQUFxQixLQUFyQixxQkFBcUIsUUFNaEMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCYWRnZVR5cGVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LXR5cGUtZGVmYXVsdCcsXHJcbiAgJ2NpcmNsZScgPSAnbXJ4LXR5cGUtY2lyY2xlJ1xyXG59XHJcbmV4cG9ydCB0eXBlIEJhZGdlVHlwZSA9ICdkZWZhdWx0JyB8ICdjaXJjbGUnXHJcblxyXG5leHBvcnQgZW51bSBCYWRnZVNpemVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LXNpemUtZGVmYXVsdCcsXHJcbiAgJ3NtYWxsJyA9ICdtcngtc2l6ZS1zbWFsbCdcclxufVxyXG5leHBvcnQgdHlwZSBCYWRnZVNpemVUeXBlID0gJ3NtYWxsJyB8ICdkZWZhdWx0J1xyXG5cclxuZXhwb3J0IGVudW0gQmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW0ge1xyXG4gICd0YWcnID0gJ21yeC1iYWRnZS10YWcnLFxyXG4gICdsaW5rJyA9ICdtcngtYmFkZ2UtbGluaycsXHJcbiAgJ2J1dHRvbicgPSAnbXJ4LWJhZGdlLWJ1dHRvbidcclxufVxyXG5leHBvcnQgdHlwZSBCYWRnZVRhZ1R5cGUgPSAndGFnJyB8ICdsaW5rJyB8ICdidXR0b24nXHJcblxyXG5leHBvcnQgZW51bSBCYWRnZUNvbG9yQ2xhc3Nlc0VudW0ge1xyXG4gICdwb3NpdGl2ZScgPSAnY29sb3ItcG9zaXRpdmUnLFxyXG4gICduZWdhdGl2ZScgPSAnY29sb3ItbmVnYXRpdmUnLFxyXG4gICdhdHRlbnRpb24nID0gJ2NvbG9yLWF0dGVudGlvbicsXHJcbiAgJ25ldXRyYWwnID0gJ2NvbG9yLW5ldXRyYWwnLFxyXG4gICdicmFuZCcgPSAnY29sb3ItYnJhbmQnLFxyXG59XHJcblxyXG5leHBvcnQgdHlwZSBCYWRnZUNvbG9yVHlwZSA9ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJhbCcgfCAnYnJhbmQnXHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEJhZGdlSSB7XHJcbiAgdHlwZT86IEJhZGdlVHlwZSxcclxuICB0YWc/OiBCYWRnZVRhZ1R5cGUsXHJcbiAgY29sb3I/OiBCYWRnZUNvbG9yVHlwZSxcclxuICBwYXRoPzogc3RyaW5nLFxyXG4gIHRleHQ6IHN0cmluZ1xyXG59XHJcbiJdfQ==
+export var BadgeTargetTypesEnum;
+(function (BadgeTargetTypesEnum) {
+    BadgeTargetTypesEnum["_self"] = "_self";
+    BadgeTargetTypesEnum["_blank"] = "_blank";
+    BadgeTargetTypesEnum["_parent"] = "_parent";
+    BadgeTargetTypesEnum["_top"] = "_top";
+})(BadgeTargetTypesEnum || (BadgeTargetTypesEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvYmFkZ2UuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQUdYO0FBSEQsV0FBWSxhQUFhO0lBQ3ZCLDZDQUE4QixDQUFBO0lBQzlCLDJDQUE0QixDQUFBO0FBQzlCLENBQUMsRUFIVyxhQUFhLEtBQWIsYUFBYSxRQUd4QjtBQUdELE1BQU0sQ0FBTixJQUFZLGFBR1g7QUFIRCxXQUFZLGFBQWE7SUFDdkIsNkNBQThCLENBQUE7SUFDOUIseUNBQTBCLENBQUE7QUFDNUIsQ0FBQyxFQUhXLGFBQWEsS0FBYixhQUFhLFFBR3hCO0FBR0QsTUFBTSxDQUFOLElBQVksdUJBSVg7QUFKRCxXQUFZLHVCQUF1QjtJQUNqQyxnREFBdUIsQ0FBQTtJQUN2QixrREFBeUIsQ0FBQTtJQUN6QixzREFBNkIsQ0FBQTtBQUMvQixDQUFDLEVBSlcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUlsQztBQUdELE1BQU0sQ0FBTixJQUFZLHFCQU1YO0FBTkQsV0FBWSxxQkFBcUI7SUFDL0IsOERBQXVDLENBQUE7SUFDdkMsOERBQXVDLENBQUE7SUFDdkMsZ0VBQXlDLENBQUE7SUFDekMsNERBQXFDLENBQUE7SUFDckMsd0RBQWlDLENBQUE7QUFDbkMsQ0FBQyxFQU5XLHFCQUFxQixLQUFyQixxQkFBcUIsUUFNaEM7QUFZRCxNQUFNLENBQU4sSUFBWSxvQkFLWDtBQUxELFdBQVksb0JBQW9CO0lBQzlCLHVDQUFpQixDQUFBO0lBQ2pCLHlDQUFtQixDQUFBO0lBQ25CLDJDQUFxQixDQUFBO0lBQ3JCLHFDQUFlLENBQUE7QUFDakIsQ0FBQyxFQUxXLG9CQUFvQixLQUFwQixvQkFBb0IsUUFLL0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCYWRnZVR5cGVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LXR5cGUtZGVmYXVsdCcsXHJcbiAgJ2NpcmNsZScgPSAnbXJ4LXR5cGUtY2lyY2xlJ1xyXG59XHJcbmV4cG9ydCB0eXBlIEJhZGdlVHlwZSA9ICdkZWZhdWx0JyB8ICdjaXJjbGUnXHJcblxyXG5leHBvcnQgZW51bSBCYWRnZVNpemVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LXNpemUtZGVmYXVsdCcsXHJcbiAgJ3NtYWxsJyA9ICdtcngtc2l6ZS1zbWFsbCdcclxufVxyXG5leHBvcnQgdHlwZSBCYWRnZVNpemVUeXBlID0gJ3NtYWxsJyB8ICdkZWZhdWx0J1xyXG5cclxuZXhwb3J0IGVudW0gQmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW0ge1xyXG4gICd0YWcnID0gJ21yeC1iYWRnZS10YWcnLFxyXG4gICdsaW5rJyA9ICdtcngtYmFkZ2UtbGluaycsXHJcbiAgJ2J1dHRvbicgPSAnbXJ4LWJhZGdlLWJ1dHRvbidcclxufVxyXG5leHBvcnQgdHlwZSBCYWRnZVRhZ1R5cGUgPSAndGFnJyB8ICdsaW5rJyB8ICdidXR0b24nXHJcblxyXG5leHBvcnQgZW51bSBCYWRnZUNvbG9yQ2xhc3Nlc0VudW0ge1xyXG4gICdwb3NpdGl2ZScgPSAnbXJ4LWJhZGdlLWNvbG9yLXBvc2l0aXZlJyxcclxuICAnbmVnYXRpdmUnID0gJ21yeC1iYWRnZS1jb2xvci1uZWdhdGl2ZScsXHJcbiAgJ2F0dGVudGlvbicgPSAnbXJ4LWJhZGdlLWNvbG9yLWF0dGVudGlvbicsXHJcbiAgJ25ldXRyYWwnID0gJ21yeC1iYWRnZS1jb2xvci1uZXV0cmFsJyxcclxuICAnYnJhbmQnID0gJ21yeC1iYWRnZS1jb2xvci1icmFuZCcsXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIEJhZGdlQ29sb3JUeXBlID0gJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZScgfCAnYXR0ZW50aW9uJyB8ICduZXV0cmFsJyB8ICdicmFuZCdcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFkZ2VJIHtcclxuICB0eXBlPzogQmFkZ2VUeXBlLFxyXG4gIHRhZz86IEJhZGdlVGFnVHlwZSxcclxuICBjb2xvcj86IEJhZGdlQ29sb3JUeXBlLFxyXG4gIHBhdGg/OiBzdHJpbmcsXHJcbiAgdGV4dDogc3RyaW5nXHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIEJhZGdlVGFyZ2V0VHlwZXNFbnVtIHtcclxuICAnX3NlbGYnID0gJ19zZWxmJyxcclxuICAnX2JsYW5rJyA9ICdfYmxhbmsnLFxyXG4gICdfcGFyZW50JyA9ICdfcGFyZW50JyxcclxuICAnX3RvcCcgPSAnX3RvcCcsXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIEJhZGdlVGFyZ2V0VHlwZXMgPSAnX3NlbGYnIHwgJ19ibGFuaycgfCAnX3BhcmVudCcgfCAnX3RvcCdcclxuIl19

package/esm2020/lib/components/badges/components/badge/badge.component.mjs

@@ -1,5 +1,6 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import { BadgeColorClassesEnum, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTypeEnum, } from '../../badge.enum';
+import { LinkTargetTypesEnum } from '../../../link/link.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class BadgeComponent {
@@ -10,6 +11,7 @@ export class BadgeComponent {
         this.color = 'brand';
         this.text = '';
         this.customClasses = '';
+        this.target = '_self';
         this.clicked = new EventEmitter();
     }
     get getCustomColor() {
@@ -18,6 +20,9 @@ export class BadgeComponent {
     get getClasses() {
         return `${this.customClasses} ${BadgeTagTypeClassesEnum[this.tag]} ${BadgeTypeEnum[this.type]} ${this.customColor ? '' : BadgeColorClassesEnum[this.color]} ${BadgeSizeEnum[this.size]}`;
     }
+    get getTarget() {
+        return LinkTargetTypesEnum[this.target];
+    }
     onClick($event) {
         this.clicked.emit({
             type: this.type,
@@ -28,10 +33,10 @@ export class BadgeComponent {
     }
 }
 BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BadgeComponent, selector: "mrx-badge", inputs: { type: "type", tag: "tag", size: "size", color: "color", customColor: "customColor", text: "text", path: "path", customClasses: "customClasses" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"tag\">\r\n  <ng-container *ngSwitchCase=\"'button'\">\r\n    <button\r\n        class=\"mrx-badge\"\r\n        [class]=\"getClasses\"\r\n        [style]=\"{ backgroundColor: getCustomColor }\"\r\n        (click)=\"onClick($event)\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-container *ngSwitchCase=\"'link'\">\r\n    <a [href]=\"path\" class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </a>\r\n  </ng-container>\r\n\r\n  <ng-container *ngSwitchDefault>\r\n    <span class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </span>\r\n  </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BadgeComponent, selector: "mrx-badge", inputs: { type: "type", tag: "tag", size: "size", color: "color", customColor: "customColor", text: "text", path: "path", customClasses: "customClasses", target: "target" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"tag\">\r\n  <ng-container *ngSwitchCase=\"'button'\">\r\n    <button\r\n      class=\"mrx-badge\"\r\n      [class]=\"getClasses\"\r\n      [style]=\"{ backgroundColor: getCustomColor }\"\r\n      (click)=\"onClick($event)\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-container *ngSwitchCase=\"'link'\">\r\n    <a [href]=\"path\" class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\" [target]=\"getTarget\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </a>\r\n  </ng-container>\r\n\r\n  <ng-container *ngSwitchDefault>\r\n    <span class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </span>\r\n  </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".mrx-badge.mrx-badge{display:block;font-family:var(--body-sm-font-famil);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-badge.mrx-badge.mrx-badge-color-positive{background-color:var(--system-bg-positive-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-link:hover{background-color:var(--system-bg-positive-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-negative{background-color:var(--system-bg-negative-primary);color:var(--neutral-text-primary)!important}.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-link:hover{background-color:var(--system-bg-negative-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-attention{background-color:var(--system-bg-attention-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-link:hover{background-color:var(--system-bg-attention-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-neutral{background-color:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-link:hover{background-color:var(--neutral-bg-island-hover)}.mrx-badge.mrx-badge.mrx-badge-color-brand{background-color:var(--brand-bg-secondary-default);color:var(--brand-text-accent)}.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-link:hover{background-color:var(--brand-bg-secondary-hover)}.mrx-badge.mrx-badge.mrx-badge-button{border:none;outline:none;cursor:pointer}.mrx-badge.mrx-badge.mrx-badge-link{text-decoration:none;cursor:pointer}.mrx-badge.mrx-badge.mrx-type-default{border-radius:var(--border-radius-1)}.mrx-badge.mrx-badge.mrx-type-default.mrx-size-default{padding:var(--spacing-1) var(--spacing-3)}.mrx-badge.mrx-badge.mrx-type-default.mrx-size-small{padding:1px var(--spacing-2)}.mrx-badge.mrx-badge.mrx-type-circle{border-radius:var(--border-radius-3);text-align:center}.mrx-badge.mrx-badge.mrx-type-circle.mrx-size-default{padding:var(--spacing-1) var(--spacing-2);min-width:var(--sizing-6)}.mrx-badge.mrx-badge.mrx-type-circle.mrx-size-small{padding:var(--sizing-helf) var(--spacing-1);min-width:var(--sizing-5)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-badge', template: "<ng-container [ngSwitch]=\"tag\">\r\n  <ng-container *ngSwitchCase=\"'button'\">\r\n    <button\r\n        class=\"mrx-badge\"\r\n        [class]=\"getClasses\"\r\n        [style]=\"{ backgroundColor: getCustomColor }\"\r\n        (click)=\"onClick($event)\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-container *ngSwitchCase=\"'link'\">\r\n    <a [href]=\"path\" class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </a>\r\n  </ng-container>\r\n\r\n  <ng-container *ngSwitchDefault>\r\n    <span class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </span>\r\n  </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n" }]
+            args: [{ selector: 'mrx-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"tag\">\r\n  <ng-container *ngSwitchCase=\"'button'\">\r\n    <button\r\n      class=\"mrx-badge\"\r\n      [class]=\"getClasses\"\r\n      [style]=\"{ backgroundColor: getCustomColor }\"\r\n      (click)=\"onClick($event)\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-container *ngSwitchCase=\"'link'\">\r\n    <a [href]=\"path\" class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\" [target]=\"getTarget\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </a>\r\n  </ng-container>\r\n\r\n  <ng-container *ngSwitchDefault>\r\n    <span class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\r\n    </span>\r\n  </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".mrx-badge.mrx-badge{display:block;font-family:var(--body-sm-font-famil);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}.mrx-badge.mrx-badge.mrx-badge-color-positive{background-color:var(--system-bg-positive-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-positive.mrx-badge-link:hover{background-color:var(--system-bg-positive-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-negative{background-color:var(--system-bg-negative-primary);color:var(--neutral-text-primary)!important}.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-negative.mrx-badge-link:hover{background-color:var(--system-bg-negative-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-attention{background-color:var(--system-bg-attention-primary);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-attention.mrx-badge-link:hover{background-color:var(--system-bg-attention-primary-hover)}.mrx-badge.mrx-badge.mrx-badge-color-neutral{background-color:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-neutral.mrx-badge-link:hover{background-color:var(--neutral-bg-island-hover)}.mrx-badge.mrx-badge.mrx-badge-color-brand{background-color:var(--brand-bg-secondary-default);color:var(--brand-text-accent)}.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-button,.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-link{transition:background-color .2s}.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-button:hover,.mrx-badge.mrx-badge.mrx-badge-color-brand.mrx-badge-link:hover{background-color:var(--brand-bg-secondary-hover)}.mrx-badge.mrx-badge.mrx-badge-button{border:none;outline:none;cursor:pointer}.mrx-badge.mrx-badge.mrx-badge-link{text-decoration:none;cursor:pointer}.mrx-badge.mrx-badge.mrx-type-default{border-radius:var(--border-radius-1)}.mrx-badge.mrx-badge.mrx-type-default.mrx-size-default{padding:var(--spacing-1) var(--spacing-3)}.mrx-badge.mrx-badge.mrx-type-default.mrx-size-small{padding:1px var(--spacing-2)}.mrx-badge.mrx-badge.mrx-type-circle{border-radius:var(--border-radius-3);text-align:center}.mrx-badge.mrx-badge.mrx-type-circle.mrx-size-default{padding:var(--spacing-1) var(--spacing-2);min-width:var(--sizing-6)}.mrx-badge.mrx-badge.mrx-type-circle.mrx-size-small{padding:var(--sizing-helf) var(--spacing-1);min-width:var(--sizing-5)}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], tag: [{
@@ -48,7 +53,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], customClasses: [{
                 type: Input
+            }], target: [{
+                type: Input
             }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFDTCxxQkFBcUIsRUFBMEIsYUFBYSxFQUErQix1QkFBdUIsRUFDdkcsYUFBYSxHQUN6QixNQUFNLGtCQUFrQixDQUFDOzs7QUFNMUIsTUFBTSxPQUFPLGNBQWM7SUFKM0I7UUFLVyxTQUFJLEdBQWMsU0FBUyxDQUFBO1FBQzNCLFFBQUcsR0FBaUIsS0FBSyxDQUFBO1FBQ3pCLFNBQUksR0FBa0IsU0FBUyxDQUFBO1FBQy9CLFVBQUssR0FBbUIsT0FBTyxDQUFBO1FBRS9CLFNBQUksR0FBRyxFQUFFLENBQUE7UUFFVCxrQkFBYSxHQUFHLEVBQUUsQ0FBQTtRQUVqQixZQUFPLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7S0FrQnRFO0lBaEJDLElBQVcsY0FBYztRQUN2QixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtJQUNuRCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLHVCQUF1QixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUMzTCxDQUFDO0lBRU0sT0FBTyxDQUFDLE1BQWtCO1FBQy9CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2hCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDaEIsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs7MkdBM0JVLGNBQWM7K0ZBQWQsY0FBYyw4T0NWM0IsOC9CQTRCQTsyRkRsQmEsY0FBYztrQkFKMUIsU0FBUzsrQkFDRSxXQUFXOzhCQUlaLElBQUk7c0JBQVosS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBCYWRnZUNvbG9yQ2xhc3Nlc0VudW0sIEJhZGdlQ29sb3JUeXBlLCBCYWRnZUksIEJhZGdlU2l6ZUVudW0sIEJhZGdlU2l6ZVR5cGUsIEJhZGdlVGFnVHlwZSwgQmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW0sXHJcbiAgQmFkZ2VUeXBlLCBCYWRnZVR5cGVFbnVtLFxyXG59IGZyb20gJy4uLy4uL2JhZGdlLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtYmFkZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0eXBlOiBCYWRnZVR5cGUgPSAnZGVmYXVsdCdcclxuICBASW5wdXQoKSB0YWc6IEJhZGdlVGFnVHlwZSA9ICd0YWcnXHJcbiAgQElucHV0KCkgc2l6ZTogQmFkZ2VTaXplVHlwZSA9ICdkZWZhdWx0J1xyXG4gIEBJbnB1dCgpIGNvbG9yOiBCYWRnZUNvbG9yVHlwZSA9ICdicmFuZCdcclxuICBASW5wdXQoKSBjdXN0b21Db2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkXHJcbiAgQElucHV0KCkgdGV4dCA9ICcnXHJcbiAgQElucHV0KCkgcGF0aDogc3RyaW5nIHwgdW5kZWZpbmVkXHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3NlcyA9ICcnXHJcblxyXG4gIEBPdXRwdXQoKSBjbGlja2VkOiBFdmVudEVtaXR0ZXI8QmFkZ2VJPiA9IG5ldyBFdmVudEVtaXR0ZXI8QmFkZ2VJPigpO1xyXG5cclxuICBwdWJsaWMgZ2V0IGdldEN1c3RvbUNvbG9yKCk6IHN0cmluZyB8IG51bGwge1xyXG4gICAgcmV0dXJuIHRoaXMuY3VzdG9tQ29sb3IgPyB0aGlzLmN1c3RvbUNvbG9yIDogbnVsbFxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRDbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYCR7dGhpcy5jdXN0b21DbGFzc2VzfSAke0JhZGdlVGFnVHlwZUNsYXNzZXNFbnVtW3RoaXMudGFnXX0gJHtCYWRnZVR5cGVFbnVtW3RoaXMudHlwZV19ICR7dGhpcy5jdXN0b21Db2xvciA/ICcnIDogQmFkZ2VDb2xvckNsYXNzZXNFbnVtW3RoaXMuY29sb3JdfSAke0JhZGdlU2l6ZUVudW1bdGhpcy5zaXplXX1gO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2xpY2soJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLmNsaWNrZWQuZW1pdCh7XHJcbiAgICAgIHR5cGU6IHRoaXMudHlwZSxcclxuICAgICAgY29sb3I6IHRoaXMuY29sb3IsXHJcbiAgICAgIHRleHQ6IHRoaXMudGV4dCxcclxuICAgICAgcGF0aDogdGhpcy5wYXRoXHJcbiAgICB9KVxyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0YWdcIj5cclxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYnV0dG9uJ1wiPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICAgIGNsYXNzPVwibXJ4LWJhZGdlXCJcclxuICAgICAgICBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiXHJcbiAgICAgICAgW3N0eWxlXT1cInsgYmFja2dyb3VuZENvbG9yOiBnZXRDdXN0b21Db2xvciB9XCJcclxuICAgICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57e3RleHR9fVxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidsaW5rJ1wiPlxyXG4gICAgPGEgW2hyZWZdPVwicGF0aFwiIGNsYXNzPVwibXJ4LWJhZGdlXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIiBbc3R5bGVdPVwieyBiYWNrZ3JvdW5kQ29sb3I6IGdldEN1c3RvbUNvbG9yIH1cIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57e3RleHR9fVxyXG4gICAgPC9hPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XHJcbiAgICA8c3BhbiBjbGFzcz1cIm1yeC1iYWRnZVwiIFtjbGFzc109XCJnZXRDbGFzc2VzXCIgW3N0eWxlXT1cInsgYmFja2dyb3VuZENvbG9yOiBnZXRDdXN0b21Db2xvciB9XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+e3t0ZXh0fX1cclxuICAgIDwvc3Bhbj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFDTCxxQkFBcUIsRUFHckIsYUFBYSxFQUdiLHVCQUF1QixFQUd2QixhQUFhLEdBQ2QsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBUTlELE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBT1csU0FBSSxHQUFjLFNBQVMsQ0FBQTtRQUMzQixRQUFHLEdBQWlCLEtBQUssQ0FBQTtRQUN6QixTQUFJLEdBQWtCLFNBQVMsQ0FBQTtRQUMvQixVQUFLLEdBQW1CLE9BQU8sQ0FBQTtRQUUvQixTQUFJLEdBQUcsRUFBRSxDQUFBO1FBRVQsa0JBQWEsR0FBRyxFQUFFLENBQUE7UUFDbEIsV0FBTSxHQUFxQixPQUFPLENBQUM7UUFFbEMsWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0tBc0J0RTtJQXBCQyxJQUFXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7SUFDbkQsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLEdBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDM0wsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLG1CQUFtQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUN6QyxDQUFDO0lBRU0sT0FBTyxDQUFDLE1BQWtCO1FBQy9CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2hCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDaEIsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs7MkdBaENVLGNBQWM7K0ZBQWQsY0FBYyxnUUNyQjNCLDZnQ0E0QkE7MkZEUGEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIEJhZGdlQ29sb3JDbGFzc2VzRW51bSxcclxuICBCYWRnZUNvbG9yVHlwZSxcclxuICBCYWRnZUksXHJcbiAgQmFkZ2VTaXplRW51bSxcclxuICBCYWRnZVNpemVUeXBlLFxyXG4gIEJhZGdlVGFnVHlwZSxcclxuICBCYWRnZVRhZ1R5cGVDbGFzc2VzRW51bSxcclxuICBCYWRnZVRhcmdldFR5cGVzLFxyXG4gIEJhZGdlVHlwZSxcclxuICBCYWRnZVR5cGVFbnVtLFxyXG59IGZyb20gJy4uLy4uL2JhZGdlLmVudW0nO1xyXG5pbXBvcnQgeyBMaW5rVGFyZ2V0VHlwZXNFbnVtIH0gZnJvbSAnLi4vLi4vLi4vbGluay9saW5rLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtYmFkZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0eXBlOiBCYWRnZVR5cGUgPSAnZGVmYXVsdCdcclxuICBASW5wdXQoKSB0YWc6IEJhZGdlVGFnVHlwZSA9ICd0YWcnXHJcbiAgQElucHV0KCkgc2l6ZTogQmFkZ2VTaXplVHlwZSA9ICdkZWZhdWx0J1xyXG4gIEBJbnB1dCgpIGNvbG9yOiBCYWRnZUNvbG9yVHlwZSA9ICdicmFuZCdcclxuICBASW5wdXQoKSBjdXN0b21Db2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkXHJcbiAgQElucHV0KCkgdGV4dCA9ICcnXHJcbiAgQElucHV0KCkgcGF0aDogc3RyaW5nIHwgdW5kZWZpbmVkXHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3NlcyA9ICcnXHJcbiAgQElucHV0KCkgdGFyZ2V0OiBCYWRnZVRhcmdldFR5cGVzID0gJ19zZWxmJztcclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxCYWRnZUk+ID0gbmV3IEV2ZW50RW1pdHRlcjxCYWRnZUk+KCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q3VzdG9tQ29sb3IoKTogc3RyaW5nIHwgbnVsbCB7XHJcbiAgICByZXR1cm4gdGhpcy5jdXN0b21Db2xvciA/IHRoaXMuY3VzdG9tQ29sb3IgOiBudWxsXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHt0aGlzLmN1c3RvbUNsYXNzZXN9ICR7QmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW1bdGhpcy50YWddfSAke0JhZGdlVHlwZUVudW1bdGhpcy50eXBlXX0gJHt0aGlzLmN1c3RvbUNvbG9yID8gJycgOiBCYWRnZUNvbG9yQ2xhc3Nlc0VudW1bdGhpcy5jb2xvcl19ICR7QmFkZ2VTaXplRW51bVt0aGlzLnNpemVdfWA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldFRhcmdldCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIExpbmtUYXJnZXRUeXBlc0VudW1bdGhpcy50YXJnZXRdXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbGljaygkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xpY2tlZC5lbWl0KHtcclxuICAgICAgdHlwZTogdGhpcy50eXBlLFxyXG4gICAgICBjb2xvcjogdGhpcy5jb2xvcixcclxuICAgICAgdGV4dDogdGhpcy50ZXh0LFxyXG4gICAgICBwYXRoOiB0aGlzLnBhdGhcclxuICAgIH0pXHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInRhZ1wiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIididXR0b24nXCI+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgIGNsYXNzPVwibXJ4LWJhZGdlXCJcclxuICAgICAgW2NsYXNzXT1cImdldENsYXNzZXNcIlxyXG4gICAgICBbc3R5bGVdPVwieyBiYWNrZ3JvdW5kQ29sb3I6IGdldEN1c3RvbUNvbG9yIH1cIlxyXG4gICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57e3RleHR9fVxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidsaW5rJ1wiPlxyXG4gICAgPGEgW2hyZWZdPVwicGF0aFwiIGNsYXNzPVwibXJ4LWJhZGdlXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIiBbc3R5bGVdPVwieyBiYWNrZ3JvdW5kQ29sb3I6IGdldEN1c3RvbUNvbG9yIH1cIiBbdGFyZ2V0XT1cImdldFRhcmdldFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPnt7dGV4dH19XHJcbiAgICA8L2E+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cclxuICAgIDxzcGFuIGNsYXNzPVwibXJ4LWJhZGdlXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIiBbc3R5bGVdPVwieyBiYWNrZ3JvdW5kQ29sb3I6IGdldEN1c3RvbUNvbG9yIH1cIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57e3RleHR9fVxyXG4gICAgPC9zcGFuPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==

package/esm2020/lib/components/badges/components/badge-group/badge-group.component.mjs

@@ -1,11 +1,11 @@
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class BadgeGroupComponent {
 }
 BadgeGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgeGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BadgeGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BadgeGroupComponent, selector: "mrx-badge-group", ngImport: i0, template: "<div class=\"mrx-badge-group\">\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
+BadgeGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BadgeGroupComponent, selector: "mrx-badge-group", ngImport: i0, template: "<div class=\"mrx-badge-group\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-badge-group.mrx-badge-group{display:flex;flex-wrap:wrap;gap:var(--sizing-1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgeGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-badge-group', template: "<div class=\"mrx-badge-group\">\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+            args: [{ selector: 'mrx-badge-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-badge-group\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".mrx-badge-group.mrx-badge-group{display:flex;flex-wrap:wrap;gap:var(--sizing-1)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlLWdyb3VwL2JhZGdlLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS1ncm91cC9iYWRnZS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0xQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUIsdURDTmhDLDhFQUdBOzJGREdhLG1CQUFtQjtrQkFKL0IsU0FBUzsrQkFDRSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWJhZGdlLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UtZ3JvdXAuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWRnZUdyb3VwQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1iYWRnZS1ncm91cFwiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlLWdyb3VwL2JhZGdlLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS1ncm91cC9iYWRnZS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUIsdURDUmhDLDhFQUdBOzJGREthLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWJhZGdlLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLWdyb3VwLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWRnZUdyb3VwQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1iYWRnZS1ncm91cFwiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/components/breadcrumbs/breadcrumbs.component.mjs

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { BreadcrumbsTypeEnum } from './breadcrumbs.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -13,10 +13,10 @@ export class BreadcrumbsComponent {
     }
 }
 BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'link'\">\r\n      <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n        <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n        {{item.text}}\r\n      </a>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ul class=\"mrx-breadcrumbs__list\">\r\n        <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n          <ng-container *ngIf=\"item.isLink; else span\">\r\n            <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n            <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n          </ng-container>\r\n\r\n          <ng-template #span>\r\n            <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n  </ng-container>\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.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs.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 .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 .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'link'\">\r\n      <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n        <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n        {{item.text}}\r\n      </a>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ul class=\"mrx-breadcrumbs__list\">\r\n        <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n          <ng-container *ngIf=\"item.isLink; else span\">\r\n            <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n            <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n          </ng-container>\r\n\r\n          <ng-template #span>\r\n            <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n  </ng-container>\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.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs.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 .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 .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-breadcrumbs', template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'link'\">\r\n      <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n        <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n        {{item.text}}\r\n      </a>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ul class=\"mrx-breadcrumbs__list\">\r\n        <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n          <ng-container *ngIf=\"item.isLink; else span\">\r\n            <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n            <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n          </ng-container>\r\n\r\n          <ng-template #span>\r\n            <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n  </ng-container>\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.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs.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 .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 .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"] }]
+            args: [{ selector: 'mrx-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'link'\">\r\n      <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\r\n        <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\r\n        {{item.text}}\r\n      </a>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ul class=\"mrx-breadcrumbs__list\">\r\n        <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\r\n          <ng-container *ngIf=\"item.isLink; else span\">\r\n            <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\r\n            <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\r\n          </ng-container>\r\n\r\n          <ng-template #span>\r\n            <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n  </ng-container>\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.mrx-breadcrumbs .mrx-breadcrumbs__link .mrx-icon{color:var(--brand-bg-primary-default)!important}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover{color:var(--brand-text-controls-hover)}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__link:hover .mrx-icon{color:var(--brand-text-controls-hover)!important}.mrx-breadcrumbs.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 .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 .mrx-breadcrumbs__list-item{display:flex}.mrx-breadcrumbs.mrx-breadcrumbs .mrx-breadcrumbs__list-item .mrx-icon{color:var(--neutral-icon-default)!important}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], items: [{
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], customClasses: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQXFDLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQU81RixNQUFNLE9BQU8sb0JBQW9CO0lBTGpDO1FBTVcsU0FBSSxHQUFvQixTQUFTLENBQUE7UUFDakMsVUFBSyxHQUF1QixFQUFFLENBQUE7UUFFOUIsa0JBQWEsR0FBRyxFQUFFLENBQUE7S0FLNUI7SUFIQyxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDbkUsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsK0lDUmpDLG1pQ0F5QkE7MkZEakJhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBS2xCLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyZWFkY3J1bWJzSXRlbUksIEJyZWFkY3J1bWJzVHlwZSwgQnJlYWRjcnVtYnNUeXBlRW51bSB9IGZyb20gJy4vYnJlYWRjcnVtYnMuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1icmVhZGNydW1icycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1icy5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1ic0NvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdHlwZTogQnJlYWRjcnVtYnNUeXBlID0gJ2RlZmF1bHQnXHJcbiAgQElucHV0KCkgaXRlbXM6IEJyZWFkY3J1bWJzSXRlbUlbXSA9IFtdXHJcbiAgQElucHV0KCkgaXRlbTogQnJlYWRjcnVtYnNJdGVtSSB8IHVuZGVmaW5lZFxyXG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzZXMgPSAnJ1xyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHt0aGlzLmN1c3RvbUNsYXNzZXN9ICR7QnJlYWRjcnVtYnNUeXBlRW51bVt0aGlzLnR5cGVdfWA7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiPlxyXG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidsaW5rJ1wiPlxyXG4gICAgICA8YSBjbGFzcz1cIm1yeC1icmVhZGNydW1ic19fbGlua1wiICpuZ0lmPVwiaXRlbVwiIFtocmVmXT1cIml0ZW0ucGF0aFwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1hcnJvdy1sZWZ0IGljb24tZm9udC0xNiBtci0xXCIgKm5nSWY9XCJpdGVtLmlzU2hvd0Fycm93XCI+PC9zcGFuPlxyXG4gICAgICAgIHt7aXRlbS50ZXh0fX1cclxuICAgICAgPC9hPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XHJcbiAgICAgIDx1bCBjbGFzcz1cIm1yeC1icmVhZGNydW1ic19fbGlzdFwiPlxyXG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzX19saXN0LWl0ZW1cIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLmlzTGluazsgZWxzZSBzcGFuXCI+XHJcbiAgICAgICAgICAgIDxhIGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzX19saW5rIG1yLTFcIiBbaHJlZl09XCJpdGVtLnBhdGhcIj57e2l0ZW0udGV4dH19PC9hPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2hldnJvbi1yaWdodCBpY29uLWZvbnQtMTYgbXItMVwiPjwvc3Bhbj5cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX3RhZ1wiPnt7aXRlbS50ZXh0fX08L3NwYW4+XHJcbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgIDwvdWw+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcblxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQXFDLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQVE1RixNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBT1csU0FBSSxHQUFvQixTQUFTLENBQUE7UUFDakMsVUFBSyxHQUF1QixFQUFFLENBQUE7UUFFOUIsa0JBQWEsR0FBRyxFQUFFLENBQUE7S0FLNUI7SUFIQyxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDbkUsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsK0lDVGpDLG1pQ0F5QkE7MkZEaEJhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyZWFkY3J1bWJzSXRlbUksIEJyZWFkY3J1bWJzVHlwZSwgQnJlYWRjcnVtYnNUeXBlRW51bSB9IGZyb20gJy4vYnJlYWRjcnVtYnMuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1icmVhZGNydW1icycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1icy5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYnNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHR5cGU6IEJyZWFkY3J1bWJzVHlwZSA9ICdkZWZhdWx0J1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBCcmVhZGNydW1ic0l0ZW1JW10gPSBbXVxyXG4gIEBJbnB1dCgpIGl0ZW06IEJyZWFkY3J1bWJzSXRlbUkgfCB1bmRlZmluZWRcclxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzID0gJydcclxuXHJcbiAgcHVibGljIGdldCBnZXRDbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYCR7dGhpcy5jdXN0b21DbGFzc2VzfSAke0JyZWFkY3J1bWJzVHlwZUVudW1bdGhpcy50eXBlXX1gO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIj5cclxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGluaydcIj5cclxuICAgICAgPGEgY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX2xpbmtcIiAqbmdJZj1cIml0ZW1cIiBbaHJlZl09XCJpdGVtLnBhdGhcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tYXJyb3ctbGVmdCBpY29uLWZvbnQtMTYgbXItMVwiICpuZ0lmPVwiaXRlbS5pc1Nob3dBcnJvd1wiPjwvc3Bhbj5cclxuICAgICAgICB7e2l0ZW0udGV4dH19XHJcbiAgICAgIDwvYT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxyXG4gICAgICA8dWwgY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX2xpc3RcIj5cclxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBjbGFzcz1cIm1yeC1icmVhZGNydW1ic19fbGlzdC1pdGVtXCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbS5pc0xpbms7IGVsc2Ugc3BhblwiPlxyXG4gICAgICAgICAgICA8YSBjbGFzcz1cIm1yeC1icmVhZGNydW1ic19fbGluayBtci0xXCIgW2hyZWZdPVwiaXRlbS5wYXRoXCI+e3tpdGVtLnRleHR9fTwvYT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNoZXZyb24tcmlnaHQgaWNvbi1mb250LTE2IG1yLTFcIj48L3NwYW4+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgI3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzX190YWdcIj57e2l0ZW0udGV4dH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICA8L3VsPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuIl19