myrta-ui 13.0.33 → 13.0.34

package/esm2020/lib/components/tabs/tab/tab.component.mjs

@@ -4,17 +4,22 @@ import * as i1 from "@angular/common";
 export class TabComponent {
     constructor() {
         this.customClasses = '';
+        this.subTitle = '';
+        this.active = false;
+        this.disabled = false;
         this.onClick = new EventEmitter();
     }
     onTabClick() {
-        this.onClick.emit(this.id);
+        if (!this.disabled) {
+            this.onClick.emit(this.id);
+        }
     }
 }
 TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TabComponent, selector: "mrx-tab", inputs: { id: "id", customClasses: "customClasses", subTitle: "subTitle", active: "active", disabled: "disabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" (click)=\"onTabClick()\">\r\n  <ng-content></ng-content>\r\n  <span *ngIf=\"subTitle\">{{subTitle}}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TabComponent, selector: "mrx-tab", inputs: { id: "id", customClasses: "customClasses", subTitle: "subTitle", active: "active", disabled: "disabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" [class.disabled]=\"disabled\" (click)=\"onTabClick()\">\r\n  <ng-content></ng-content>\r\n  <span *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\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: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" (click)=\"onTabClick()\">\r\n  <ng-content></ng-content>\r\n  <span *ngIf=\"subTitle\">{{subTitle}}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"] }]
