myrta-ui 0.0.1 → 1.0.2

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

@@ -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}\">\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', 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: [{
+                type: Input
+            }], customColor: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxpQkFBaUIsRUFBZSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBUWhGLE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBT1csa0JBQWEsR0FBVyxFQUFFLENBQUM7UUFDM0IsVUFBSyxHQUFnQixNQUFNLENBQUM7UUFDNUIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFVBQUssR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWE3RDtJQVhDLElBQVcsVUFBVTtRQUNuQixPQUFPLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDeEUsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNyQixPQUFPLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7MkdBbkJVLGNBQWM7K0ZBQWQsY0FBYyxnT0NUM0IsMnRCQWlCQTsyRkRSYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFsZXJ0Q29sb3JDbGFzc2VzLCBBbGVydENvbG9ycywgQWxlcnRJY29uQ2xhc3NlcyB9IGZyb20gJy4vYWxlcnQuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1hbGVydCcsXHJcbiAgdGVtcGxhdGVVcmw6ICdhbGVydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFsZXJ0Q29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBjb2xvcjogQWxlcnRDb2xvcnMgPSAnaW5mbyc7XHJcbiAgQElucHV0KCkgY3VzdG9tQ29sb3I6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIG1lc3NhZ2UgPSAnJztcclxuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xyXG4gIEBJbnB1dCgpIGNsb3NhYmxlID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNsb3NlOiBFdmVudEVtaXR0ZXI8dW5rbm93bj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpIHtcclxuICAgIHJldHVybiBgJHtBbGVydENvbG9yQ2xhc3Nlc1t0aGlzLmNvbG9yXSA/PyAnJ30gJHt0aGlzLmN1c3RvbUNsYXNzZXN9YDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0SWNvbkNsYXNzKCkge1xyXG4gICAgcmV0dXJuIGAke0FsZXJ0SWNvbkNsYXNzZXNbdGhpcy5jb2xvcl19YDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsb3NlQ2xpY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLmNsb3NlLmVtaXQobnVsbCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtYWxlcnRcIiBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiIFtzdHlsZV09XCJ7YmFja2dyb3VuZENvbG9yOiBjdXN0b21Db2xvcn1cIj5cclxuICAgIDxzcGFuXHJcbiAgICAgICAgKm5nSWY9XCJjbG9zYWJsZVwiXHJcbiAgICAgICAgY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0xNlwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VDbGljaygpXCJcclxuICAgID48L3NwYW4+XHJcbiAgICA8c3BhblxyXG4gICAgICAgICpuZ0lmPVwidGl0bGUgfHwgbWVzc2FnZVwiXHJcbiAgICAgICAgW2NsYXNzXT1cImdldEljb25DbGFzc1wiXHJcbiAgICAgICAgc3R5bGU9XCJtYXJnaW4tdG9wOiAxcHhcIlxyXG4gICAgICAgIGNsYXNzPVwibXJ4LWljb24gaWNvbi1hbGVydCBpY29uLWZvbnQtMTYgbXItMlwiXHJcbiAgICA+PC9zcGFuPlxyXG4gICAgPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJtcngtYWxlcnQtdGl0bGUgbWItMVwiIFtjbGFzcy5tbC00XT1cImdldEljb25DbGFzc1wiIFtpbm5lckhUTUxdPVwidGl0bGVcIj48L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJtZXNzYWdlXCIgY2xhc3M9XCJtcngtYWxlcnQtbWVzc2FnZVwiIFtjbGFzcy5tbC00XT1cImdldEljb25DbGFzc1wiIFtpbm5lckhUTUxdPVwibWVzc2FnZVwiPjwvZGl2PlxyXG5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBTixJQUFZLGlCQUtYO0FBTEQsV0FBWSxpQkFBaUI7SUFDM0Isd0NBQXFCLENBQUE7SUFDckIsOENBQTJCLENBQUE7SUFDM0IsOENBQTJCLENBQUE7SUFDM0IsNENBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQUxXLGlCQUFpQixLQUFqQixpQkFBaUIsUUFLNUI7QUFFRCxNQUFNLENBQU4sSUFBWSxnQkFLWDtBQUxELFdBQVksZ0JBQWdCO0lBQzFCLHNDQUFvQixDQUFBO0lBQ3BCLCtDQUE2QixDQUFBO0lBQzdCLDhDQUE0QixDQUFBO0lBQzVCLDZDQUEyQixDQUFBO0FBQzdCLENBQUMsRUFMVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSzNCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQWxlcnRDb2xvcnMgPSAnZGFuZ2VyJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyB8ICdpbmZvJztcclxuXHJcbmV4cG9ydCBlbnVtIEFsZXJ0Q29sb3JDbGFzc2VzIHtcclxuICAnaW5mbycgPSAnY29sb3ItaW5mbycsXHJcbiAgJ3N1Y2Nlc3MnID0gJ2NvbG9yLXN1Y2Nlc3MnLFxyXG4gICd3YXJuaW5nJyA9ICdjb2xvci13YXJuaW5nJyxcclxuICAnZGFuZ2VyJyA9ICdjb2xvci1kYW5nZXInLFxyXG59XHJcblxyXG5leHBvcnQgZW51bSBBbGVydEljb25DbGFzc2VzIHtcclxuICAnaW5mbycgPSAnaWNvbi1pbmZvJyxcclxuICAnc3VjY2VzcycgPSAnaWNvbi1jaGVjay10YXNrJyxcclxuICAnd2FybmluZycgPSAnaWNvbi1hdHRlbnRpb24nLFxyXG4gICdkYW5nZXInID0gJ2ljb24tYXR0ZW50aW9uJyxcclxufVxyXG4iXX0=

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBUW5ELE1BQU0sT0FBTyxXQUFXOzt3R0FBWCxXQUFXO3lHQUFYLFdBQVcsaUJBTFAsY0FBYyxhQUNuQixZQUFZLGFBRVosY0FBYzt5R0FFYixXQUFXLFlBSmIsQ0FBQyxZQUFZLENBQUM7MkZBSVosV0FBVztrQkFOdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBbGVydENvbXBvbmVudCB9IGZyb20gJy4vYWxlcnQuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQWxlcnRDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICBleHBvcnRzOiBbQWxlcnRDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWxlcnRNb2R1bGUge31cclxuIl19

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvYmFkZ2UuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQUdYO0FBSEQsV0FBWSxhQUFhO0lBQ3ZCLDZDQUE4QixDQUFBO0lBQzlCLDJDQUE0QixDQUFBO0FBQzlCLENBQUMsRUFIVyxhQUFhLEtBQWIsYUFBYSxRQUd4QjtBQUdELE1BQU0sQ0FBTixJQUFZLGFBR1g7QUFIRCxXQUFZLGFBQWE7SUFDdkIsNkNBQThCLENBQUE7SUFDOUIseUNBQTBCLENBQUE7QUFDNUIsQ0FBQyxFQUhXLGFBQWEsS0FBYixhQUFhLFFBR3hCO0FBR0QsTUFBTSxDQUFOLElBQVksdUJBSVg7QUFKRCxXQUFZLHVCQUF1QjtJQUNqQyxnREFBdUIsQ0FBQTtJQUN2QixrREFBeUIsQ0FBQTtJQUN6QixzREFBNkIsQ0FBQTtBQUMvQixDQUFDLEVBSlcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUlsQztBQUdELE1BQU0sQ0FBTixJQUFZLHFCQU1YO0FBTkQsV0FBWSxxQkFBcUI7SUFDL0IsOERBQXVDLENBQUE7SUFDdkMsOERBQXVDLENBQUE7SUFDdkMsZ0VBQXlDLENBQUE7SUFDekMsNERBQXFDLENBQUE7SUFDckMsd0RBQWlDLENBQUE7QUFDbkMsQ0FBQyxFQU5XLHFCQUFxQixLQUFyQixxQkFBcUIsUUFNaEM7QUFZRCxNQUFNLENBQU4sSUFBWSxvQkFLWDtBQUxELFdBQVksb0JBQW9CO0lBQzlCLHVDQUFpQixDQUFBO0lBQ2pCLHlDQUFtQixDQUFBO0lBQ25CLDJDQUFxQixDQUFBO0lBQ3JCLHFDQUFlLENBQUE7QUFDakIsQ0FBQyxFQUxXLG9CQUFvQixLQUFwQixvQkFBb0IsUUFLL0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCYWRnZVR5cGVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LXR5cGUtZGVmYXVsdCcsXHJcbiAgJ2NpcmNsZScgPSAnbXJ4LXR5cGUtY2lyY2xlJ1xyXG59XHJcbmV4cG9ydCB0eXBlIEJhZGdlVHlwZSA9ICdkZWZhdWx0JyB8ICdjaXJjbGUnXHJcblxyXG5leHBvcnQgZW51bSBCYWRnZVNpemVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LXNpemUtZGVmYXVsdCcsXHJcbiAgJ3NtYWxsJyA9ICdtcngtc2l6ZS1zbWFsbCdcclxufVxyXG5leHBvcnQgdHlwZSBCYWRnZVNpemVUeXBlID0gJ3NtYWxsJyB8ICdkZWZhdWx0J1xyXG5cclxuZXhwb3J0IGVudW0gQmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW0ge1xyXG4gICd0YWcnID0gJ21yeC1iYWRnZS10YWcnLFxyXG4gICdsaW5rJyA9ICdtcngtYmFkZ2UtbGluaycsXHJcbiAgJ2J1dHRvbicgPSAnbXJ4LWJhZGdlLWJ1dHRvbidcclxufVxyXG5leHBvcnQgdHlwZSBCYWRnZVRhZ1R5cGUgPSAndGFnJyB8ICdsaW5rJyB8ICdidXR0b24nXHJcblxyXG5leHBvcnQgZW51bSBCYWRnZUNvbG9yQ2xhc3Nlc0VudW0ge1xyXG4gICdwb3NpdGl2ZScgPSAnbXJ4LWJhZGdlLWNvbG9yLXBvc2l0aXZlJyxcclxuICAnbmVnYXRpdmUnID0gJ21yeC1iYWRnZS1jb2xvci1uZWdhdGl2ZScsXHJcbiAgJ2F0dGVudGlvbicgPSAnbXJ4LWJhZGdlLWNvbG9yLWF0dGVudGlvbicsXHJcbiAgJ25ldXRyYWwnID0gJ21yeC1iYWRnZS1jb2xvci1uZXV0cmFsJyxcclxuICAnYnJhbmQnID0gJ21yeC1iYWRnZS1jb2xvci1icmFuZCcsXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIEJhZGdlQ29sb3JUeXBlID0gJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZScgfCAnYXR0ZW50aW9uJyB8ICduZXV0cmFsJyB8ICdicmFuZCdcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFkZ2VJIHtcclxuICB0eXBlPzogQmFkZ2VUeXBlLFxyXG4gIHRhZz86IEJhZGdlVGFnVHlwZSxcclxuICBjb2xvcj86IEJhZGdlQ29sb3JUeXBlLFxyXG4gIHBhdGg/OiBzdHJpbmcsXHJcbiAgdGV4dDogc3RyaW5nXHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIEJhZGdlVGFyZ2V0VHlwZXNFbnVtIHtcclxuICAnX3NlbGYnID0gJ19zZWxmJyxcclxuICAnX2JsYW5rJyA9ICdfYmxhbmsnLFxyXG4gICdfcGFyZW50JyA9ICdfcGFyZW50JyxcclxuICAnX3RvcCcgPSAnX3RvcCcsXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIEJhZGdlVGFyZ2V0VHlwZXMgPSAnX3NlbGYnIHwgJ19ibGFuaycgfCAnX3BhcmVudCcgfCAnX3RvcCdcclxuIl19

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2VzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvYmFkZ2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7O0FBaUJyRixNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQVpyQixjQUFjO1FBQ2QsbUJBQW1CLGFBR25CLFlBQVksYUFJWixjQUFjO1FBQ2QsbUJBQW1COzBHQUdWLFlBQVksWUFUZDtZQUNQLFlBQVk7U0FDYjsyRkFPVSxZQUFZO2tCQWR4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixjQUFjO3dCQUNkLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRTt3QkFDUCxjQUFjO3dCQUNkLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBCYWRnZUdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2JhZGdlLWdyb3VwL2JhZGdlLWdyb3VwLmNvbXBvbmVudCc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIEJhZGdlQ29tcG9uZW50LFxyXG4gICAgQmFkZ2VHcm91cENvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQmFkZ2VDb21wb25lbnQsXHJcbiAgICBCYWRnZUdyb3VwQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFkZ2VzTW9kdWxlIHt9XHJcbiJdfQ==

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\">\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', 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: [{
+                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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFDTCxxQkFBcUIsRUFHckIsYUFBYSxFQUdiLHVCQUF1QixFQUd2QixhQUFhLEdBQ2QsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBUTlELE1BQU0sT0FBTyxjQUFjO0lBTjNCO1FBT1csU0FBSSxHQUFjLFNBQVMsQ0FBQTtRQUMzQixRQUFHLEdBQWlCLEtBQUssQ0FBQTtRQUN6QixTQUFJLEdBQWtCLFNBQVMsQ0FBQTtRQUMvQixVQUFLLEdBQW1CLE9BQU8sQ0FBQTtRQUUvQixTQUFJLEdBQUcsRUFBRSxDQUFBO1FBRVQsa0JBQWEsR0FBRyxFQUFFLENBQUE7UUFDbEIsV0FBTSxHQUFxQixPQUFPLENBQUM7UUFFbEMsWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO0tBc0J0RTtJQXBCQyxJQUFXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7SUFDbkQsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLEdBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDM0wsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLG1CQUFtQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUN6QyxDQUFDO0lBRU0sT0FBTyxDQUFDLE1BQWtCO1FBQy9CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2hCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDaEIsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs7MkdBaENVLGNBQWM7K0ZBQWQsY0FBYyxnUUNyQjNCLDZnQ0E0QkE7MkZEUGEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIEJhZGdlQ29sb3JDbGFzc2VzRW51bSxcclxuICBCYWRnZUNvbG9yVHlwZSxcclxuICBCYWRnZUksXHJcbiAgQmFkZ2VTaXplRW51bSxcclxuICBCYWRnZVNpemVUeXBlLFxyXG4gIEJhZGdlVGFnVHlwZSxcclxuICBCYWRnZVRhZ1R5cGVDbGFzc2VzRW51bSxcclxuICBCYWRnZVRhcmdldFR5cGVzLFxyXG4gIEJhZGdlVHlwZSxcclxuICBCYWRnZVR5cGVFbnVtLFxyXG59IGZyb20gJy4uLy4uL2JhZGdlLmVudW0nO1xyXG5pbXBvcnQgeyBMaW5rVGFyZ2V0VHlwZXNFbnVtIH0gZnJvbSAnLi4vLi4vLi4vbGluay9saW5rLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtYmFkZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0eXBlOiBCYWRnZVR5cGUgPSAnZGVmYXVsdCdcclxuICBASW5wdXQoKSB0YWc6IEJhZGdlVGFnVHlwZSA9ICd0YWcnXHJcbiAgQElucHV0KCkgc2l6ZTogQmFkZ2VTaXplVHlwZSA9ICdkZWZhdWx0J1xyXG4gIEBJbnB1dCgpIGNvbG9yOiBCYWRnZUNvbG9yVHlwZSA9ICdicmFuZCdcclxuICBASW5wdXQoKSBjdXN0b21Db2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkXHJcbiAgQElucHV0KCkgdGV4dCA9ICcnXHJcbiAgQElucHV0KCkgcGF0aDogc3RyaW5nIHwgdW5kZWZpbmVkXHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3NlcyA9ICcnXHJcbiAgQElucHV0KCkgdGFyZ2V0OiBCYWRnZVRhcmdldFR5cGVzID0gJ19zZWxmJztcclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxCYWRnZUk+ID0gbmV3IEV2ZW50RW1pdHRlcjxCYWRnZUk+KCk7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q3VzdG9tQ29sb3IoKTogc3RyaW5nIHwgbnVsbCB7XHJcbiAgICByZXR1cm4gdGhpcy5jdXN0b21Db2xvciA/IHRoaXMuY3VzdG9tQ29sb3IgOiBudWxsXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHt0aGlzLmN1c3RvbUNsYXNzZXN9ICR7QmFkZ2VUYWdUeXBlQ2xhc3Nlc0VudW1bdGhpcy50YWddfSAke0JhZGdlVHlwZUVudW1bdGhpcy50eXBlXX0gJHt0aGlzLmN1c3RvbUNvbG9yID8gJycgOiBCYWRnZUNvbG9yQ2xhc3Nlc0VudW1bdGhpcy5jb2xvcl19ICR7QmFkZ2VTaXplRW51bVt0aGlzLnNpemVdfWA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldFRhcmdldCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIExpbmtUYXJnZXRUeXBlc0VudW1bdGhpcy50YXJnZXRdXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbGljaygkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xpY2tlZC5lbWl0KHtcclxuICAgICAgdHlwZTogdGhpcy50eXBlLFxyXG4gICAgICBjb2xvcjogdGhpcy5jb2xvcixcclxuICAgICAgdGV4dDogdGhpcy50ZXh0LFxyXG4gICAgICBwYXRoOiB0aGlzLnBhdGhcclxuICAgIH0pXHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInRhZ1wiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIididXR0b24nXCI+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgIGNsYXNzPVwibXJ4LWJhZGdlXCJcclxuICAgICAgW2NsYXNzXT1cImdldENsYXNzZXNcIlxyXG4gICAgICBbc3R5bGVdPVwieyBiYWNrZ3JvdW5kQ29sb3I6IGdldEN1c3RvbUNvbG9yIH1cIlxyXG4gICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57e3RleHR9fVxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidsaW5rJ1wiPlxyXG4gICAgPGEgW2hyZWZdPVwicGF0aFwiIGNsYXNzPVwibXJ4LWJhZGdlXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIiBbc3R5bGVdPVwieyBiYWNrZ3JvdW5kQ29sb3I6IGdldEN1c3RvbUNvbG9yIH1cIiBbdGFyZ2V0XT1cImdldFRhcmdldFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPnt7dGV4dH19XHJcbiAgICA8L2E+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cclxuICAgIDxzcGFuIGNsYXNzPVwibXJ4LWJhZGdlXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIiBbc3R5bGVdPVwieyBiYWNrZ3JvdW5kQ29sb3I6IGdldEN1c3RvbUNvbG9yIH1cIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj57e3RleHR9fVxyXG4gICAgPC9zcGFuPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==

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\">\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', 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlcy9jb21wb25lbnRzL2JhZGdlLWdyb3VwL2JhZGdlLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZXMvY29tcG9uZW50cy9iYWRnZS1ncm91cC9iYWRnZS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUIsdURDUmhDLDhFQUdBOzJGREthLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LWJhZGdlLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLWdyb3VwLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWRnZUdyb3VwQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1iYWRnZS1ncm91cFwiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==

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\">\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', 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: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQXFDLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQVE1RixNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBT1csU0FBSSxHQUFvQixTQUFTLENBQUE7UUFDakMsVUFBSyxHQUF1QixFQUFFLENBQUE7UUFFOUIsa0JBQWEsR0FBRyxFQUFFLENBQUE7S0FLNUI7SUFIQyxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDbkUsQ0FBQzs7aUhBUlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsK0lDVGpDLG1pQ0F5QkE7MkZEaEJhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyZWFkY3J1bWJzSXRlbUksIEJyZWFkY3J1bWJzVHlwZSwgQnJlYWRjcnVtYnNUeXBlRW51bSB9IGZyb20gJy4vYnJlYWRjcnVtYnMuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1icmVhZGNydW1icycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1icy5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYnNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHR5cGU6IEJyZWFkY3J1bWJzVHlwZSA9ICdkZWZhdWx0J1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBCcmVhZGNydW1ic0l0ZW1JW10gPSBbXVxyXG4gIEBJbnB1dCgpIGl0ZW06IEJyZWFkY3J1bWJzSXRlbUkgfCB1bmRlZmluZWRcclxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzID0gJydcclxuXHJcbiAgcHVibGljIGdldCBnZXRDbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYCR7dGhpcy5jdXN0b21DbGFzc2VzfSAke0JyZWFkY3J1bWJzVHlwZUVudW1bdGhpcy50eXBlXX1gO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzXCIgW2NsYXNzXT1cImdldENsYXNzZXNcIj5cclxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0eXBlXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGluaydcIj5cclxuICAgICAgPGEgY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX2xpbmtcIiAqbmdJZj1cIml0ZW1cIiBbaHJlZl09XCJpdGVtLnBhdGhcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tYXJyb3ctbGVmdCBpY29uLWZvbnQtMTYgbXItMVwiICpuZ0lmPVwiaXRlbS5pc1Nob3dBcnJvd1wiPjwvc3Bhbj5cclxuICAgICAgICB7e2l0ZW0udGV4dH19XHJcbiAgICAgIDwvYT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxyXG4gICAgICA8dWwgY2xhc3M9XCJtcngtYnJlYWRjcnVtYnNfX2xpc3RcIj5cclxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBjbGFzcz1cIm1yeC1icmVhZGNydW1ic19fbGlzdC1pdGVtXCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbS5pc0xpbms7IGVsc2Ugc3BhblwiPlxyXG4gICAgICAgICAgICA8YSBjbGFzcz1cIm1yeC1icmVhZGNydW1ic19fbGluayBtci0xXCIgW2hyZWZdPVwiaXRlbS5wYXRoXCI+e3tpdGVtLnRleHR9fTwvYT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNoZXZyb24tcmlnaHQgaWNvbi1mb250LTE2IG1yLTFcIj48L3NwYW4+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgI3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXJ4LWJyZWFkY3J1bWJzX190YWdcIj57e2l0ZW0udGV4dH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICA8L3VsPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuIl19

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLG1CQUdYO0FBSEQsV0FBWSxtQkFBbUI7SUFDN0IsMERBQXFDLENBQUE7SUFDckMsb0RBQStCLENBQUE7QUFDakMsQ0FBQyxFQUhXLG1CQUFtQixLQUFuQixtQkFBbUIsUUFHOUIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBCcmVhZGNydW1ic1R5cGVFbnVtIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LWJyZWFkY3J1bWJzLWRlZmF1bHQnLFxyXG4gICdsaW5rJyA9ICdtcngtYnJlYWRjcnVtYnMtbGluaydcclxufVxyXG5leHBvcnQgdHlwZSBCcmVhZGNydW1ic1R5cGUgPSAnZGVmYXVsdCcgfCAnbGluaydcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYnNJdGVtSSB7XHJcbiAgdGV4dDogc3RyaW5nLFxyXG4gIHBhdGg/OiBzdHJpbmcsXHJcbiAgaXNMaW5rPzogYm9vbGVhbixcclxuICBpc1Nob3dBcnJvdz86IGJvb2xlYW5cclxufVxyXG4iXX0=

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFnQi9ELE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFWMUIsb0JBQW9CLGFBR3BCLFlBQVksYUFJWixvQkFBb0I7K0dBR1gsaUJBQWlCLFlBUm5CO1lBQ1AsWUFBWTtTQUNiOzJGQU1VLGlCQUFpQjtrQkFaN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjtxQkFDckI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBCcmVhZGNydW1ic0NvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50JztcclxuXHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIEJyZWFkY3J1bWJzQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGVcclxuICBdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBCcmVhZGNydW1ic0NvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzTW9kdWxlIHsgfVxyXG4iXX0=