myrta-ui 1.0.32 → 1.0.34

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

@@ -1,4 +1,4 @@
-import { Component, ContentChild, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output } from '@angular/core';
 import { animate, keyframes, state, style, transition, trigger } from '@angular/animations';
 import { WidgetWrapperTitleStatusIconEnum, WidgetWrapperTitleStatusTextEnum } from "./widget-wrapper.enum";
 import * as i0 from "@angular/core";
@@ -11,11 +11,15 @@ export class WidgetWrapperComponent {
         this.titleStatus = 'default';
         this.iconClass = '';
         this.isOpen = true;
+        this.customClasses = '';
         this.toggleWidgetContent = new EventEmitter();
     }
     ngOnInit() {
         this._animateState = this.isOpen ? 'expanded' : 'initial';
     }
+    get getClasses() {
+        return `${this.customClasses}`;
+    }
     get isOpenState() {
         return this._animateState;
     }
@@ -32,7 +36,7 @@ export class WidgetWrapperComponent {
     }
 }
 WidgetWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WidgetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WidgetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: WidgetWrapperComponent, selector: "mrx-widget-wrapper", inputs: { title: "title", titleInfo: "titleInfo", titleStatus: "titleStatus", iconClass: "iconClass", isOpen: "isOpen" }, 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\">\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-16\"\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"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
+WidgetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
         trigger('expandedPanel', [
             state('initial', style({ height: 0, opacity: 0 })),
             state('expanded', style({ height: '*', opacity: 1 })),
@@ -45,10 +49,10 @@ WidgetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 style({ height: 0, offset: 1 })
             ])))
         ]),
-    ] });
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WidgetWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-widget-wrapper', animations: [
+            args: [{ selector: 'mrx-widget-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('expandedPanel', [
                             state('initial', style({ height: 0, opacity: 0 })),
                             state('expanded', style({ height: '*', opacity: 1 })),
@@ -61,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                                 style({ height: 0, offset: 1 })
                             ])))
                         ]),