+            args: [{ selector: 'mrx-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" [class.disabled]=\"disabled\" (click)=\"onTabClick()\">\r\n  <ng-content></ng-content>\r\n  <span *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], customClasses: [{
@@ -28,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3RhYi90YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFiL3RhYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRaEcsTUFBTSxPQUFPLFlBQVk7SUFOekI7UUFRVyxrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQU1sQixZQUFPLEdBQWlDLElBQUksWUFBWSxFQUFrQixDQUFDO0tBS3RGO0lBSFEsVUFBVTtRQUNmLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM3QixDQUFDOzt5R0FaVSxZQUFZOzZGQUFaLFlBQVksb01DUnpCLHFNQUlBOzJGRElhLFlBQVk7a0JBTnhCLFNBQVM7K0JBQ0UsU0FBUyxtQkFHRix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LXRhYicsXHJcbiAgdGVtcGxhdGVVcmw6ICd0YWIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhYi5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFiQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpZCE6IG51bWJlcnwgc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzZXMgPSAnJztcclxuICBASW5wdXQoKSBzdWJUaXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBhY3RpdmUhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkITogYm9vbGVhbjtcclxuXHJcblxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8bnVtYmVyfCBzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXJ8IHN0cmluZz4oKTtcclxuXHJcbiAgcHVibGljIG9uVGFiQ2xpY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0aGlzLmlkKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC10YWJcIiBbY2xhc3NdPVwiY3VzdG9tQ2xhc3Nlc1wiIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlXCIgKGNsaWNrKT1cIm9uVGFiQ2xpY2soKVwiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8c3BhbiAqbmdJZj1cInN1YlRpdGxlXCI+e3tzdWJUaXRsZX19PC9zcGFuPlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3RhYi90YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFiL3RhYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRaEcsTUFBTSxPQUFPLFlBQVk7SUFOekI7UUFRVyxrQkFBYSxHQUFXLEVBQUUsQ0FBQztRQUMzQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUV6QixZQUFPLEdBQWtDLElBQUksWUFBWSxFQUFtQixDQUFDO0tBT3hGO0lBTFEsVUFBVTtRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUM1QjtJQUNILENBQUM7O3lHQWJVLFlBQVk7NkZBQVosWUFBWSxvTUNSekIscU9BSUE7MkZESWEsWUFBWTtrQkFOeEIsU0FBUzsrQkFDRSxTQUFTLG1CQUdGLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtdGFiJyxcclxuICB0ZW1wbGF0ZVVybDogJ3RhYi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFiLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGlkITogbnVtYmVyIHwgc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzZXM6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHN1YlRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgb25DbGljazogRXZlbnRFbWl0dGVyPG51bWJlciB8IHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlciB8IHN0cmluZz4oKTtcclxuXHJcbiAgcHVibGljIG9uVGFiQ2xpY2soKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQodGhpcy5pZCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtdGFiXCIgW2NsYXNzXT1cImN1c3RvbUNsYXNzZXNcIiBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJvblRhYkNsaWNrKClcIj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPHNwYW4gKm5nSWY9XCJzdWJUaXRsZVwiPnt7IHN1YlRpdGxlIH19PC9zcGFuPlxyXG48L2Rpdj5cclxuIl19

package/esm2020/lib/components/tabs/tabs-group/tabs-group.component.mjs

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { TabsClasses, TabsTypesClasses, } from '../tabs.enum';
+import { TabsClasses, TabsTypesClasses } from '../tabs.enum';
 import * as i0 from "@angular/core";
 export class TabsGroupComponent {
     constructor() {
@@ -8,15 +8,15 @@ export class TabsGroupComponent {
         this.type = 'default';
         this.isResponsive = false;
     }
-    get tabClasses() {
+    get classes() {
         return `${TabsTypesClasses[this.type]} ${TabsClasses[this.size]} ${this.customClasses}`;
     }
 }
 TabsGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TabsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabsGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TabsGroupComponent, selector: "mrx-tabs-group", inputs: { customClasses: "customClasses", size: "size", type: "type", isResponsive: "isResponsive" }, ngImport: i0, template: "<div class=\"mrx-tabs-group\" [class]=\"tabClasses\" [class.responsive]=\"isResponsive\">\r\n    <div class=\"mrx-tabs-group-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div> \r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1);border-radius:var(--border-radius-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TabsGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TabsGroupComponent, selector: "mrx-tabs-group", inputs: { customClasses: "customClasses", size: "size", type: "type", isResponsive: "isResponsive" }, ngImport: i0, template: "<div class=\"mrx-tabs-group\" [class]=\"classes\" [class.responsive]=\"isResponsive\">\r\n  <div class=\"mrx-tabs-group-wrapper\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.disabled{color:var(--neutral-text-tertiary);cursor:default}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.disabled span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.disabled{color:var(--neutral-text-tertiary);cursor:default}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.disabled span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1);border-radius:var(--border-radius-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TabsGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-tabs-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tabs-group\" [class]=\"tabClasses\" [class.responsive]=\"isResponsive\">\r\n    <div class=\"mrx-tabs-group-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div> \r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1);border-radius:var(--border-radius-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"] }]
+            args: [{ selector: 'mrx-tabs-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tabs-group\" [class]=\"classes\" [class.responsive]=\"isResponsive\">\r\n  <div class=\"mrx-tabs-group-wrapper\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.disabled{color:var(--neutral-text-tertiary);cursor:default}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.disabled span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.disabled{color:var(--neutral-text-tertiary);cursor:default}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.disabled span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1);border-radius:var(--border-radius-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"] }]
         }], propDecorators: { customClasses: [{
                 type: Input
             }], size: [{
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], isResponsive: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvdGFicy90YWJzLWdyb3VwL3RhYnMtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy1ncm91cC90YWJzLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFDTCxXQUFXLEVBQ0YsZ0JBQWdCLEdBQzFCLE1BQU0sY0FBYyxDQUFDOztBQVF0QixNQUFNLE9BQU8sa0JBQWtCO0lBTi9CO1FBUVcsa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsU0FBSSxHQUFZLFFBQVEsQ0FBQztRQUN6QixTQUFJLEdBQWEsU0FBUyxDQUFDO1FBQzNCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0tBSy9CO0lBSEMsSUFBVyxVQUFVO1FBQ25CLE9BQU8sR0FBRyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUYsQ0FBQzs7K0dBVFUsa0JBQWtCO21HQUFsQixrQkFBa0IsNEpDWi9CLDJNQUtBOzJGRE9hLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTTs4QkFJdEMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIFRhYnNDbGFzc2VzLFxyXG4gIFRhYlNpemUsIFRhYnNUeXBlc0NsYXNzZXMsIFRhYlR5cGVzLFxyXG59IGZyb20gJy4uL3RhYnMuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC10YWJzLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJ3RhYnMtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhYnMtZ3JvdXAuY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYnNHcm91cENvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzZXMgPSAnJztcclxuICBASW5wdXQoKSBzaXplOiBUYWJTaXplID0gJ21lZGl1bSc7XHJcbiAgQElucHV0KCkgdHlwZTogVGFiVHlwZXMgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgaXNSZXNwb25zaXZlID0gZmFsc2U7XHJcblxyXG4gIHB1YmxpYyBnZXQgdGFiQ2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke1RhYnNUeXBlc0NsYXNzZXNbdGhpcy50eXBlXX0gJHtUYWJzQ2xhc3Nlc1t0aGlzLnNpemVdfSAke3RoaXMuY3VzdG9tQ2xhc3Nlc31gO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXJ4LXRhYnMtZ3JvdXBcIiBbY2xhc3NdPVwidGFiQ2xhc3Nlc1wiIFtjbGFzcy5yZXNwb25zaXZlXT1cImlzUmVzcG9uc2l2ZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC10YWJzLWdyb3VwLXdyYXBwZXJcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj4gXHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvdGFicy90YWJzLWdyb3VwL3RhYnMtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy1ncm91cC90YWJzLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxXQUFXLEVBQVcsZ0JBQWdCLEVBQVksTUFBTSxjQUFjLENBQUM7O0FBUWhGLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPVyxrQkFBYSxHQUFXLEVBQUUsQ0FBQztRQUMzQixTQUFJLEdBQVksUUFBUSxDQUFDO1FBQ3pCLFNBQUksR0FBYSxTQUFTLENBQUM7UUFDM0IsaUJBQVksR0FBWSxLQUFLLENBQUM7S0FLeEM7SUFIQyxJQUFXLE9BQU87UUFDaEIsT0FBTyxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxRixDQUFDOzsrR0FSVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0SkNUL0IsK0xBS0E7MkZESWEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRhYnNDbGFzc2VzLCBUYWJTaXplLCBUYWJzVHlwZXNDbGFzc2VzLCBUYWJUeXBlcyB9IGZyb20gJy4uL3RhYnMuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC10YWJzLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJ3RhYnMtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhYnMtZ3JvdXAuY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYnNHcm91cENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3Nlczogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc2l6ZTogVGFiU2l6ZSA9ICdtZWRpdW0nO1xyXG4gIEBJbnB1dCgpIHR5cGU6IFRhYlR5cGVzID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIGlzUmVzcG9uc2l2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBwdWJsaWMgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtUYWJzVHlwZXNDbGFzc2VzW3RoaXMudHlwZV19ICR7VGFic0NsYXNzZXNbdGhpcy5zaXplXX0gJHt0aGlzLmN1c3RvbUNsYXNzZXN9YDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC10YWJzLWdyb3VwXCIgW2NsYXNzXT1cImNsYXNzZXNcIiBbY2xhc3MucmVzcG9uc2l2ZV09XCJpc1Jlc3BvbnNpdmVcIj5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LXRhYnMtZ3JvdXAtd3JhcHBlclwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

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

@@ -4,11 +4,9 @@ export var TabsClasses;
     TabsClasses["medium"] = "mrx-tabs-md";
     TabsClasses["large"] = "mrx-tabs-lg";
 })(TabsClasses || (TabsClasses = {}));
-;
 export var TabsTypesClasses;
 (function (TabsTypesClasses) {
     TabsTypesClasses["default"] = "mrx-tabs-default";
     TabsTypesClasses["button"] = "mrx-tabs-button";
 })(TabsTypesClasses || (TabsTypesClasses = {}));
-;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE1BQU0sQ0FBTixJQUFZLFdBSVg7QUFKRCxXQUFZLFdBQVc7SUFDckIsb0NBQXVCLENBQUE7SUFDdkIscUNBQXdCLENBQUE7SUFDeEIsb0NBQXVCLENBQUE7QUFDekIsQ0FBQyxFQUpXLFdBQVcsS0FBWCxXQUFXLFFBSXRCO0FBQUEsQ0FBQztBQUlGLE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIsZ0RBQThCLENBQUE7SUFDOUIsOENBQTRCLENBQUE7QUFDOUIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0I7QUFBQSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmV4cG9ydCB0eXBlIFRhYlNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xyXG5cclxuZXhwb3J0IGVudW0gVGFic0NsYXNzZXMge1xyXG4gICdzbWFsbCcgPSAnbXJ4LXRhYnMtc20nLFxyXG4gICdtZWRpdW0nID0gJ21yeC10YWJzLW1kJyxcclxuICAnbGFyZ2UnID0gJ21yeC10YWJzLWxnJyxcclxufTtcclxuXHJcbmV4cG9ydCB0eXBlIFRhYlR5cGVzID0gJ2RlZmF1bHQnIHwgJ2J1dHRvbic7XHJcblxyXG5leHBvcnQgZW51bSBUYWJzVHlwZXNDbGFzc2VzIHtcclxuICAnZGVmYXVsdCcgPSAnbXJ4LXRhYnMtZGVmYXVsdCcsXHJcbiAgJ2J1dHRvbicgPSAnbXJ4LXRhYnMtYnV0dG9uJ1xyXG59O1xyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBTixJQUFZLFdBSVg7QUFKRCxXQUFZLFdBQVc7SUFDckIsb0NBQXVCLENBQUE7SUFDdkIscUNBQXdCLENBQUE7SUFDeEIsb0NBQXVCLENBQUE7QUFDekIsQ0FBQyxFQUpXLFdBQVcsS0FBWCxXQUFXLFFBSXRCO0FBSUQsTUFBTSxDQUFOLElBQVksZ0JBR1g7QUFIRCxXQUFZLGdCQUFnQjtJQUMxQixnREFBOEIsQ0FBQTtJQUM5Qiw4Q0FBNEIsQ0FBQTtBQUM5QixDQUFDLEVBSFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUczQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFRhYlNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xyXG5cclxuZXhwb3J0IGVudW0gVGFic0NsYXNzZXMge1xyXG4gICdzbWFsbCcgPSAnbXJ4LXRhYnMtc20nLFxyXG4gICdtZWRpdW0nID0gJ21yeC10YWJzLW1kJyxcclxuICAnbGFyZ2UnID0gJ21yeC10YWJzLWxnJ1xyXG59XHJcblxyXG5leHBvcnQgdHlwZSBUYWJUeXBlcyA9ICdkZWZhdWx0JyB8ICdidXR0b24nO1xyXG5cclxuZXhwb3J0IGVudW0gVGFic1R5cGVzQ2xhc3NlcyB7XHJcbiAgJ2RlZmF1bHQnID0gJ21yeC10YWJzLWRlZmF1bHQnLFxyXG4gICdidXR0b24nID0gJ21yeC10YWJzLWJ1dHRvbidcclxufVxyXG4iXX0=

package/fesm2015/myrta-ui.mjs

@@ -4437,13 +4437,11 @@ var TabsClasses;
     TabsClasses["medium"] = "mrx-tabs-md";
     TabsClasses["large"] = "mrx-tabs-lg";
 })(TabsClasses || (TabsClasses = {}));
