myrta-ui 1.0.78 → 1.0.80

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

@@ -0,0 +1,45 @@
+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";
+export class AlertComponent {
+    constructor() {
+        this.customClasses = '';
+        this.color = 'info';
+        this.customColor = '';
+        this.message = '';
+        this.title = '';
+        this.closable = false;
+        this.close = new EventEmitter();
+    }
+    get getClasses() {
+        return `${AlertColorClasses[this.color] ?? ''} ${this.customClasses}`;
+    }
+    get getIconClass() {
+        return `${AlertIconClasses[this.color]}`;
+    }
+    onCloseClick() {
+        this.close.emit(null);
+    }
+}
+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}\">\n    <span\n        *ngIf=\"closable\"\n        class=\"mrx-icon icon-close icon-font-16\"\n        (click)=\"onCloseClick()\"\n    ></span>\n    <span\n        *ngIf=\"title || message\"\n        [class]=\"getIconClass\"\n        style=\"margin-top: 1px\"\n        class=\"mrx-icon icon-alert icon-font-16 mr-2\"\n    ></span>\n    <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\n    <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\n\n    <ng-content></ng-content>\n</div>\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', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-alert\" [class]=\"getClasses\" [style]=\"{backgroundColor: customColor}\">\n    <span\n        *ngIf=\"closable\"\n        class=\"mrx-icon icon-close icon-font-16\"\n        (click)=\"onCloseClick()\"\n    ></span>\n    <span\n        *ngIf=\"title || message\"\n        [class]=\"getIconClass\"\n        style=\"margin-top: 1px\"\n        class=\"mrx-icon icon-alert icon-font-16 mr-2\"\n    ></span>\n    <div *ngIf=\"title\" class=\"mrx-alert-title mb-1\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"title\"></div>\n    <div *ngIf=\"message\" class=\"mrx-alert-message\" [class.ml-4]=\"getIconClass\" [innerHTML]=\"message\"></div>\n\n    <ng-content></ng-content>\n</div>\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: [{
+                type: Input
+            }], customColor: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxpQkFBaUIsRUFBZSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBUWhGLE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBT1csa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFDM0IsVUFBSyxHQUFnQixNQUFNLENBQUM7UUFDNUIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFVBQUssR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWE3RDtJQVhDLElBQVcsVUFBVTtRQUNuQixPQUFPLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDeEUsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNyQixPQUFPLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7MkdBbkJVLGNBQWM7K0ZBQWQsY0FBYyxnT0NUM0IseXJCQWlCQTsyRkRSYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbGVydENvbG9yQ2xhc3NlcywgQWxlcnRDb2xvcnMsIEFsZXJ0SWNvbkNsYXNzZXMgfSBmcm9tICcuL2FsZXJ0LmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtcngtYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJ2FsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50Lmxlc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3Nlczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNvbG9yOiBBbGVydENvbG9ycyA9ICdpbmZvJztcbiAgQElucHV0KCkgY3VzdG9tQ29sb3I6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBtZXNzYWdlID0gJyc7XG4gIEBJbnB1dCgpIHRpdGxlID0gJyc7XG4gIEBJbnB1dCgpIGNsb3NhYmxlID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBjbG9zZTogRXZlbnRFbWl0dGVyPHVua25vd24+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpIHtcbiAgICByZXR1cm4gYCR7QWxlcnRDb2xvckNsYXNzZXNbdGhpcy5jb2xvcl0gPz8gJyd9ICR7dGhpcy5jdXN0b21DbGFzc2VzfWA7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGdldEljb25DbGFzcygpIHtcbiAgICByZXR1cm4gYCR7QWxlcnRJY29uQ2xhc3Nlc1t0aGlzLmNvbG9yXX1gO1xuICB9XG5cbiAgcHVibGljIG9uQ2xvc2VDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNsb3NlLmVtaXQobnVsbCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtcngtYWxlcnRcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiIFtzdHlsZV09XCJ7YmFja2dyb3VuZENvbG9yOiBjdXN0b21Db2xvcn1cIj5cbiAgICA8c3BhblxuICAgICAgICAqbmdJZj1cImNsb3NhYmxlXCJcbiAgICAgICAgY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0xNlwiXG4gICAgICAgIChjbGljayk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gICAgPjwvc3Bhbj5cbiAgICA8c3BhblxuICAgICAgICAqbmdJZj1cInRpdGxlIHx8IG1lc3NhZ2VcIlxuICAgICAgICBbY2xhc3NdPVwiZ2V0SWNvbkNsYXNzXCJcbiAgICAgICAgc3R5bGU9XCJtYXJnaW4tdG9wOiAxcHhcIlxuICAgICAgICBjbGFzcz1cIm1yeC1pY29uIGljb24tYWxlcnQgaWNvbi1mb250LTE2IG1yLTJcIlxuICAgID48L3NwYW4+XG4gICAgPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJtcngtYWxlcnQtdGl0bGUgbWItMVwiIFtjbGFzcy5tbC00XT1cImdldEljb25DbGFzc1wiIFtpbm5lckhUTUxdPVwidGl0bGVcIj48L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwibWVzc2FnZVwiIGNsYXNzPVwibXJ4LWFsZXJ0LW1lc3NhZ2VcIiBbY2xhc3MubWwtNF09XCJnZXRJY29uQ2xhc3NcIiBbaW5uZXJIVE1MXT1cIm1lc3NhZ2VcIj48L2Rpdj5cblxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,15 @@
+export var AlertColorClasses;
+(function (AlertColorClasses) {
+    AlertColorClasses["info"] = "color-info";
+    AlertColorClasses["success"] = "color-success";
+    AlertColorClasses["warning"] = "color-warning";
+    AlertColorClasses["danger"] = "color-danger";
+})(AlertColorClasses || (AlertColorClasses = {}));
+export var AlertIconClasses;
+(function (AlertIconClasses) {
+    AlertIconClasses["info"] = "icon-info";
+    AlertIconClasses["success"] = "icon-check-task";
+    AlertIconClasses["warning"] = "icon-attention";
+    AlertIconClasses["danger"] = "icon-attention";
+})(AlertIconClasses || (AlertIconClasses = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBTixJQUFZLGlCQUtYO0FBTEQsV0FBWSxpQkFBaUI7SUFDM0Isd0NBQXFCLENBQUE7SUFDckIsOENBQTJCLENBQUE7SUFDM0IsOENBQTJCLENBQUE7SUFDM0IsNENBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQUxXLGlCQUFpQixLQUFqQixpQkFBaUIsUUFLNUI7QUFFRCxNQUFNLENBQU4sSUFBWSxnQkFLWDtBQUxELFdBQVksZ0JBQWdCO0lBQzFCLHNDQUFvQixDQUFBO0lBQ3BCLCtDQUE2QixDQUFBO0lBQzdCLDhDQUE0QixDQUFBO0lBQzVCLDZDQUEyQixDQUFBO0FBQzdCLENBQUMsRUFMVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSzNCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQWxlcnRDb2xvcnMgPSAnZGFuZ2VyJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyB8ICdpbmZvJztcblxuZXhwb3J0IGVudW0gQWxlcnRDb2xvckNsYXNzZXMge1xuICAnaW5mbycgPSAnY29sb3ItaW5mbycsXG4gICdzdWNjZXNzJyA9ICdjb2xvci1zdWNjZXNzJyxcbiAgJ3dhcm5pbmcnID0gJ2NvbG9yLXdhcm5pbmcnLFxuICAnZGFuZ2VyJyA9ICdjb2xvci1kYW5nZXInLFxufVxuXG5leHBvcnQgZW51bSBBbGVydEljb25DbGFzc2VzIHtcbiAgJ2luZm8nID0gJ2ljb24taW5mbycsXG4gICdzdWNjZXNzJyA9ICdpY29uLWNoZWNrLXRhc2snLFxuICAnd2FybmluZycgPSAnaWNvbi1hdHRlbnRpb24nLFxuICAnZGFuZ2VyJyA9ICdpY29uLWF0dGVudGlvbicsXG59XG4iXX0=

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

@@ -0,0 +1,19 @@
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AlertComponent } from './alert.component';
+import * as i0 from "@angular/core";
+export class AlertModule {
+}
+AlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertModule, declarations: [AlertComponent], imports: [CommonModule], exports: [AlertComponent] });
+AlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AlertComponent],
+                    imports: [CommonModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [AlertComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBUW5ELE1BQU0sT0FBTyxXQUFXOzt3R0FBWCxXQUFXO3lHQUFYLFdBQVcsaUJBTFAsY0FBYyxhQUNuQixZQUFZLGFBRVosY0FBYzt5R0FFYixXQUFXLFlBSmIsQ0FBQyxZQUFZLENBQUM7MkZBSVosV0FBVztrQkFOdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBbGVydENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIGV4cG9ydHM6IFtBbGVydENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0TW9kdWxlIHt9XG4iXX0=

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

@@ -0,0 +1,32 @@
+export var BadgeTypeEnum;
+(function (BadgeTypeEnum) {
+    BadgeTypeEnum["default"] = "mrx-type-default";
+    BadgeTypeEnum["circle"] = "mrx-type-circle";
+})(BadgeTypeEnum || (BadgeTypeEnum = {}));
+export var BadgeSizeEnum;
+(function (BadgeSizeEnum) {
+    BadgeSizeEnum["default"] = "mrx-size-default";
+    BadgeSizeEnum["small"] = "mrx-size-small";
+})(BadgeSizeEnum || (BadgeSizeEnum = {}));
+export var BadgeTagTypeClassesEnum;
+(function (BadgeTagTypeClassesEnum) {
+    BadgeTagTypeClassesEnum["tag"] = "mrx-badge-tag";
+    BadgeTagTypeClassesEnum["link"] = "mrx-badge-link";
+    BadgeTagTypeClassesEnum["button"] = "mrx-badge-button";
+})(BadgeTagTypeClassesEnum || (BadgeTagTypeClassesEnum = {}));
+export var BadgeColorClassesEnum;
+(function (BadgeColorClassesEnum) {
+    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 = {}));
+export var BadgeTargetTypesEnum;
+(function (BadgeTargetTypesEnum) {
+    BadgeTargetTypesEnum["_self"] = "_self";
+    BadgeTargetTypesEnum["_blank"] = "_blank";
+    BadgeTargetTypesEnum["_parent"] = "_parent";
+    BadgeTargetTypesEnum["_top"] = "_top";
+})(BadgeTargetTypesEnum || (BadgeTargetTypesEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvYmFkZ2UuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQUdYO0FBSEQsV0FBWSxhQUFhO0lBQ3ZCLDZDQUE4QixDQUFBO0lBQzlCLDJDQUE0QixDQUFBO0FBQzlCLENBQUMsRUFIVyxhQUFhLEtBQWIsYUFBYSxRQUd4QjtBQUdELE1BQU0sQ0FBTixJQUFZLGFBR1g7QUFIRCxXQUFZLGFBQWE7SUFDdkIsNkNBQThCLENBQUE7SUFDOUIseUNBQTBCLENBQUE7QUFDNUIsQ0FBQyxFQUhXLGFBQWEsS0FBYixhQUFhLFFBR3hCO0FBR0QsTUFBTSxDQUFOLElBQVksdUJBSVg7QUFKRCxXQUFZLHVCQUF1QjtJQUNqQyxnREFBdUIsQ0FBQTtJQUN2QixrREFBeUIsQ0FBQTtJQUN6QixzREFBNkIsQ0FBQTtBQUMvQixDQUFDLEVBSlcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUlsQztBQUdELE1BQU0sQ0FBTixJQUFZLHFCQU1YO0FBTkQsV0FBWSxxQkFBcUI7SUFDL0IsOERBQXVDLENBQUE7SUFDdkMsOERBQXVDLENBQUE7SUFDdkMsZ0VBQXlDLENBQUE7SUFDekMsNERBQXFDLENBQUE7SUFDckMsd0RBQWlDLENBQUE7QUFDbkMsQ0FBQyxFQU5XLHFCQUFxQixLQUFyQixxQkFBcUIsUUFNaEM7QUFZRCxNQUFNLENBQU4sSUFBWSxvQkFLWDtBQUxELFdBQVksb0JBQW9CO0lBQzlCLHVDQUFpQixDQUFBO0lBQ2pCLHlDQUFtQixDQUFBO0lBQ25CLDJDQUFxQixDQUFBO0lBQ3JCLHFDQUFlLENBQUE7QUFDakIsQ0FBQyxFQUxXLG9CQUFvQixLQUFwQixvQkFBb0IsUUFLL0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCYWRnZVR5cGVFbnVtIHtcbiAgJ2RlZmF1bHQnID0gJ21yeC10eXBlLWRlZmF1bHQnLFxuICAnY2lyY2xlJyA9ICdtcngtdHlwZS1jaXJjbGUnXG59XG5leHBvcnQgdHlwZSBCYWRnZVR5cGUgPSAnZGVmYXVsdCcgfCAnY2lyY2xlJ1xuXG5leHBvcnQgZW51bSBCYWRnZVNpemVFbnVtIHtcbiAgJ2RlZmF1bHQnID0gJ21yeC1zaXplLWRlZmF1bHQnLFxuICAnc21hbGwnID0gJ21yeC1zaXplLXNtYWxsJ1xufVxuZXhwb3J0IHR5cGUgQmFkZ2VTaXplVHlwZSA9ICdzbWFsbCcgfCAnZGVmYXVsdCdcblxuZXhwb3J0IGVudW0gQmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW0ge1xuICAndGFnJyA9ICdtcngtYmFkZ2UtdGFnJyxcbiAgJ2xpbmsnID0gJ21yeC1iYWRnZS1saW5rJyxcbiAgJ2J1dHRvbicgPSAnbXJ4LWJhZGdlLWJ1dHRvbidcbn1cbmV4cG9ydCB0eXBlIEJhZGdlVGFnVHlwZSA9ICd0YWcnIHwgJ2xpbmsnIHwgJ2J1dHRvbidcblxuZXhwb3J0IGVudW0gQmFkZ2VDb2xvckNsYXNzZXNFbnVtIHtcbiAgJ3Bvc2l0aXZlJyA9ICdtcngtYmFkZ2UtY29sb3ItcG9zaXRpdmUnLFxuICAnbmVnYXRpdmUnID0gJ21yeC1iYWRnZS1jb2xvci1uZWdhdGl2ZScsXG4gICdhdHRlbnRpb24nID0gJ21yeC1iYWRnZS1jb2xvci1hdHRlbnRpb24nLFxuICAnbmV1dHJhbCcgPSAnbXJ4LWJhZGdlLWNvbG9yLW5ldXRyYWwnLFxuICAnYnJhbmQnID0gJ21yeC1iYWRnZS1jb2xvci1icmFuZCcsXG59XG5cbmV4cG9ydCB0eXBlIEJhZGdlQ29sb3JUeXBlID0gJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZScgfCAnYXR0ZW50aW9uJyB8ICduZXV0cmFsJyB8ICdicmFuZCdcblxuZXhwb3J0IGludGVyZmFjZSBCYWRnZUkge1xuICB0eXBlPzogQmFkZ2VUeXBlLFxuICB0YWc/OiBCYWRnZVRhZ1R5cGUsXG4gIGNvbG9yPzogQmFkZ2VDb2xvclR5cGUsXG4gIHBhdGg/OiBzdHJpbmcsXG4gIHRleHQ6IHN0cmluZ1xufVxuXG5leHBvcnQgZW51bSBCYWRnZVRhcmdldFR5cGVzRW51bSB7XG4gICdfc2VsZicgPSAnX3NlbGYnLFxuICAnX2JsYW5rJyA9ICdfYmxhbmsnLFxuICAnX3BhcmVudCcgPSAnX3BhcmVudCcsXG4gICdfdG9wJyA9ICdfdG9wJyxcbn1cblxuZXhwb3J0IHR5cGUgQmFkZ2VUYXJnZXRUeXBlcyA9ICdfc2VsZicgfCAnX2JsYW5rJyB8ICdfcGFyZW50JyB8ICdfdG9wJ1xuIl19

package/esm2020/lib/components/badges/badges.module.mjs

@@ -0,0 +1,32 @@
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BadgeComponent } from './components/badge/badge.component';
+import { BadgeGroupComponent } from './components/badge-group/badge-group.component';
+import * as i0 from "@angular/core";
+export class BadgesModule {
+}
+BadgesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BadgesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgesModule, declarations: [BadgeComponent,
+        BadgeGroupComponent], imports: [CommonModule], exports: [BadgeComponent,
+        BadgeGroupComponent] });
+BadgesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgesModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BadgesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BadgeComponent,
+                        BadgeGroupComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [
+                        BadgeComponent,
+                        BadgeGroupComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2VzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvYmFkZ2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7O0FBaUJyRixNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQVpyQixjQUFjO1FBQ2QsbUJBQW1CLGFBR25CLFlBQVksYUFJWixjQUFjO1FBQ2QsbUJBQW1COzBHQUdWLFlBQVksWUFUZDtZQUNQLFlBQVk7U0FDYjsyRkFPVSxZQUFZO2tCQWR4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixjQUFjO3dCQUNkLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRTt3QkFDUCxjQUFjO3dCQUNkLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCYWRnZUdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2JhZGdlLWdyb3VwL2JhZGdlLWdyb3VwLmNvbXBvbmVudCc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQmFkZ2VDb21wb25lbnQsXG4gICAgQmFkZ2VHcm91cENvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbiAgZXhwb3J0czogW1xuICAgIEJhZGdlQ29tcG9uZW50LFxuICAgIEJhZGdlR3JvdXBDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBCYWRnZXNNb2R1bGUge31cbiJdfQ==

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

@@ -0,0 +1,61 @@
+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 {
+    constructor() {
+        this.type = 'default';
+        this.tag = 'tag';
+        this.size = 'default';
+        this.color = 'brand';
+        this.text = '';
+        this.customClasses = '';
+        this.target = '_self';
+        this.clicked = new EventEmitter();
+    }
+    get getCustomColor() {
+        return this.customColor ? this.customColor : null;
+    }
+    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,
+            color: this.color,
+            text: this.text,
+            path: this.path
+        });
+    }
+}
+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", target: "target" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"tag\">\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button\n      class=\"mrx-badge\"\n      [class]=\"getClasses\"\n      [style]=\"{ backgroundColor: getCustomColor }\"\n      (click)=\"onClick($event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'link'\">\n    <a [href]=\"path\" class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\" [target]=\"getTarget\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\n    </a>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <span class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\n    </span>\n  </ng-container>\n</ng-container>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\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', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"tag\">\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button\n      class=\"mrx-badge\"\n      [class]=\"getClasses\"\n      [style]=\"{ backgroundColor: getCustomColor }\"\n      (click)=\"onClick($event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'link'\">\n    <a [href]=\"path\" class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\" [target]=\"getTarget\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\n    </a>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <span class=\"mrx-badge\" [class]=\"getClasses\" [style]=\"{ backgroundColor: getCustomColor }\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{text}}\n    </span>\n  </ng-container>\n</ng-container>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\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: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], customColor: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFDTCxxQkFBcUIsRUFHckIsYUFBYSxFQUdiLHVCQUF1QixFQUd2QixhQUFhLEdBQ2QsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBUTlELE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBT1csU0FBSSxHQUFjLFNBQVMsQ0FBQTtRQUMzQixRQUFHLEdBQWlCLEtBQUssQ0FBQTtRQUN6QixTQUFJLEdBQWtCLFNBQVMsQ0FBQTtRQUMvQixVQUFLLEdBQW1CLE9BQU8sQ0FBQTtRQUUvQixTQUFJLEdBQUcsRUFBRSxDQUFBO1FBRVQsa0JBQWEsR0FBRyxFQUFFLENBQUE7UUFDbEIsV0FBTSxHQUFxQixPQUFPLENBQUM7UUFFbEMsWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0tBc0J0RTtJQXBCQyxJQUFXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7SUFDbkQsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLEdBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDM0wsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLG1CQUFtQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUN6QyxDQUFDO0lBRU0sT0FBTyxDQUFDLE1BQWtCO1FBQy9CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2hCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDaEIsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs7MkdBaENVLGNBQWM7K0ZBQWQsY0FBYyxnUUNyQjNCLHE5QkE0QkE7MkZEUGEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQmFkZ2VDb2xvckNsYXNzZXNFbnVtLFxuICBCYWRnZUNvbG9yVHlwZSxcbiAgQmFkZ2VJLFxuICBCYWRnZVNpemVFbnVtLFxuICBCYWRnZVNpemVUeXBlLFxuICBCYWRnZVRhZ1R5cGUsXG4gIEJhZGdlVGFnVHlwZUNsYXNzZXNFbnVtLFxuICBCYWRnZVRhcmdldFR5cGVzLFxuICBCYWRnZVR5cGUsXG4gIEJhZGdlVHlwZUVudW0sXG59IGZyb20gJy4uLy4uL2JhZGdlLmVudW0nO1xuaW1wb3J0IHsgTGlua1RhcmdldFR5cGVzRW51bSB9IGZyb20gJy4uLy4uLy4uL2xpbmsvbGluay5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbXJ4LWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50Lmxlc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdHlwZTogQmFkZ2VUeXBlID0gJ2RlZmF1bHQnXG4gIEBJbnB1dCgpIHRhZzogQmFkZ2VUYWdUeXBlID0gJ3RhZydcbiAgQElucHV0KCkgc2l6ZTogQmFkZ2VTaXplVHlwZSA9ICdkZWZhdWx0J1xuICBASW5wdXQoKSBjb2xvcjogQmFkZ2VDb2xvclR5cGUgPSAnYnJhbmQnXG4gIEBJbnB1dCgpIGN1c3RvbUNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWRcbiAgQElucHV0KCkgdGV4dCA9ICcnXG4gIEBJbnB1dCgpIHBhdGg6IHN0cmluZyB8IHVuZGVmaW5lZFxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzID0gJydcbiAgQElucHV0KCkgdGFyZ2V0OiBCYWRnZVRhcmdldFR5cGVzID0gJ19zZWxmJztcblxuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPEJhZGdlST4gPSBuZXcgRXZlbnRFbWl0dGVyPEJhZGdlST4oKTtcblxuICBwdWJsaWMgZ2V0IGdldEN1c3RvbUNvbG9yKCk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmN1c3RvbUNvbG9yID8gdGhpcy5jdXN0b21Db2xvciA6IG51bGxcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHt0aGlzLmN1c3RvbUNsYXNzZXN9ICR7QmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW1bdGhpcy50YWddfSAke0JhZGdlVHlwZUVudW1bdGhpcy50eXBlXX0gJHt0aGlzLmN1c3RvbUNvbG9yID8gJycgOiBCYWRnZUNvbG9yQ2xhc3Nlc0VudW1bdGhpcy5jb2xvcl19ICR7QmFkZ2VTaXplRW51bVt0aGlzLnNpemVdfWA7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGdldFRhcmdldCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBMaW5rVGFyZ2V0VHlwZXNFbnVtW3RoaXMudGFyZ2V0XVxuICB9XG5cbiAgcHVibGljIG9uQ2xpY2soJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoe1xuICAgICAgdHlwZTogdGhpcy50eXBlLFxuICAgICAgY29sb3I6IHRoaXMuY29sb3IsXG4gICAgICB0ZXh0OiB0aGlzLnRleHQsXG4gICAgICBwYXRoOiB0aGlzLnBhdGhcbiAgICB9KVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0YWdcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2J1dHRvbidcIj5cbiAgICA8YnV0dG9uXG4gICAgICBjbGFzcz1cIm1yeC1iYWRnZVwiXG4gICAgICBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiXG4gICAgICBbc3R5bGVdPVwieyBiYWNrZ3JvdW5kQ29sb3I6IGdldEN1c3RvbUNvbG9yIH1cIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57e3RleHR9fVxuICAgIDwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGluaydcIj5cbiAgICA8YSBbaHJlZl09XCJwYXRoXCIgY2xhc3M9XCJtcngtYmFkZ2VcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiIFtzdHlsZV09XCJ7IGJhY2tncm91bmRDb2xvcjogZ2V0Q3VzdG9tQ29sb3IgfVwiIFt0YXJnZXRdPVwiZ2V0VGFyZ2V0XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPnt7dGV4dH19XG4gICAgPC9hPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgPHNwYW4gY2xhc3M9XCJtcngtYmFkZ2VcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiIFtzdHlsZV09XCJ7IGJhY2tncm91bmRDb2xvcjogZ2V0Q3VzdG9tQ29sb3IgfVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57e3RleHR9fVxuICAgIDwvc3Bhbj5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19

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