-                    ], template: "<div class=\"mrx-widget\">\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-16\"\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"] }]
+                    ], 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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { title: [{
                 type: Input
             }], titleInfo: [{
@@ -72,6 +76,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], isOpen: [{
                 type: Input
+            }], customClasses: [{
+                type: Input
             }], toggleWidgetContent: [{
                 type: Output
             }], templateHeadTitle: [{
@@ -87,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: ContentChild,
                 args: ['templateContent']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3dyYXBwZXJzL3dpZGdldC13cmFwcGVyL3dpZGdldC13cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy93cmFwcGVycy93aWRnZXQtd3JhcHBlci93aWRnZXQtd3JhcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUMxRyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUU1RixPQUFPLEVBQ0wsZ0NBQWdDLEVBQ2hDLGdDQUFnQyxFQUVqQyxNQUFNLHVCQUF1QixDQUFDOzs7QUFxQi9CLE1BQU0sT0FBTyxzQkFBc0I7SUFnQmpDO1FBZlEsa0JBQWEsR0FBMkIsU0FBUyxDQUFBO1FBRWhELFVBQUssR0FBRyxFQUFFLENBQUE7UUFDVixjQUFTLEdBQUcsRUFBRSxDQUFBO1FBQ2QsZ0JBQVcsR0FBa0MsU0FBUyxDQUFBO1FBQ3RELGNBQVMsR0FBRyxFQUFFLENBQUE7UUFDZCxXQUFNLEdBQUcsSUFBSSxDQUFBO1FBRVosd0JBQW1CLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7SUFPbkUsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQTtJQUMzRCxD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QUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBQyxDQUFDOzZCQUM5QixDQUFDLENBQUMsQ0FBQzt5QkFDTCxDQUFDO3FCQUNIOzBFQUtRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUU0QixpQkFBaUI7c0JBQW5ELFlBQVk7dUJBQUMsbUJBQW1CO2dCQUNDLGdCQUFnQjtzQkFBakQsWUFBWTt1QkFBQyxrQkFBa0I7Z0JBQ0csaUJBQWlCO3NCQUFuRCxZQUFZO3VCQUFDLG1CQUFtQjtnQkFDQSxlQUFlO3NCQUEvQyxZQUFZO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwga2V5ZnJhbWVzLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQnV0dG9uQ29sb3JzRW51bSwgQnV0dG9uSWNvblBvc2l0aW9uRW51bSwgQnV0dG9uU2l6ZXNFbnVtLCBCdXR0b25UeXBlc0VudW0gfSBmcm9tIFwiLi4vLi4vYnV0dG9uL2J1dHRvbi5lbnVtXCI7XHJcbmltcG9ydCB7XHJcbiAgV2lkZ2V0V3JhcHBlclRpdGxlU3RhdHVzSWNvbkVudW0sXHJcbiAgV2lkZ2V0V3JhcHBlclRpdGxlU3RhdHVzVGV4dEVudW0sXHJcbiAgV2lkZ2V0V3JhcHBlclRpdGxlU3RhdHVzVHlwZXNcclxufSBmcm9tIFwiLi93aWRnZXQtd3JhcHBlci5lbnVtXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC13aWRnZXQtd3JhcHBlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3dpZGdldC13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93aWRnZXQtd3JhcHBlci5jb21wb25lbnQubGVzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2V4cGFuZGVkUGFuZWwnLCBbXHJcbiAgICAgIHN0YXRlKCdpbml0aWFsJywgc3R5bGUoe2hlaWdodDogMCwgb3BhY2l0eTogMH0pKSxcclxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoe2hlaWdodDogJyonLCBvcGFjaXR5OiAxfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdpbml0aWFsID0+IGV4cGFuZGVkJywgYW5pbWF0ZSgnMC4ycycsIGtleWZyYW1lcyhbXHJcbiAgICAgICAgc3R5bGUoe2hlaWdodDogJyonLCBvZmZzZXQ6IDAuN30pLFxyXG4gICAgICAgIHN0eWxlKHtvcGFjaXR5OiAxLCBvZmZzZXQ6IDF9KVxyXG4gICAgICBdKSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA9PiBpbml0aWFsJywgYW5pbWF0ZSgnMC4ycycsIGtleWZyYW1lcyhbXHJcbiAgICAgICAgc3R5bGUoe29wYWNpdHk6IDAsIG9mZnNldDogMC40fSksXHJcbiAgICAgICAgc3R5bGUoe2hlaWdodDogMCwgb2Zmc2V0OiAxfSlcclxuICAgICAgXSkpKVxyXG4gICAgXSksXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFdpZGdldFdyYXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHByaXZhdGUgX2FuaW1hdGVTdGF0ZTogJ2luaXRpYWwnIHwgJ2V4cGFuZGVkJyA9ICdpbml0aWFsJ1xyXG5cclxuICBASW5wdXQoKSB0aXRsZSA9ICcnXHJcbiAgQElucHV0KCkgdGl0bGVJbmZvID0gJydcclxuICBASW5wdXQoKSB0aXRsZVN0YXR1czogV2lkZ2V0V3JhcHBlclRpdGxlU3RhdHVzVHlwZXMgPSAnZGVmYXVsdCdcclxuICBASW5wdXQoKSBpY29uQ2xhc3MgPSAnJ1xyXG4gIEBJbnB1dCgpIGlzT3BlbiA9IHRydWVcclxuXHJcbiAgQE91dHB1dCgpIHRvZ2dsZVdpZGdldENvbnRlbnQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgQENvbnRlbnRDaGlsZCgndGVtcGxhdGVIZWFkVGl0bGUnKSB0ZW1wbGF0ZUhlYWRUaXRsZSE6IFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50PjtcclxuICBAQ29udGVudENoaWxkKCd0ZW1wbGF0ZUhlYWRMZWZ0JykgdGVtcGxhdGVIZWFkTGVmdCE6IFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50PjtcclxuICBAQ29udGVudENoaWxkKCd0ZW1wbGF0ZUhlYWRSaWdodCcpIHRlbXBsYXRlSGVhZFJpZ2h0ITogVGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+O1xyXG4gIEBDb250ZW50Q2hpbGQoJ3RlbXBsYXRlQ29udGVudCcpIHRlbXBsYXRlQ29udGVudCE6IFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50PjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLl9hbmltYXRlU3RhdGUgPSB0aGlzLmlzT3BlbiA/ICdleHBhbmRlZCcgOiAnaW5pdGlhbCdcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgaXNPcGVuU3RhdGUoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl9hbmltYXRlU3RhdGVcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0VGl0bGVUZXh0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke1dpZGdldFdyYXBwZXJUaXRsZVN0YXR1c1RleHRFbnVtW3RoaXMudGl0bGVTdGF0dXNdfWA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldFRpdGxlSWNvbkNsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtXaWRnZXRXcmFwcGVyVGl0bGVTdGF0dXNJY29uRW51bVt0aGlzLnRpdGxlU3RhdHVzXX0gJHt0aGlzLmljb25DbGFzc31gO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNoYW5nZVZpc2libGVDb250ZW50KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW5cclxuICAgIHRoaXMuX2FuaW1hdGVTdGF0ZSA9IHRoaXMuX2FuaW1hdGVTdGF0ZSA9PT0gJ2luaXRpYWwnID8gJ2V4cGFuZGVkJyA6ICdpbml0aWFsJ1xyXG4gICAgdGhpcy50b2dnbGVXaWRnZXRDb250ZW50LmVtaXQodGhpcy5pc09wZW4pXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtd2lkZ2V0XCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1yeC13aWRnZXRfX2hlYWRlclwiIChjbGljayk9XCJjaGFuZ2VWaXNpYmxlQ29udGVudCgpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXJ4LXdpZGdldF9faGVhZGVyLWNvbnRlbnQgbXItNCBmbGV4LWNvbHVtbiBmbGV4LXNtLXJvdyBhbGlnbi1pdGVtcy1zdGFydCBhbGlnbi1pdGVtcy1zbS1jZW50ZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1yeC13aWRnZXRfX2hlYWRlci1jb250ZW50LS1sZWZ0IGp1c3RpZnktY29udGVudC1zdGFydFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtcngtd2lkZ2V0X19oZWFkZXItdGl0bGVcIiAqbmdJZj1cIiF0ZW1wbGF0ZUhlYWRUaXRsZTsgZWxzZSB0aXRsZVRlbXBsYXRlXCI+XHJcbiAgICAgICAgICA8aDYgY2xhc3M9XCJtcngtd2lkZ2V0X19oZWFkZXItdGl0bGUtLXdyYXBwZXJcIj5cclxuICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAqbmdJZj1cImljb25DbGFzc1wiXHJcbiAgICAgICAgICAgICAgW2NsYXNzXT1cImdldFRpdGxlSWNvbkNsYXNzZXNcIlxyXG4gICAgICAgICAgICAgIGNsYXNzPVwibXJ4LWljb24gaWNvbi1mb250LTI0IGljb24tZmlsbGVkLWNvbG9yLW5lZ2F0aXZlXCJcclxuICAgICAgICAgICAgPjwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAqbmdJZj1cInRpdGxlXCJcclxuICAgICAgICAgICAgICBbY2xhc3NdPVwiZ2V0VGl0bGVUZXh0Q2xhc3Nlc1wiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtcngtd2lkZ2V0X19oZWFkZXItdGl0bGUtLXRleHQgY29sb3ItbmVnYXRpdmVcIlxyXG4gICAgICAgICAgICA+e3sgdGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2g2PlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJtcngtd2lkZ2V0X19oZWFkZXItdGl0bGUtLWluZm9cIiAqbmdJZj1cInRpdGxlSW5mb1wiPnt7IHRpdGxlSW5mbyB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI3RpdGxlVGVtcGxhdGU+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVIZWFkVGl0bGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZUhlYWRMZWZ0XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXJ4LXdpZGdldF9faGVhZGVyLWNvbnRlbnQtLXJpZ2h0IGp1c3RpZnktY29udGVudC1zdGFydFwiICpuZ0lmPVwidGVtcGxhdGVIZWFkUmlnaHRcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVIZWFkUmlnaHRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJtcngtd2lkZ2V0X19oZWFkZXItYXJyb3dcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtcngtd2lkZ2V0X19oZWFkZXItYXJyb3ctLXRleHQgbXItMiBkLW5vbmUgZC1tZC1mbGV4IGp1c3RpZnktY29udGVudC1lbmRcIj57eyBpc09wZW4gPyAn0KHQstC10YDQvdGD0YLRjCcgOiAn0KDQsNC30LLQtdGA0L3Rg9GC0YwnIH19PC9zcGFuPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgIFtuZ1N0eWxlXT1cInt0cmFuc2Zvcm06IGlzT3BlbiA/ICdyb3RhdGUoMGRlZyknIDogJ3JvdGF0ZSgxODBkZWcpJ31cIlxyXG4gICAgICAgIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jaGV2cm9uLXVwIGljb24tZm9udC0xNlwiXHJcbiAgICAgID48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cIm1yeC13aWRnZXRfX2NvbnRlbnRcIiBbQGV4cGFuZGVkUGFuZWxdPVwiaXNPcGVuU3RhdGVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtcngtd2lkZ2V0X19jb250ZW50LWJveCBweC00IHB5LTNcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlbXBsYXRlQ29udGVudDsgZWxzZSBjb250ZW50VGVtcGxhdGVcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVDb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8bmctdGVtcGxhdGUgI2NvbnRlbnRUZW1wbGF0ZT5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LXdyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL3dyYXBwZXJzL3dpZGdldC13cmFwcGVyL3dpZGdldC13cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy93cmFwcGVycy93aWRnZXQtd3JhcHBlci93aWRnZXQtd3JhcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDNUYsT0FBTyxFQUNMLGdDQUFnQyxFQUNoQyxnQ0FBZ0MsRUFFakMsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBc0IvQixNQUFNLE9BQU8sc0JBQXNCO0lBaUJqQztRQWhCUSxrQkFBYSxHQUEyQixTQUFTLENBQUE7UUFFaEQsVUFBSyxHQUFHLEVBQUUsQ0FBQTtRQUNWLGNBQVMsR0FBRyxFQUFFLENBQUE7UUFDZCxnQkFBVyxHQUFrQyxTQUFTLENBQUE7UUFDdEQsY0FBUyxHQUFHLEVBQUUsQ0FBQTtRQUNkLFdBQU0sR0FBRyxJQUFJLENBQUE7UUFDYixrQkFBYSxHQUFHLEVBQUUsQ0FBQTtRQUVqQix3QkFBbUIsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQU9uRSxDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxD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QUFDLHFCQUFxQixFQUFFLE9BQU8sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDO2dDQUMxRCxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsQ0FBQztnQ0FDaEMsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFDLENBQUM7NkJBQzlCLENBQUMsQ0FBQyxDQUFDO3lCQUNMLENBQUM7cUJBQ0g7MEVBS1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVJLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFFNEIsaUJBQWlCO3NCQUFuRCxZQUFZO3VCQUFDLG1CQUFtQjtnQkFDQyxnQkFBZ0I7c0JBQWpELFlBQVk7dUJBQUMsa0JBQWtCO2dCQUNHLGlCQUFpQjtzQkFBbkQsWUFBWTt1QkFBQyxtQkFBbUI7Z0JBQ0EsZUFBZTtzQkFBL0MsWUFBWTt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbiAgVGVtcGxhdGVSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwga2V5ZnJhbWVzLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHtcclxuICBXaWRnZXRXcmFwcGVyVGl0bGVTdGF0dXNJY29uRW51bSxcclxuICBXaWRnZXRXcmFwcGVyVGl0bGVTdGF0dXNUZXh0RW51bSxcclxuICBXaWRnZXRXcmFwcGVyVGl0bGVTdGF0dXNUeXBlc1xyXG59IGZyb20gXCIuL3dpZGdldC13cmFwcGVyLmVudW1cIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LXdpZGdldC13cmFwcGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vd2lkZ2V0LXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3dpZGdldC13cmFwcGVyLmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcignZXhwYW5kZWRQYW5lbCcsIFtcclxuICAgICAgc3RhdGUoJ2luaXRpYWwnLCBzdHlsZSh7aGVpZ2h0OiAwLCBvcGFjaXR5OiAwfSkpLFxyXG4gICAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7aGVpZ2h0OiAnKicsIG9wYWNpdHk6IDF9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ2luaXRpYWwgPT4gZXhwYW5kZWQnLCBhbmltYXRlKCcwLjJzJywga2V5ZnJhbWVzKFtcclxuICAgICAgICBzdHlsZSh7aGVpZ2h0OiAnKicsIG9mZnNldDogMC43fSksXHJcbiAgICAgICAgc3R5bGUoe29wYWNpdHk6IDEsIG9mZnNldDogMX0pXHJcbiAgICAgIF0pKSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ2V4cGFuZGVkID0+IGluaXRpYWwnLCBhbmltYXRlKCcwLjJzJywga2V5ZnJhbWVzKFtcclxuICAgICAgICBzdHlsZSh7b3BhY2l0eTogMCwgb2Zmc2V0OiAwLjR9KSxcclxuICAgICAgICBzdHlsZSh7aGVpZ2h0OiAwLCBvZmZzZXQ6IDF9KVxyXG4gICAgICBdKSkpXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgV2lkZ2V0V3JhcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSBfYW5pbWF0ZVN0YXRlOiAnaW5pdGlhbCcgfCAnZXhwYW5kZWQnID0gJ2luaXRpYWwnXHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlID0gJydcclxuICBASW5wdXQoKSB0aXRsZUluZm8gPSAnJ1xyXG4gIEBJbnB1dCgpIHRpdGxlU3RhdHVzOiBXaWRnZXRXcmFwcGVyVGl0bGVTdGF0dXNUeXBlcyA9ICdkZWZhdWx0J1xyXG4gIEBJbnB1dCgpIGljb25DbGFzcyA9ICcnXHJcbiAgQElucHV0KCkgaXNPcGVuID0gdHJ1ZVxyXG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzZXMgPSAnJ1xyXG5cclxuICBAT3V0cHV0KCkgdG9nZ2xlV2lkZ2V0Q29udGVudDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBAQ29udGVudENoaWxkKCd0ZW1wbGF0ZUhlYWRUaXRsZScpIHRlbXBsYXRlSGVhZFRpdGxlITogVGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+O1xyXG4gIEBDb250ZW50Q2hpbGQoJ3RlbXBsYXRlSGVhZExlZnQnKSB0ZW1wbGF0ZUhlYWRMZWZ0ITogVGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+O1xyXG4gIEBDb250ZW50Q2hpbGQoJ3RlbXBsYXRlSGVhZFJpZ2h0JykgdGVtcGxhdGVIZWFkUmlnaHQhOiBUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD47XHJcbiAgQENvbnRlbnRDaGlsZCgndGVtcGxhdGVDb250ZW50JykgdGVtcGxhdGVDb250ZW50ITogVGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuX2FuaW1hdGVTdGF0ZSA9IHRoaXMuaXNPcGVuID8gJ2V4cGFuZGVkJyA6ICdpbml0aWFsJ1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBnZXRDbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYCR7dGhpcy5jdXN0b21DbGFzc2VzfWBcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgaXNPcGVuU3RhdGUoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl9hbmltYXRlU3RhdGVcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0VGl0bGVUZXh0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke1dpZGdldFdyYXBwZXJUaXRsZVN0YXR1c1RleHRFbnVtW3RoaXMudGl0bGVTdGF0dXNdfWA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldFRpdGxlSWNvbkNsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtXaWRnZXRXcmFwcGVyVGl0bGVTdGF0dXNJY29uRW51bVt0aGlzLnRpdGxlU3RhdHVzXX0gJHt0aGlzLmljb25DbGFzc31gO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNoYW5nZVZpc2libGVDb250ZW50KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW5cclxuICAgIHRoaXMuX2FuaW1hdGVTdGF0ZSA9IHRoaXMuX2FuaW1hdGVTdGF0ZSA9PT0gJ2luaXRpYWwnID8gJ2V4cGFuZGVkJyA6ICdpbml0aWFsJ1xyXG4gICAgdGhpcy50b2dnbGVXaWRnZXRDb250ZW50LmVtaXQodGhpcy5pc09wZW4pXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtd2lkZ2V0XCIgW2NsYXNzXT1cImdldENsYXNzZXNcIj5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LXdpZGdldF9faGVhZGVyXCIgKGNsaWNrKT1cImNoYW5nZVZpc2libGVDb250ZW50KClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtcngtd2lkZ2V0X19oZWFkZXItY29udGVudCBtci00IGZsZXgtY29sdW1uIGZsZXgtc20tcm93IGFsaWduLWl0ZW1zLXN0YXJ0IGFsaWduLWl0ZW1zLXNtLWNlbnRlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXJ4LXdpZGdldF9faGVhZGVyLWNvbnRlbnQtLWxlZnQganVzdGlmeS1jb250ZW50LXN0YXJ0XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1yeC13aWRnZXRfX2hlYWRlci10aXRsZVwiICpuZ0lmPVwiIXRlbXBsYXRlSGVhZFRpdGxlOyBlbHNlIHRpdGxlVGVtcGxhdGVcIj5cclxuICAgICAgICAgIDxoNiBjbGFzcz1cIm1yeC13aWRnZXRfX2hlYWRlci10aXRsZS0td3JhcHBlclwiPlxyXG4gICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICpuZ0lmPVwiaWNvbkNsYXNzXCJcclxuICAgICAgICAgICAgICBbY2xhc3NdPVwiZ2V0VGl0bGVJY29uQ2xhc3Nlc1wiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtcngtaWNvbiBpY29uLWZvbnQtMjQgaWNvbi1maWxsZWQtY29sb3ItbmVnYXRpdmVcIlxyXG4gICAgICAgICAgICA+PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICpuZ0lmPVwidGl0bGVcIlxyXG4gICAgICAgICAgICAgIFtjbGFzc109XCJnZXRUaXRsZVRleHRDbGFzc2VzXCJcclxuICAgICAgICAgICAgICBjbGFzcz1cIm1yeC13aWRnZXRfX2hlYWRlci10aXRsZS0tdGV4dCBjb2xvci1uZWdhdGl2ZVwiXHJcbiAgICAgICAgICAgID57eyB0aXRsZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvaDY+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1yeC13aWRnZXRfX2hlYWRlci10aXRsZS0taW5mb1wiICpuZ0lmPVwidGl0bGVJbmZvXCI+e3sgdGl0bGVJbmZvIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjdGl0bGVUZW1wbGF0ZT5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZUhlYWRUaXRsZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlSGVhZExlZnRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtcngtd2lkZ2V0X19oZWFkZXItY29udGVudC0tcmlnaHQganVzdGlmeS1jb250ZW50LXN0YXJ0XCIgKm5nSWY9XCJ0ZW1wbGF0ZUhlYWRSaWdodFwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZUhlYWRSaWdodFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC13aWRnZXRfX2hlYWRlci1hcnJvd1wiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIm1yeC13aWRnZXRfX2hlYWRlci1hcnJvdy0tdGV4dCBtci0yIGQtbm9uZSBkLW1kLWZsZXgganVzdGlmeS1jb250ZW50LWVuZFwiPnt7IGlzT3BlbiA/ICfQodCy0LXRgNC90YPRgtGMJyA6ICfQoNCw0LfQstC10YDQvdGD0YLRjCcgfX08L3NwYW4+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgW25nU3R5bGVdPVwie3RyYW5zZm9ybTogaXNPcGVuID8gJ3JvdGF0ZSgwZGVnKScgOiAncm90YXRlKDE4MGRlZyknfVwiXHJcbiAgICAgICAgY2xhc3M9XCJtcngtaWNvbiBpY29uLWNoZXZyb24tdXAgaWNvbi1mb250LTI0XCJcclxuICAgICAgPjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LXdpZGdldF9fY29udGVudFwiIFtAZXhwYW5kZWRQYW5lbF09XCJpc09wZW5TdGF0ZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC13aWRnZXRfX2NvbnRlbnQtYm94IHB4LTQgcHktM1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGVtcGxhdGVDb250ZW50OyBlbHNlIGNvbnRlbnRUZW1wbGF0ZVwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDxuZy10ZW1wbGF0ZSAjY29udGVudFRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcblxyXG4iXX0=

package/fesm2015/myrta-ui.mjs

@@ -13039,11 +13039,15 @@ class WidgetWrapperComponent {
         this.titleStatus = 'default';
         this.iconClass = '';
         this.isOpen = true;
+        this.customClasses = '';
         this.toggleWidgetContent = new EventEmitter();
     }
     ngOnInit() {
         this._animateState = this.isOpen ? 'expanded' : 'initial';
     }
+    get getClasses() {
+        return `${this.customClasses}`;
+    }
     get isOpenState() {
         return this._animateState;
     }
@@ -13060,7 +13064,7 @@ class WidgetWrapperComponent {
     }
 }
 WidgetWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WidgetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WidgetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: WidgetWrapperComponent, selector: "mrx-widget-wrapper", inputs: { title: "title", titleInfo: "titleInfo", titleStatus: "titleStatus", iconClass: "iconClass", isOpen: "isOpen" }, 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\">\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-16\"\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"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
+WidgetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
         trigger('expandedPanel', [
             state('initial', style({ height: 0, opacity: 0 })),
             state('expanded', style({ height: '*', opacity: 1 })),
@@ -13073,10 +13077,10 @@ WidgetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 style({ height: 0, offset: 1 })
             ])))
         ]),
-    ] });
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WidgetWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-widget-wrapper', animations: [
+            args: [{ selector: 'mrx-widget-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('expandedPanel', [
                             state('initial', style({ height: 0, opacity: 0 })),
                             state('expanded', style({ height: '*', opacity: 1 })),
@@ -13089,7 +13093,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                                 style({ height: 0, offset: 1 })
                             ])))
                         ]),
-                    ], template: "<div class=\"mrx-widget\">\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-16\"\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"] }]
+                    ], 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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { title: [{
                 type: Input
             }], titleInfo: [{
@@ -13100,6 +13104,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], isOpen: [{
                 type: Input
+            }], customClasses: [{
+                type: Input
             }], toggleWidgetContent: [{
                 type: Output
             }], templateHeadTitle: [{