-;
 var TabsTypesClasses;
 (function (TabsTypesClasses) {
     TabsTypesClasses["default"] = "mrx-tabs-default";
     TabsTypesClasses["button"] = "mrx-tabs-button";
-})(TabsTypesClasses || (TabsTypesClasses = {}));
-;
+})(TabsTypesClasses || (TabsTypesClasses = {}));
 
 class TabsGroupComponent {
     constructor() {
@@ -4452,15 +4450,15 @@ class TabsGroupComponent {
         this.type = 'default';
         this.isResponsive = false;
     }
-    get tabClasses() {
+    get classes() {
         return `${TabsTypesClasses[this.type]} ${TabsClasses[this.size]} ${this.customClasses}`;
     }
 }
 TabsGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TabsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabsGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TabsGroupComponent, selector: "mrx-tabs-group", inputs: { customClasses: "customClasses", size: "size", type: "type", isResponsive: "isResponsive" }, ngImport: i0, template: "<div class=\"mrx-tabs-group\" [class]=\"tabClasses\" [class.responsive]=\"isResponsive\">\r\n    <div class=\"mrx-tabs-group-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div> \r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1);border-radius:var(--border-radius-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TabsGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TabsGroupComponent, selector: "mrx-tabs-group", inputs: { customClasses: "customClasses", size: "size", type: "type", isResponsive: "isResponsive" }, ngImport: i0, template: "<div class=\"mrx-tabs-group\" [class]=\"classes\" [class.responsive]=\"isResponsive\">\r\n  <div class=\"mrx-tabs-group-wrapper\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.disabled{color:var(--neutral-text-tertiary);cursor:default}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.disabled span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.disabled{color:var(--neutral-text-tertiary);cursor:default}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.disabled span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1);border-radius:var(--border-radius-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TabsGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-tabs-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tabs-group\" [class]=\"tabClasses\" [class.responsive]=\"isResponsive\">\r\n    <div class=\"mrx-tabs-group-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div> \r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1);border-radius:var(--border-radius-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"] }]