@@ -0,0 +1,11 @@
+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\">\n  <ng-content></ng-content>\n</div>\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', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-badge-group\">\n  <ng-content></ng-content>\n</div>\n", styles: [".mrx-badge-group.mrx-badge-group{display:flex;flex-wrap:wrap;gap:var(--sizing-1)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlLWdyb3VwL2JhZGdlLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS1ncm91cC9iYWRnZS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUIsdURDUmhDLHdFQUdBOzJGREthLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbXJ4LWJhZGdlLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UtZ3JvdXAuY29tcG9uZW50Lmxlc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlR3JvdXBDb21wb25lbnQge1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwibXJ4LWJhZGdlLWdyb3VwXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BreadcrumbsTypeEnum } from './breadcrumbs.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BreadcrumbsComponent {
+    constructor() {
+        this.type = 'default';
+        this.items = [];
+        this.customClasses = '';
+    }
+    get getClasses() {
+        return `${this.customClasses} ${BreadcrumbsTypeEnum[this.type]}`;
+    }
+}
+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\">\n  <ng-container [ngSwitch]=\"type\">\n    <ng-container *ngSwitchCase=\"'link'\">\n      <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\n        <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\n        {{item.text}}\n      </a>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <ul class=\"mrx-breadcrumbs__list\">\n        <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\n          <ng-container *ngIf=\"item.isLink; else span\">\n            <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\n            <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\n          </ng-container>\n\n          <ng-template #span>\n            <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\n          </ng-template>\n        </li>\n      </ul>\n    </ng-container>\n  </ng-container>\n</div>\n\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', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-breadcrumbs\" [class]=\"getClasses\">\n  <ng-container [ngSwitch]=\"type\">\n    <ng-container *ngSwitchCase=\"'link'\">\n      <a class=\"mrx-breadcrumbs__link\" *ngIf=\"item\" [href]=\"item.path\">\n        <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\" *ngIf=\"item.isShowArrow\"></span>\n        {{item.text}}\n      </a>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <ul class=\"mrx-breadcrumbs__list\">\n        <li *ngFor=\"let item of items\" class=\"mrx-breadcrumbs__list-item\">\n          <ng-container *ngIf=\"item.isLink; else span\">\n            <a class=\"mrx-breadcrumbs__link mr-1\" [href]=\"item.path\">{{item.text}}</a>\n            <span class=\"mrx-icon icon-chevron-right icon-font-16 mr-1\"></span>\n          </ng-container>\n\n          <ng-template #span>\n            <span class=\"mrx-breadcrumbs__tag\">{{item.text}}</span>\n          </ng-template>\n        </li>\n      </ul>\n    </ng-container>\n  </ng-container>\n</div>\n\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: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQXFDLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQVE1RixNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBT1csU0FBSSxHQUFvQixTQUFTLENBQUE7UUFDakMsVUFBSyxHQUF1QixFQUFFLENBQUE7UUFFOUIsa0JBQWEsR0FBRyxFQUFFLENBQUE7S0FLNUI7SUFIQyxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDbkUsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsK0lDVGpDLGkvQkF5QkE7MkZEaEJhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCcmVhZGNydW1ic0l0ZW1JLCBCcmVhZGNydW1ic1R5cGUsIEJyZWFkY3J1bWJzVHlwZUVudW0gfSBmcm9tICcuL2JyZWFkY3J1bWJzLmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtcngtYnJlYWRjcnVtYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1icy5jb21wb25lbnQubGVzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYnNDb21wb25lbnQge1xuICBASW5wdXQoKSB0eXBlOiBCcmVhZGNydW1ic1R5cGUgPSAnZGVmYXVsdCdcbiAgQElucHV0KCkgaXRlbXM6IEJyZWFkY3J1bWJzSXRlbUlbXSA9IFtdXG4gIEBJbnB1dCgpIGl0ZW06IEJyZWFkY3J1bWJzSXRlbUkgfCB1bmRlZmluZWRcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3NlcyA9ICcnXG5cbiAgcHVibGljIGdldCBnZXRDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuY3VzdG9tQ2xhc3Nlc30gJHtCcmVhZGNydW1ic1R5cGVFbnVtW3RoaXMudHlwZV19YDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1yeC1icmVhZGNydW1ic1wiIFtjbGFzc109XCJnZXRDbGFzc2VzXCI+XG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGluaydcIj5cbiAgICAgIDxhIGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzX19saW5rXCIgKm5nSWY9XCJpdGVtXCIgW2hyZWZdPVwiaXRlbS5wYXRoXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1hcnJvdy1sZWZ0IGljb24tZm9udC0xNiBtci0xXCIgKm5nSWY9XCJpdGVtLmlzU2hvd0Fycm93XCI+PC9zcGFuPlxuICAgICAgICB7e2l0ZW0udGV4dH19XG4gICAgICA8L2E+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgPHVsIGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzX19saXN0XCI+XG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzX19saXN0LWl0ZW1cIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbS5pc0xpbms7IGVsc2Ugc3BhblwiPlxuICAgICAgICAgICAgPGEgY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX2xpbmsgbXItMVwiIFtocmVmXT1cIml0ZW0ucGF0aFwiPnt7aXRlbS50ZXh0fX08L2E+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2hldnJvbi1yaWdodCBpY29uLWZvbnQtMTYgbXItMVwiPjwvc3Bhbj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzX190YWdcIj57e2l0ZW0udGV4dH19PC9zcGFuPlxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvbGk+XG4gICAgICA8L3VsPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuXG4iXX0=

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

