myrta-ui 17.0.8 → 17.0.10

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

@@ -9,10 +9,10 @@ export class TabsGroupComponent {
     get tabClasses() {
         return `${TabsTypesClasses[this.type]} ${TabsClasses[this.size]} ${this.customClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TabsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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)}: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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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)}: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: "17.3.11", ngImport: i0, type: TabsGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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)}: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: [{

package/esm2022/lib/components/tabs/tabs.module.mjs

@@ -4,11 +4,11 @@ import { TabsGroupComponent } from './tabs-group/tabs-group.component';
 import { TabComponent } from './tab/tab.component';
 import * as i0 from "@angular/core";
 export class TabsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: TabsModule, declarations: [TabsGroupComponent, TabComponent], imports: [CommonModule], exports: [TabsGroupComponent, TabComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TabsModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TabsModule, declarations: [TabsGroupComponent, TabComponent], imports: [CommonModule], exports: [TabsGroupComponent, TabComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TabsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TabsGroupComponent, TabComponent],

package/esm2022/lib/components/tooltip/services/tooltip.service.mjs

@@ -56,10 +56,10 @@ export class TooltipService {
             this._tooltipVisible = !!localStorage.getItem(this.localStorageKey);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipService, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvc2VydmljZXMvdG9vbHRpcC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUdoRSxNQUFNLE9BQU8sY0FBYztJQUVqQixRQUFRLEdBQVcsRUFBRSxDQUFBO0lBQ3JCLGVBQWUsR0FBWSxLQUFLLENBQUE7SUFDaEMsZ0JBQWdCLEdBQVksS0FBSyxDQUFBO0lBRXpDLElBQVksZUFBZTtRQUN6QixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFdBQVcsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7SUFDM0UsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUE7SUFDdEIsQ0FBQztJQUVELElBQVcsVUFBVSxDQUFDLEtBQWE7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUE7SUFDdkIsQ0FBQztJQUVELElBQVcsZ0JBQWdCO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFBO0lBQzlCLENBQUM7SUFFRCxJQUFXLGdCQUFnQixDQUFDLEtBQWM7UUFDeEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQTtJQUMvQixDQUFDO0lBRUQsSUFBVyxpQkFBaUI7UUFDMUIsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFBO0lBQzdCLENBQUM7SUFFRCxJQUFXLGlCQUFpQixDQUFDLEtBQWM7UUFDekMsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLElBQUksQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQVMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFBO1FBRXBGLElBQUksSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUNsRCxZQUFZLENBQUMsT0FBTyxDQUFTLElBQUksQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLENBQUE7UUFDL0QsQ0FBQztJQUNILENBQUM7SUFFTSw0QkFBNEIsQ0FBQyxLQUFjO1FBQ2hELElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQ25DLFlBQVksQ0FBQyxPQUFPLENBQVMsSUFBSSxDQUFDLGVBQWUsRUFBRSxTQUFTLENBQUMsQ0FBQTtRQUMvRCxDQUFDO2FBQU0sQ0FBQztZQUNOLFlBQVksQ0FBQyxVQUFVLENBQVMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFBO1FBQ3ZELENBQUM7UUFFRCxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQTtJQUM5QixDQUFDO0lBRU0sb0JBQW9CO1FBQ3pCLElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDMUIsSUFBSSxZQUFZLENBQUMsT0FBTyxDQUFTLElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDO2dCQUN2RCxZQUFZLENBQUMsVUFBVSxDQUFTLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQTtZQUN2RCxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sWUFBWSxDQUFDLE9BQU8sQ0FBUyxJQUFJLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxDQUFBO1lBQy9ELENBQUM7UUFDSCxDQUFDO1FBR0QsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUE7SUFDOUMsQ0FBQztJQUVNLFdBQVcsQ0FBQyxPQUFlLEVBQUUscUJBQThCO1FBQ2hFLElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxDQUFBO1FBQ3pCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxxQkFBcUIsQ0FBQTtRQUU5QyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQVMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFBO1FBQzdFLENBQUM7SUFDSCxDQUFDO3dHQXBFVSxjQUFjOzRHQUFkLGNBQWM7OzRGQUFkLGNBQWM7a0JBRDFCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGdldEhhc2hDb2RlIH0gZnJvbSAnLi4vLi4vLi4vaGVscGVycy9zdHJpbmctaGFzaC1jb2RlJztcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIFRvb2x0aXBTZXJ2aWNlIHtcclxuXHJcbiAgcHJpdmF0ZSBfdG9vbHRpcDogc3RyaW5nID0gJydcclxuICBwcml2YXRlIF90b29sdGlwVmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlXHJcbiAgcHJpdmF0ZSBfaXNTYXZlVG9TdG9yYWdlOiBib29sZWFuID0gZmFsc2VcclxuXHJcbiAgcHJpdmF0ZSBnZXQgbG9jYWxTdG9yYWdlS2V5KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZ2V0VG9vbHRpcCA/IGB0b29sdGlwXyR7Z2V0SGFzaENvZGUodGhpcy5nZXRUb29sdGlwKX1gIDogbnVsbFxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRUb29sdGlwKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5fdG9vbHRpcFxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldCBzZXRUb29sdGlwKHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX3Rvb2x0aXAgPSB2YWx1ZVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRTYXZlVG9TdG9yYWdlKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2lzU2F2ZVRvU3RvcmFnZVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldCBzZXRTYXZlVG9TdG9yYWdlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9pc1NhdmVUb1N0b3JhZ2UgPSB2YWx1ZVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRUb29sdGlwVmlzaWJsZSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl90b29sdGlwVmlzaWJsZVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldCBzZXRUb29sdGlwVmlzaWJsZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fdG9vbHRpcFZpc2libGUgPSB2YWx1ZSB8fCAhIWxvY2FsU3RvcmFnZS5nZXRJdGVtKDxzdHJpbmc+dGhpcy5sb2NhbFN0b3JhZ2VLZXkpXHJcblxyXG4gICAgaWYgKHRoaXMuX3Rvb2x0aXBWaXNpYmxlICYmIHRoaXMuX2lzU2F2ZVRvU3RvcmFnZSkge1xyXG4gICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSg8c3RyaW5nPnRoaXMubG9jYWxTdG9yYWdlS2V5LCAndmlzaWJsZScpXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdG9nZ2xlVG9vbHRpcFZpc2libGVGcm9tQ29kZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgaWYgKHZhbHVlICYmIHRoaXMuX2lzU2F2ZVRvU3RvcmFnZSkge1xyXG4gICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSg8c3RyaW5nPnRoaXMubG9jYWxTdG9yYWdlS2V5LCAndmlzaWJsZScpXHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBsb2NhbFN0b3JhZ2UucmVtb3ZlSXRlbSg8c3RyaW5nPnRoaXMubG9jYWxTdG9yYWdlS2V5KVxyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuX3Rvb2x0aXBWaXNpYmxlID0gdmFsdWVcclxuICB9XHJcblxyXG4gIHB1YmxpYyB0b2dnbGVUb29sdGlwVmlzaWJsZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLl9pc1NhdmVUb1N0b3JhZ2UpIHtcclxuICAgICAgaWYgKGxvY2FsU3RvcmFnZS5nZXRJdGVtKDxzdHJpbmc+dGhpcy5sb2NhbFN0b3JhZ2VLZXkpKSB7XHJcbiAgICAgICAgbG9jYWxTdG9yYWdlLnJlbW92ZUl0ZW0oPHN0cmluZz50aGlzLmxvY2FsU3RvcmFnZUtleSlcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSg8c3RyaW5nPnRoaXMubG9jYWxTdG9yYWdlS2V5LCAndmlzaWJsZScpXHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcblxyXG4gICAgdGhpcy5fdG9vbHRpcFZpc2libGUgPSAhdGhpcy5fdG9vbHRpcFZpc2libGVcclxuICB9XHJcblxyXG4gIHB1YmxpYyBpbml0VG9vbHRpcCh0b29sdGlwOiBzdHJpbmcsIHRvb2x0aXBJbml0aWFsVmlzaWJsZTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5zZXRUb29sdGlwID0gdG9vbHRpcFxyXG4gICAgdGhpcy5zZXRUb29sdGlwVmlzaWJsZSA9IHRvb2x0aXBJbml0aWFsVmlzaWJsZVxyXG5cclxuICAgIGlmICh0aGlzLl9pc1NhdmVUb1N0b3JhZ2UpIHtcclxuICAgICAgdGhpcy5fdG9vbHRpcFZpc2libGUgPSAhIWxvY2FsU3RvcmFnZS5nZXRJdGVtKDxzdHJpbmc+dGhpcy5sb2NhbFN0b3JhZ2VLZXkpXHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/components/tooltip/tooltip-trigger/tooltip-trigger.component.mjs

@@ -16,10 +16,10 @@ export class TooltipTriggerComponent {
     onToggle() {
         this.toggleTooltip.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: { triggerTextPosition: "triggerTextPosition", triggerType: "triggerType", customClasses: "customClasses", isVisibleTooltip: "isVisibleTooltip" }, outputs: { toggleTooltip: "toggleTooltip" }, providers: [], ngImport: i0, template: "<div\r\n    class=\"mrx-tooltip-trigger\"\r\n    [class.active]=\"isVisibleTooltip\"\r\n    [class]=\"getClasses\"\r\n    (click)=\"onToggle()\"\r\n>\r\n  <span class=\"mrx-icon icon-font-16\" [class]=\"getIconClass\"></span>\r\n  <span class=\"tooltip-help\">\r\n    {{!isVisibleTooltip ? '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443' : '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443'}}\r\n  </span>\r\n</div>\r\n", styles: [".mrx-tooltip-trigger.mrx-tooltip-trigger{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger .mrx-icon{background-color:transparent;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover{width:max-content;background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.active,.mrx-tooltip-trigger.mrx-tooltip-trigger.active .mrx-icon{background-color:var(--brand-bg-tertiary-selected, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top{position:relative;width:calc(var(--sizing-4) + var(--sizing-half))}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top .tooltip-help{position:absolute;left:50%;top:-28px;z-index:1;transform:translate(-50%);overflow:hidden;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);text-align:center;color:var(--neutral-text-primary);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-spread) var(--box-shadow-secondary-color);border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF);padding:0;opacity:0;visibility:hidden;width:auto;height:0}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover{background:transparent}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover .tooltip-help{padding:var(--spacing-1);height:auto;width:max-content;opacity:1;visibility:visible}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{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);white-space:nowrap;width:0;transition:.2s;overflow:hidden;color:var(--neutral-text-primary);z-index:1}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover{border-radius:var(--border-radius-1)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}@media screen and (max-width: 991px){.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right{border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: { triggerTextPosition: "triggerTextPosition", triggerType: "triggerType", customClasses: "customClasses", isVisibleTooltip: "isVisibleTooltip" }, outputs: { toggleTooltip: "toggleTooltip" }, providers: [], ngImport: i0, template: "<div\r\n    class=\"mrx-tooltip-trigger\"\r\n    [class.active]=\"isVisibleTooltip\"\r\n    [class]=\"getClasses\"\r\n    (click)=\"onToggle()\"\r\n>\r\n  <span class=\"mrx-icon icon-font-16\" [class]=\"getIconClass\"></span>\r\n  <span class=\"tooltip-help\">\r\n    {{!isVisibleTooltip ? '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443' : '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443'}}\r\n  </span>\r\n</div>\r\n", styles: [".mrx-tooltip-trigger.mrx-tooltip-trigger{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger .mrx-icon{background-color:transparent;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover{width:max-content;background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.active,.mrx-tooltip-trigger.mrx-tooltip-trigger.active .mrx-icon{background-color:var(--brand-bg-tertiary-selected, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top{position:relative;width:calc(var(--sizing-4) + var(--sizing-half))}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top .tooltip-help{position:absolute;left:50%;top:-28px;z-index:1;transform:translate(-50%);overflow:hidden;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);text-align:center;color:var(--neutral-text-primary);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-spread) var(--box-shadow-secondary-color);border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF);padding:0;opacity:0;visibility:hidden;width:auto;height:0}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover{background:transparent}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover .tooltip-help{padding:var(--spacing-1);height:auto;width:max-content;opacity:1;visibility:visible}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{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);white-space:nowrap;width:0;transition:.2s;overflow:hidden;color:var(--neutral-text-primary);z-index:1}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover{border-radius:var(--border-radius-1)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}@media screen and (max-width: 991px){.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right{border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipTriggerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-tooltip-trigger', providers: [], template: "<div\r\n    class=\"mrx-tooltip-trigger\"\r\n    [class.active]=\"isVisibleTooltip\"\r\n    [class]=\"getClasses\"\r\n    (click)=\"onToggle()\"\r\n>\r\n  <span class=\"mrx-icon icon-font-16\" [class]=\"getIconClass\"></span>\r\n  <span class=\"tooltip-help\">\r\n    {{!isVisibleTooltip ? '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443' : '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443'}}\r\n  </span>\r\n</div>\r\n", styles: [".mrx-tooltip-trigger.mrx-tooltip-trigger{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger .mrx-icon{background-color:transparent;border-radius:50%}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover{width:max-content;background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger:hover .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.active,.mrx-tooltip-trigger.mrx-tooltip-trigger.active .mrx-icon{background-color:var(--brand-bg-tertiary-selected, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top{position:relative;width:calc(var(--sizing-4) + var(--sizing-half))}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top .tooltip-help{position:absolute;left:50%;top:-28px;z-index:1;transform:translate(-50%);overflow:hidden;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);text-align:center;color:var(--neutral-text-primary);box-shadow:var(--box-shadow-secondary-x) var(--box-shadow-secondary-y) var(--box-shadow-secondary-blur) var(--box-shadow-secondary-spread) var(--box-shadow-secondary-color);border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF);padding:0;opacity:0;visibility:hidden;width:auto;height:0}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover{background:transparent}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-top:hover .tooltip-help{padding:var(--spacing-1);height:auto;width:max-content;opacity:1;visibility:visible}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{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);white-space:nowrap;width:0;transition:.2s;overflow:hidden;color:var(--neutral-text-primary);z-index:1}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover{border-radius:var(--border-radius-1)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right:hover .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}@media screen and (max-width: 991px){.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right{border-radius:var(--border-radius-1);background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .mrx-icon{background-color:var(--brand-bg-tertiary-hover, #EDF5FF)}.mrx-tooltip-trigger.mrx-tooltip-trigger.trigger-right .tooltip-help{width:120px;padding:var(--spacing-0) var(--spacing-1)}}\n"] }]
         }], propDecorators: { triggerTextPosition: [{

package/esm2022/lib/components/tooltip/tooltip.component.mjs

@@ -25,8 +25,8 @@ export class TooltipComponent {
                 return 'type-attention';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TooltipComponent, selector: "mrx-tooltip", inputs: { tooltip: "tooltip", tooltipVisible: "tooltipVisible", tooltipInitiallyVisible: "tooltipInitiallyVisible", triggerType: "triggerType" }, outputs: { visibilityChanged: "visibilityChanged" }, ngImport: i0, template: "<div [@openClose]=\"tooltipVisible ? 'open' : 'closed'\"\r\n     class=\"mrx-tooltip-content\" [innerHTML]=\"tooltip\" [class]=\"getClasses\">\r\n</div>\r\n\r\n", styles: [".mrx-tooltip-content.mrx-tooltip-content{margin-top:var(--spacing-2);border-radius:var(--border-radius-1);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);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-2);overflow:hidden;color:var(--neutral-text-primary)}.mrx-tooltip-content.mrx-tooltip-content.type-attention{background-color:var(--system-bg-attention-secondary)}.mrx-tooltip-content.mrx-tooltip-content.type-info{background-color:var(--brand-bg-tertiary-hover)}\n"], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TooltipComponent, selector: "mrx-tooltip", inputs: { tooltip: "tooltip", tooltipVisible: "tooltipVisible", tooltipInitiallyVisible: "tooltipInitiallyVisible", triggerType: "triggerType" }, outputs: { visibilityChanged: "visibilityChanged" }, ngImport: i0, template: "<div [@openClose]=\"tooltipVisible ? 'open' : 'closed'\"\r\n     class=\"mrx-tooltip-content\" [innerHTML]=\"tooltip\" [class]=\"getClasses\">\r\n</div>\r\n\r\n", styles: [".mrx-tooltip-content.mrx-tooltip-content{margin-top:var(--spacing-2);border-radius:var(--border-radius-1);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);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-2);overflow:hidden;color:var(--neutral-text-primary)}.mrx-tooltip-content.mrx-tooltip-content.type-attention{background-color:var(--system-bg-attention-secondary)}.mrx-tooltip-content.mrx-tooltip-content.type-info{background-color:var(--brand-bg-tertiary-hover)}\n"], animations: [
             trigger('openClose', [
                 state('open', style({ height: '*', padding: '*', 'margin-bottom': '8px' })),
                 state('closed', style({ height: 0, padding: 0, 'margin-bottom': 0 })),
@@ -35,7 +35,7 @@ export class TooltipComponent {
             ]),
         ] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-tooltip', animations: [
                         trigger('openClose', [

package/esm2022/lib/components/tooltip/tooltip.module.mjs

@@ -5,11 +5,11 @@ import { FormsModule } from '@angular/forms';
 import { TooltipComponent } from './tooltip.component';
 import * as i0 from "@angular/core";
 export class TooltipModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent, TooltipTriggerComponent], imports: [CommonModule, FormsModule], exports: [TooltipComponent, TooltipTriggerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipModule, imports: [CommonModule, FormsModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent, TooltipTriggerComponent], imports: [CommonModule, FormsModule], exports: [TooltipComponent, TooltipTriggerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, imports: [CommonModule, FormsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TooltipComponent, TooltipTriggerComponent],

package/esm2022/lib/components/truncate-text/directives/truncate-text.directive.mjs

@@ -122,10 +122,10 @@ export class TruncateTextDirective {
     onResize(event) {
         this.checkTruncateButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateTextDirective, deps: [{ token: i0.ElementRef }, { token: i1.AnimationBuilder }, { token: i0.Renderer2 }, { token: i2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.11", type: TruncateTextDirective, selector: "[mrxTruncateText]", inputs: { count: "count", responsiveCount: "responsiveCount", lineHeight: "lineHeight", isOpen: "isOpen", truncateButtonRef: "truncateButtonRef" }, outputs: { changeVisibleButton: "changeVisibleButton" }, host: { listeners: { "window:resize": "onResize($event)" } }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextDirective, deps: [{ token: i0.ElementRef }, { token: i1.AnimationBuilder }, { token: i0.Renderer2 }, { token: i2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TruncateTextDirective, selector: "[mrxTruncateText]", inputs: { count: "count", responsiveCount: "responsiveCount", lineHeight: "lineHeight", isOpen: "isOpen", truncateButtonRef: "truncateButtonRef" }, outputs: { changeVisibleButton: "changeVisibleButton" }, host: { listeners: { "window:resize": "onResize($event)" } }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mrxTruncateText]',

package/esm2022/lib/components/truncate-text/truncate-text.component.mjs

@@ -12,10 +12,10 @@ export class TruncateTextComponent {
     changeVisibleButton(event) {
         this.isVisibleButton = event;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TruncateTextComponent, selector: "mrx-truncate-text", inputs: { count: "count", responsiveCount: "responsiveCount", isOpen: "isOpen", lineHeight: "lineHeight" }, ngImport: i0, template: "<div\r\n  class=\"mrx-truncate-text\"\r\n  mrxTruncateText\r\n  [class.mb-2]=\"isVisibleButton\"\r\n  [count]=\"count\"\r\n  [responsiveCount]=\"responsiveCount\"\r\n  [isOpen]=\"isOpen\"\r\n  [lineHeight]=\"lineHeight\"\r\n  (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n  *ngIf=\"isVisibleButton\"\r\n  type=\"pseudo\"\r\n  [prevent]=\"true\"\r\n  (click)=\"isOpen = !isOpen\"\r\n>\r\n  {{ isOpen ? '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C' : '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C' }}\r\n</mrx-link>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LinkComponent, selector: "mrx-link", inputs: ["href", "target", "routerLink", "queryParams", "type", "monochrome", "customClasses", "prevent", "size"], outputs: ["clicked"] }, { kind: "directive", type: i3.TruncateTextDirective, selector: "[mrxTruncateText]", inputs: ["count", "responsiveCount", "lineHeight", "isOpen", "truncateButtonRef"], outputs: ["changeVisibleButton"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TruncateTextComponent, selector: "mrx-truncate-text", inputs: { count: "count", responsiveCount: "responsiveCount", isOpen: "isOpen", lineHeight: "lineHeight" }, ngImport: i0, template: "<div\r\n  class=\"mrx-truncate-text\"\r\n  mrxTruncateText\r\n  [class.mb-2]=\"isVisibleButton\"\r\n  [count]=\"count\"\r\n  [responsiveCount]=\"responsiveCount\"\r\n  [isOpen]=\"isOpen\"\r\n  [lineHeight]=\"lineHeight\"\r\n  (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n  *ngIf=\"isVisibleButton\"\r\n  type=\"pseudo\"\r\n  [prevent]=\"true\"\r\n  (click)=\"isOpen = !isOpen\"\r\n>\r\n  {{ isOpen ? '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C' : '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C' }}\r\n</mrx-link>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LinkComponent, selector: "mrx-link", inputs: ["href", "target", "routerLink", "queryParams", "type", "monochrome", "customClasses", "prevent", "size"], outputs: ["clicked"] }, { kind: "directive", type: i3.TruncateTextDirective, selector: "[mrxTruncateText]", inputs: ["count", "responsiveCount", "lineHeight", "isOpen", "truncateButtonRef"], outputs: ["changeVisibleButton"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-truncate-text', template: "<div\r\n  class=\"mrx-truncate-text\"\r\n  mrxTruncateText\r\n  [class.mb-2]=\"isVisibleButton\"\r\n  [count]=\"count\"\r\n  [responsiveCount]=\"responsiveCount\"\r\n  [isOpen]=\"isOpen\"\r\n  [lineHeight]=\"lineHeight\"\r\n  (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n  *ngIf=\"isVisibleButton\"\r\n  type=\"pseudo\"\r\n  [prevent]=\"true\"\r\n  (click)=\"isOpen = !isOpen\"\r\n>\r\n  {{ isOpen ? '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C' : '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C' }}\r\n</mrx-link>\r\n" }]
         }], propDecorators: { count: [{

package/esm2022/lib/components/truncate-text/truncate-text.module.mjs

@@ -5,11 +5,11 @@ import { TruncateTextDirective } from './directives/truncate-text.directive';
 import { LinkModule } from '../link/link.module';
 import * as i0 from "@angular/core";
 export class TruncateTextModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: TruncateTextModule, declarations: [TruncateTextComponent, TruncateTextDirective], imports: [CommonModule, LinkModule], exports: [TruncateTextComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateTextModule, imports: [CommonModule, LinkModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextModule, declarations: [TruncateTextComponent, TruncateTextDirective], imports: [CommonModule, LinkModule], exports: [TruncateTextComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextModule, imports: [CommonModule, LinkModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateTextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TruncateTextComponent, TruncateTextDirective],

package/esm2022/lib/components/warning-message/warning-message.component.mjs

@@ -15,10 +15,10 @@ export class WarningMessageComponent {
             return this.message;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WarningMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: WarningMessageComponent, selector: "mrx-warning-message", inputs: { message: "message", customClasses: "customClasses" }, ngImport: i0, template: "<span\r\n    *ngFor=\"let messageArrayText of messageArray\"\r\n    class=\"mrx-warning-message d-block mt-1\"\r\n    [class]=\"getClasses\"\r\n>\r\n  {{messageArrayText}}\r\n  <ng-content></ng-content>\r\n</span>\r\n", styles: [".mrx-warning-message{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);color:var(--system-text-attention)}.mrx-warning-message a{color:var(--system-text-attention);text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WarningMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WarningMessageComponent, selector: "mrx-warning-message", inputs: { message: "message", customClasses: "customClasses" }, ngImport: i0, template: "<span\r\n    *ngFor=\"let messageArrayText of messageArray\"\r\n    class=\"mrx-warning-message d-block mt-1\"\r\n    [class]=\"getClasses\"\r\n>\r\n  {{messageArrayText}}\r\n  <ng-content></ng-content>\r\n</span>\r\n", styles: [".mrx-warning-message{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);color:var(--system-text-attention)}.mrx-warning-message a{color:var(--system-text-attention);text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WarningMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WarningMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-warning-message', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n    *ngFor=\"let messageArrayText of messageArray\"\r\n    class=\"mrx-warning-message d-block mt-1\"\r\n    [class]=\"getClasses\"\r\n>\r\n  {{messageArrayText}}\r\n  <ng-content></ng-content>\r\n</span>\r\n", styles: [".mrx-warning-message{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);color:var(--system-text-attention)}.mrx-warning-message a{color:var(--system-text-attention);text-decoration:underline}\n"] }]
         }], propDecorators: { message: [{

package/esm2022/lib/components/warning-message/warning-message.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { WarningMessageComponent } from './warning-message.component';
 import * as i0 from "@angular/core";
 export class WarningMessageModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WarningMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: WarningMessageModule, declarations: [WarningMessageComponent], imports: [CommonModule], exports: [WarningMessageComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WarningMessageModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WarningMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: WarningMessageModule, declarations: [WarningMessageComponent], imports: [CommonModule], exports: [WarningMessageComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WarningMessageModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WarningMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WarningMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WarningMessageComponent],

package/esm2022/lib/components/wrappers/content-wrapper/content-wrapper.component.mjs

@@ -9,10 +9,10 @@ export class ContentWrapperComponent {
     get getClasses() {
         return `${ContentWrapperTypeEnum[this.type]} ${this.customClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ContentWrapperComponent, selector: "mrx-content-wrapper", inputs: { type: "type", customClasses: "customClasses", maxWidth: "maxWidth" }, ngImport: i0, template: "<div\r\n  class=\"mrx-content-wrapper\"\r\n  [class]=\"getClasses\"\r\n  [ngStyle]=\"{maxWidth: maxWidth}\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-content-wrapper.mrx-content-wrapper{position:relative;max-width:100%;margin-left:auto;margin-right:auto}.mrx-content-wrapper.mrx-content-wrapper.type-colored{padding:24px;border-radius:4px;background:#fff;box-shadow:0 1px 4px #3b43571a}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ContentWrapperComponent, selector: "mrx-content-wrapper", inputs: { type: "type", customClasses: "customClasses", maxWidth: "maxWidth" }, ngImport: i0, template: "<div\r\n  class=\"mrx-content-wrapper\"\r\n  [class]=\"getClasses\"\r\n  [ngStyle]=\"{maxWidth: maxWidth}\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-content-wrapper.mrx-content-wrapper{position:relative;max-width:100%;margin-left:auto;margin-right:auto}.mrx-content-wrapper.mrx-content-wrapper.type-colored{padding:24px;border-radius:4px;background:#fff;box-shadow:0 1px 4px #3b43571a}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-content-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"mrx-content-wrapper\"\r\n  [class]=\"getClasses\"\r\n  [ngStyle]=\"{maxWidth: maxWidth}\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-content-wrapper.mrx-content-wrapper{position:relative;max-width:100%;margin-left:auto;margin-right:auto}.mrx-content-wrapper.mrx-content-wrapper.type-colored{padding:24px;border-radius:4px;background:#fff;box-shadow:0 1px 4px #3b43571a}\n"] }]
         }], propDecorators: { type: [{

package/esm2022/lib/components/wrappers/content-wrapper/content-wrapper.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { ContentWrapperComponent } from './content-wrapper.component';
 import * as i0 from "@angular/core";
 export class ContentWrapperModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ContentWrapperModule, declarations: [ContentWrapperComponent], imports: [CommonModule], exports: [ContentWrapperComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentWrapperModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ContentWrapperModule, declarations: [ContentWrapperComponent], imports: [CommonModule], exports: [ContentWrapperComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentWrapperModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentWrapperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentWrapperModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ContentWrapperComponent],

package/esm2022/lib/components/wrappers/controls-wrapper/components/controls-item/controls-item.component.mjs

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class ControlsItemComponent {
     separator = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ControlsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ControlsItemComponent, selector: "mrx-controls-item", inputs: { separator: "separator" }, ngImport: i0, template: "<div class=\"mrx-controls-wrapper__controls--item\" *ngIf=\"!separator; else separatorTemplate\">\r\n  <ng-content></ng-content>\r\n</div>\r\n<ng-template #separatorTemplate>\r\n  <div class=\"mrx-controls-wrapper__controls--separator\"></div>\r\n</ng-template>\r\n", styles: [".mrx-controls-wrapper__controls--item{height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff}.mrx-controls-wrapper__controls--item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.mrx-controls-wrapper__controls--item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.mrx-controls-wrapper__controls--item:hover{background-color:#eef0f4}.mrx-controls-wrapper__controls--separator{height:24px;display:flex;align-items:center;justify-content:center}.mrx-controls-wrapper__controls--separator:after{content:\"\";display:block;height:16px;width:1px;background-color:#bfc5cc;border-radius:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ControlsItemComponent, selector: "mrx-controls-item", inputs: { separator: "separator" }, ngImport: i0, template: "<div class=\"mrx-controls-wrapper__controls--item\" *ngIf=\"!separator; else separatorTemplate\">\r\n  <ng-content></ng-content>\r\n</div>\r\n<ng-template #separatorTemplate>\r\n  <div class=\"mrx-controls-wrapper__controls--separator\"></div>\r\n</ng-template>\r\n", styles: [".mrx-controls-wrapper__controls--item{height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff}.mrx-controls-wrapper__controls--item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.mrx-controls-wrapper__controls--item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.mrx-controls-wrapper__controls--item:hover{background-color:#eef0f4}.mrx-controls-wrapper__controls--separator{height:24px;display:flex;align-items:center;justify-content:center}.mrx-controls-wrapper__controls--separator:after{content:\"\";display:block;height:16px;width:1px;background-color:#bfc5cc;border-radius:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ControlsItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-controls-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-controls-wrapper__controls--item\" *ngIf=\"!separator; else separatorTemplate\">\r\n  <ng-content></ng-content>\r\n</div>\r\n<ng-template #separatorTemplate>\r\n  <div class=\"mrx-controls-wrapper__controls--separator\"></div>\r\n</ng-template>\r\n", styles: [".mrx-controls-wrapper__controls--item{height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff}.mrx-controls-wrapper__controls--item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.mrx-controls-wrapper__controls--item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.mrx-controls-wrapper__controls--item:hover{background-color:#eef0f4}.mrx-controls-wrapper__controls--separator{height:24px;display:flex;align-items:center;justify-content:center}.mrx-controls-wrapper__controls--separator:after{content:\"\";display:block;height:16px;width:1px;background-color:#bfc5cc;border-radius:4px}\n"] }]
         }], propDecorators: { separator: [{

package/esm2022/lib/components/wrappers/controls-wrapper/controls-wrapper.component.mjs

@@ -8,10 +8,10 @@ export class ControlsWrapperComponent {
     get getClasses() {
         return `${ControlsVisibilityEnum[this.visibility]}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ControlsWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ControlsWrapperComponent, selector: "mrx-controls-wrapper", inputs: { visibility: "visibility" }, queries: [{ propertyName: "controls", first: true, predicate: ["controls"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-controls-wrapper\">\r\n  <ng-content></ng-content>\r\n\r\n  <div class=\"mrx-controls-wrapper__controls\" [class]=\"getClasses\">\r\n    <ng-container *ngTemplateOutlet=\"controls\"></ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-controls-wrapper.mrx-controls-wrapper{position:relative}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls{position:absolute;top:-12px;right:-12px;box-shadow:0 1px 4px #3a3a3a4d;border-radius:4px;display:flex}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls.visibility-auto{visibility:hidden;opacity:0;transition:.3s}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls.visibility-hide{visibility:hidden;opacity:0}.mrx-controls-wrapper.mrx-controls-wrapper:hover .visibility-auto{visibility:visible;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ControlsWrapperComponent, selector: "mrx-controls-wrapper", inputs: { visibility: "visibility" }, queries: [{ propertyName: "controls", first: true, predicate: ["controls"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-controls-wrapper\">\r\n  <ng-content></ng-content>\r\n\r\n  <div class=\"mrx-controls-wrapper__controls\" [class]=\"getClasses\">\r\n    <ng-container *ngTemplateOutlet=\"controls\"></ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-controls-wrapper.mrx-controls-wrapper{position:relative}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls{position:absolute;top:-12px;right:-12px;box-shadow:0 1px 4px #3a3a3a4d;border-radius:4px;display:flex}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls.visibility-auto{visibility:hidden;opacity:0;transition:.3s}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls.visibility-hide{visibility:hidden;opacity:0}.mrx-controls-wrapper.mrx-controls-wrapper:hover .visibility-auto{visibility:visible;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ControlsWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-controls-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-controls-wrapper\">\r\n  <ng-content></ng-content>\r\n\r\n  <div class=\"mrx-controls-wrapper__controls\" [class]=\"getClasses\">\r\n    <ng-container *ngTemplateOutlet=\"controls\"></ng-container>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-controls-wrapper.mrx-controls-wrapper{position:relative}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls{position:absolute;top:-12px;right:-12px;box-shadow:0 1px 4px #3a3a3a4d;border-radius:4px;display:flex}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls.visibility-auto{visibility:hidden;opacity:0;transition:.3s}.mrx-controls-wrapper.mrx-controls-wrapper .mrx-controls-wrapper__controls.visibility-hide{visibility:hidden;opacity:0}.mrx-controls-wrapper.mrx-controls-wrapper:hover .visibility-auto{visibility:visible;opacity:1}\n"] }]
         }], propDecorators: { visibility: [{

package/esm2022/lib/components/wrappers/controls-wrapper/controls-wrapper.module.mjs

@@ -4,11 +4,11 @@ import { ControlsWrapperComponent } from './controls-wrapper.component';
 import { ControlsItemComponent } from './components/controls-item/controls-item.component';
 import * as i0 from "@angular/core";
 export class ControlsWrapperModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ControlsWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ControlsWrapperModule, declarations: [ControlsWrapperComponent, ControlsItemComponent], imports: [CommonModule], exports: [ControlsWrapperComponent, ControlsItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ControlsWrapperModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ControlsWrapperModule, declarations: [ControlsWrapperComponent, ControlsItemComponent], imports: [CommonModule], exports: [ControlsWrapperComponent, ControlsItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsWrapperModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ControlsWrapperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsWrapperModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ControlsWrapperComponent, ControlsItemComponent],

package/esm2022/lib/components/wrappers/widget-wrapper/widget-wrapper.component.mjs

@@ -37,8 +37,8 @@ export class WidgetWrapperComponent {
         this._animateState = this._animateState === 'initial' ? 'expanded' : 'initial';
         this.toggleWidgetContent.emit(this.isOpen);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WidgetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: WidgetWrapperComponent, selector: "mrx-widget-wrapper", inputs: { title: "title", titleInfo: "titleInfo", titleStatus: "titleStatus", iconClass: "iconClass", isOpen: "isOpen", customClasses: "customClasses" }, outputs: { toggleWidgetContent: "toggleWidgetContent" }, queries: [{ propertyName: "templateHeadTitle", first: true, predicate: ["templateHeadTitle"], descendants: true }, { propertyName: "templateHeadLeft", first: true, predicate: ["templateHeadLeft"], descendants: true }, { propertyName: "templateHeadRight", first: true, predicate: ["templateHeadRight"], descendants: true }, { propertyName: "templateContent", first: true, predicate: ["templateContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-widget\" [class]=\"getClasses\">\r\n  <div class=\"mrx-widget__header\" (click)=\"changeVisibleContent()\">\r\n    <div class=\"mrx-widget__header-content mr-4 flex-column flex-sm-row align-items-start align-items-sm-center\">\r\n      <div class=\"mrx-widget__header-content--left justify-content-start\">\r\n        <div class=\"mrx-widget__header-title\" *ngIf=\"!templateHeadTitle; else titleTemplate\">\r\n          <h6 class=\"mrx-widget__header-title--wrapper\">\r\n            <span\r\n              *ngIf=\"iconClass\"\r\n              [class]=\"getTitleIconClasses\"\r\n              class=\"mrx-icon icon-font-24 icon-filled-color-negative\"\r\n            ></span>\r\n            <span\r\n              *ngIf=\"title\"\r\n              [class]=\"getTitleTextClasses\"\r\n              class=\"mrx-widget__header-title--text color-negative\"\r\n            >{{ title }}</span>\r\n          </h6>\r\n          <span class=\"mrx-widget__header-title--info\" *ngIf=\"titleInfo\">{{ titleInfo }}</span>\r\n        </div>\r\n        <ng-template #titleTemplate>\r\n          <ng-container *ngTemplateOutlet=\"templateHeadTitle\"></ng-container>\r\n        </ng-template>\r\n        <ng-container *ngTemplateOutlet=\"templateHeadLeft\"></ng-container>\r\n      </div>\r\n      <div class=\"mrx-widget__header-content--right justify-content-start\" *ngIf=\"templateHeadRight\">\r\n        <ng-container *ngTemplateOutlet=\"templateHeadRight\"></ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"mrx-widget__header-arrow\">\r\n      <span class=\"mrx-widget__header-arrow--text mr-2 d-none d-md-flex justify-content-end\">{{ isOpen ? '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C' : '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C' }}</span>\r\n      <span\r\n        [ngStyle]=\"{transform: isOpen ? 'rotate(0deg)' : 'rotate(180deg)'}\"\r\n        class=\"mrx-icon icon-chevron-up icon-font-24\"\r\n      ></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-widget__content\" [@expandedPanel]=\"isOpenState\">\r\n    <div class=\"mrx-widget__content-box px-4 py-3\">\r\n      <ng-container *ngIf=\"templateContent; else contentTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\r\n      </ng-container>\r\n      <ng-template #contentTemplate>\r\n        <ng-content></ng-content>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-widget{box-shadow:0 2px 10px #3a3a3a1a;border-radius:var(--border-radius-1);background:#fff}.mrx-widget__header{padding:var(--spacing-2) var(--spacing-6);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.mrx-widget__header-content{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:wrap;gap:var(--spacing-2)}.mrx-widget__header-content--left{display:flex;align-items:center;justify-content:flex-start;flex-grow:1;flex-wrap:wrap;gap:var(--spacing-2)}.mrx-widget__header-content--right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex-shrink:0}.mrx-widget__header-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.mrx-widget__header-title--wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mrx-widget__header-title--text{font-family:var(--headlines-lvl-6-font-family);font-size:var(--headlines-lvl-6-font-size);font-weight:var(--headlines-lvl-6-font-weight);line-height:var(--headlines-lvl-6-line-height);color:var(--neutral-text-primary, #282828)}.mrx-widget__header-title--info{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);color:var(--neutral-text-secondary, #4D5157)}.mrx-widget__header-arrow{display:flex;align-items:center;flex-shrink:0}.mrx-widget__header-arrow--text{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);min-width:70px}.mrx-widget__content{border-top:1px solid var(--neutral-bg-stroke-default)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WidgetWrapperComponent, selector: "mrx-widget-wrapper", inputs: { title: "title", titleInfo: "titleInfo", titleStatus: "titleStatus", iconClass: "iconClass", isOpen: "isOpen", customClasses: "customClasses" }, outputs: { toggleWidgetContent: "toggleWidgetContent" }, queries: [{ propertyName: "templateHeadTitle", first: true, predicate: ["templateHeadTitle"], descendants: true }, { propertyName: "templateHeadLeft", first: true, predicate: ["templateHeadLeft"], descendants: true }, { propertyName: "templateHeadRight", first: true, predicate: ["templateHeadRight"], descendants: true }, { propertyName: "templateContent", first: true, predicate: ["templateContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-widget\" [class]=\"getClasses\">\r\n  <div class=\"mrx-widget__header\" (click)=\"changeVisibleContent()\">\r\n    <div class=\"mrx-widget__header-content mr-4 flex-column flex-sm-row align-items-start align-items-sm-center\">\r\n      <div class=\"mrx-widget__header-content--left justify-content-start\">\r\n        <div class=\"mrx-widget__header-title\" *ngIf=\"!templateHeadTitle; else titleTemplate\">\r\n          <h6 class=\"mrx-widget__header-title--wrapper\">\r\n            <span\r\n              *ngIf=\"iconClass\"\r\n              [class]=\"getTitleIconClasses\"\r\n              class=\"mrx-icon icon-font-24 icon-filled-color-negative\"\r\n            ></span>\r\n            <span\r\n              *ngIf=\"title\"\r\n              [class]=\"getTitleTextClasses\"\r\n              class=\"mrx-widget__header-title--text color-negative\"\r\n            >{{ title }}</span>\r\n          </h6>\r\n          <span class=\"mrx-widget__header-title--info\" *ngIf=\"titleInfo\">{{ titleInfo }}</span>\r\n        </div>\r\n        <ng-template #titleTemplate>\r\n          <ng-container *ngTemplateOutlet=\"templateHeadTitle\"></ng-container>\r\n        </ng-template>\r\n        <ng-container *ngTemplateOutlet=\"templateHeadLeft\"></ng-container>\r\n      </div>\r\n      <div class=\"mrx-widget__header-content--right justify-content-start\" *ngIf=\"templateHeadRight\">\r\n        <ng-container *ngTemplateOutlet=\"templateHeadRight\"></ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"mrx-widget__header-arrow\">\r\n      <span class=\"mrx-widget__header-arrow--text mr-2 d-none d-md-flex justify-content-end\">{{ isOpen ? '\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C' : '\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C' }}</span>\r\n      <span\r\n        [ngStyle]=\"{transform: isOpen ? 'rotate(0deg)' : 'rotate(180deg)'}\"\r\n        class=\"mrx-icon icon-chevron-up icon-font-24\"\r\n      ></span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mrx-widget__content\" [@expandedPanel]=\"isOpenState\">\r\n    <div class=\"mrx-widget__content-box px-4 py-3\">\r\n      <ng-container *ngIf=\"templateContent; else contentTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\r\n      </ng-container>\r\n      <ng-template #contentTemplate>\r\n        <ng-content></ng-content>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-widget{box-shadow:0 2px 10px #3a3a3a1a;border-radius:var(--border-radius-1);background:#fff}.mrx-widget__header{padding:var(--spacing-2) var(--spacing-6);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.mrx-widget__header-content{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:wrap;gap:var(--spacing-2)}.mrx-widget__header-content--left{display:flex;align-items:center;justify-content:flex-start;flex-grow:1;flex-wrap:wrap;gap:var(--spacing-2)}.mrx-widget__header-content--right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex-shrink:0}.mrx-widget__header-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.mrx-widget__header-title--wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mrx-widget__header-title--text{font-family:var(--headlines-lvl-6-font-family);font-size:var(--headlines-lvl-6-font-size);font-weight:var(--headlines-lvl-6-font-weight);line-height:var(--headlines-lvl-6-line-height);color:var(--neutral-text-primary, #282828)}.mrx-widget__header-title--info{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);color:var(--neutral-text-secondary, #4D5157)}.mrx-widget__header-arrow{display:flex;align-items:center;flex-shrink:0}.mrx-widget__header-arrow--text{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);min-width:70px}.mrx-widget__content{border-top:1px solid var(--neutral-bg-stroke-default)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
             trigger('expandedPanel', [
                 state('initial', style({ height: 0, opacity: 0 })),
                 state('expanded', style({ height: '*', opacity: 1 })),
@@ -53,7 +53,7 @@ export class WidgetWrapperComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WidgetWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-widget-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('expandedPanel', [

package/esm2022/lib/components/wrappers/widget-wrapper/widget-wrapper.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { WidgetWrapperComponent } from './widget-wrapper.component';
 import * as i0 from "@angular/core";
 export class WidgetWrapperModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WidgetWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: WidgetWrapperModule, declarations: [WidgetWrapperComponent], imports: [CommonModule], exports: [WidgetWrapperComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WidgetWrapperModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: WidgetWrapperModule, declarations: [WidgetWrapperComponent], imports: [CommonModule], exports: [WidgetWrapperComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetWrapperModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WidgetWrapperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetWrapperModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/directives/autosize/autosize.directive.mjs

@@ -32,10 +32,10 @@ export class AutosizeDirective {
     setHeight(value) {
         this.renderer.setStyle(this.elem.nativeElement, 'height', value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AutosizeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.11", type: AutosizeDirective, selector: "[mrxAutosize]", inputs: { rows: "rows", autosize: "autosize" }, host: { listeners: { "input": "resize()" }, properties: { "style.overflow": "this.overflow", "rows": "this.rows" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutosizeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: AutosizeDirective, selector: "[mrxAutosize]", inputs: { rows: "rows", autosize: "autosize" }, host: { listeners: { "input": "resize()" }, properties: { "style.overflow": "this.overflow", "rows": "this.rows" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AutosizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutosizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mrxAutosize]'

package/esm2022/lib/directives/autosize/autosize.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { AutosizeDirective } from './autosize.directive';
 import * as i0 from "@angular/core";
 export class AutosizeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AutosizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: AutosizeModule, declarations: [AutosizeDirective], imports: [CommonModule], exports: [AutosizeDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AutosizeModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutosizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AutosizeModule, declarations: [AutosizeDirective], imports: [CommonModule], exports: [AutosizeDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutosizeModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AutosizeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutosizeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/directives/truncate/truncate.directive.mjs

@@ -16,10 +16,10 @@ export class TruncateDirective {
         this.renderer.setStyle(this.elementRef.nativeElement, '-webkit-box-orient', 'vertical');
         this.renderer.setStyle(this.elementRef.nativeElement, 'max-height', this.height);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.11", type: TruncateDirective, selector: "[mrxTruncate]", inputs: { rows: ["mrxTruncateRows", "rows"], height: ["mrxTruncateHeight", "height"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TruncateDirective, selector: "[mrxTruncate]", inputs: { rows: ["mrxTruncateRows", "rows"], height: ["mrxTruncateHeight", "height"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mrxTruncate]',

package/esm2022/lib/directives/truncate/truncate.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { TruncateDirective } from './truncate.directive';
 import * as i0 from "@angular/core";
 export class TruncateDirectiveModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: TruncateDirectiveModule, declarations: [TruncateDirective], imports: [CommonModule], exports: [TruncateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateDirectiveModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TruncateDirectiveModule, declarations: [TruncateDirective], imports: [CommonModule], exports: [TruncateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateDirectiveModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TruncateDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TruncateDirective],

package/esm2022/lib/pipes/currency/currency.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { CurrencyPipe } from './currency.pipe';
 import * as i0 from "@angular/core";
 export class CurrencyModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: CurrencyModule, declarations: [CurrencyPipe], imports: [CommonModule], exports: [CurrencyPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CurrencyModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CurrencyModule, declarations: [CurrencyPipe], imports: [CommonModule], exports: [CurrencyPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencyModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CurrencyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencyModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CurrencyPipe],

package/esm2022/lib/pipes/currency/currency.pipe.mjs

@@ -10,10 +10,10 @@ export class CurrencyPipe {
             currency: 'RUB',
         }).format(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CurrencyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: CurrencyPipe, name: "currencyFormat" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CurrencyPipe, name: "currencyFormat" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CurrencyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'currencyFormat'

package/esm2022/lib/pipes/date/date-format.module.mjs

@@ -4,11 +4,11 @@ import { DateFormatPipe } from './date-format.pipe';
 import { DateTimeFormatPipe } from './date-time-format.pipe';
 import * as i0 from "@angular/core";
 export class DateFormatModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DateFormatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: DateFormatModule, declarations: [DateFormatPipe, DateTimeFormatPipe], imports: [CommonModule], exports: [DateFormatPipe, DateTimeFormatPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DateFormatModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateFormatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DateFormatModule, declarations: [DateFormatPipe, DateTimeFormatPipe], imports: [CommonModule], exports: [DateFormatPipe, DateTimeFormatPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateFormatModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DateFormatModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateFormatModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DateFormatPipe, DateTimeFormatPipe],