+            args: [{ selector: 'mrx-tabs-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tabs-group\" [class]=\"classes\" [class.responsive]=\"isResponsive\">\r\n  <div class=\"mrx-tabs-group-wrapper\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-tabs-group.mrx-tabs-group{display:flex;overflow:hidden}.mrx-tabs-group.mrx-tabs-group .mrx-tabs-group-wrapper{display:flex;overflow-x:auto}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-lg .mrx-tab{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-md .mrx-tab{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)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-sm .mrx-tab{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-lg .mrx-tab{padding:var(--spacing-2) var(--spacing-6)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-md .mrx-tab{padding:calc(var(--spacing-2) - var(--spacing-half)) var(--spacing-4)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button.mrx-tabs-sm .mrx-tab{padding:var(--spacing-1) var(--spacing-3)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-1) var(--border-radius-1) 0 0}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active){color:var(--neutral-text-primary);border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:not(.active)>span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active{color:var(--brand-text-controls-default);border-bottom:var(--border-width-default) solid var(--brand-bg-primary-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active a{color:var(--brand-text-controls-default)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.active>span{color:var(--brand-text-accent)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.disabled{color:var(--neutral-text-tertiary);cursor:default}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab.disabled span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-default.mrx-tabs-default .mrx-tab:hover{background-color:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab{justify-content:center;border-radius:var(--border-radius-1);color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab>span{margin-left:var(--spacing-1)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active{background:var(--brand-bg-tertiary-default);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-color)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.active span{color:var(--neutral-text-primary)}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.disabled{color:var(--neutral-text-tertiary);cursor:default}:host::ng-deep .mrx-tabs-button.mrx-tabs-button .mrx-tab.disabled span{color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{background:var(--neutral-bg-island-default);padding:var(--spacing-1);border-radius:var(--border-radius-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*{padding:0 var(--spacing-1)}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:last-child{padding-right:0}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:first-child{padding-left:0}@media screen and (min-width: 768px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper>*:not(:last-child){border-right:var(--border-width-default) solid var(--neutral-bg-divider)}}@media screen and (max-width: 767px){:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button .mrx-tabs-group-wrapper{flex-direction:column;width:100%}}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper{width:100%}:host::ng-deep .mrx-tabs-group.mrx-tabs-group.mrx-tabs-button.responsive .mrx-tabs-group-wrapper>*{width:100%}\n"] }]
         }], propDecorators: { customClasses: [{
                 type: Input
             }], size: [{
@@ -4474,17 +4472,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
 class TabComponent {
     constructor() {
         this.customClasses = '';
+        this.subTitle = '';
+        this.active = false;
+        this.disabled = false;
         this.onClick = new EventEmitter();
     }
     onTabClick() {
-        this.onClick.emit(this.id);
+        if (!this.disabled) {
+            this.onClick.emit(this.id);
+        }
     }
 }
 TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TabComponent, selector: "mrx-tab", inputs: { id: "id", customClasses: "customClasses", subTitle: "subTitle", active: "active", disabled: "disabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" (click)=\"onTabClick()\">\r\n  <ng-content></ng-content>\r\n  <span *ngIf=\"subTitle\">{{subTitle}}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: TabComponent, selector: "mrx-tab", inputs: { id: "id", customClasses: "customClasses", subTitle: "subTitle", active: "active", disabled: "disabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" [class.disabled]=\"disabled\" (click)=\"onTabClick()\">\r\n  <ng-content></ng-content>\r\n  <span *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" (click)=\"onTabClick()\">\r\n  <ng-content></ng-content>\r\n  <span *ngIf=\"subTitle\">{{subTitle}}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"] }]
+            args: [{ selector: 'mrx-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-tab\" [class]=\"customClasses\" [class.active]=\"active\" [class.disabled]=\"disabled\" (click)=\"onTabClick()\">\r\n  <ng-content></ng-content>\r\n  <span *ngIf=\"subTitle\">{{ subTitle }}</span>\r\n</div>\r\n", styles: [".mrx-tab.mrx-tab{position:relative;display:flex;align-items:center;cursor:pointer;white-space:nowrap;transition:all .2s}.mrx-tab.mrx-tab a{color:var(--neutral-text-primary);text-decoration:none}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], customClasses: [{