@@ -0,0 +1,6 @@
+export var BreadcrumbsTypeEnum;
+(function (BreadcrumbsTypeEnum) {
+    BreadcrumbsTypeEnum["default"] = "mrx-breadcrumbs-default";
+    BreadcrumbsTypeEnum["link"] = "mrx-breadcrumbs-link";
+})(BreadcrumbsTypeEnum || (BreadcrumbsTypeEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLG1CQUdYO0FBSEQsV0FBWSxtQkFBbUI7SUFDN0IsMERBQXFDLENBQUE7SUFDckMsb0RBQStCLENBQUE7QUFDakMsQ0FBQyxFQUhXLG1CQUFtQixLQUFuQixtQkFBbUIsUUFHOUIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCcmVhZGNydW1ic1R5cGVFbnVtIHtcbiAgJ2RlZmF1bHQnID0gJ21yeC1icmVhZGNydW1icy1kZWZhdWx0JyxcbiAgJ2xpbmsnID0gJ21yeC1icmVhZGNydW1icy1saW5rJ1xufVxuZXhwb3J0IHR5cGUgQnJlYWRjcnVtYnNUeXBlID0gJ2RlZmF1bHQnIHwgJ2xpbmsnXG5cbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYnNJdGVtSSB7XG4gIHRleHQ6IHN0cmluZyxcbiAgcGF0aD86IHN0cmluZyxcbiAgaXNMaW5rPzogYm9vbGVhbixcbiAgaXNTaG93QXJyb3c/OiBib29sZWFuXG59XG4iXX0=

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

@@ -0,0 +1,27 @@
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BreadcrumbsComponent } from './breadcrumbs.component';
+import * as i0 from "@angular/core";
+export class BreadcrumbsModule {
+}
+BreadcrumbsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BreadcrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, declarations: [BreadcrumbsComponent], imports: [CommonModule], exports: [BreadcrumbsComponent] });
+BreadcrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BreadcrumbsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BreadcrumbsComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [
+                        BreadcrumbsComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFnQi9ELE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFWMUIsb0JBQW9CLGFBR3BCLFlBQVksYUFJWixvQkFBb0I7K0dBR1gsaUJBQWlCLFlBUm5CO1lBQ1AsWUFBWTtTQUNiOzJGQU1VLGlCQUFpQjtrQkFaN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjtxQkFDckI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJyZWFkY3J1bWJzQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1icy5jb21wb25lbnQnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQnJlYWRjcnVtYnNDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIGV4cG9ydHM6IFtcbiAgICBCcmVhZGNydW1ic0NvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzTW9kdWxlIHsgfVxuIl19