myrta-ui 17.0.36 → 17.0.37

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

@@ -9,11 +9,11 @@ export class ContentTitleWrapperComponent {
         return `${this.customClasses}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTitleWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTitleWrapperComponent, selector: "mrx-content-title-wrapper", inputs: { customClasses: "customClasses", title: "title" }, queries: [{ propertyName: "contentTitleControls", first: true, predicate: ["contentTitleControls"], descendants: true }], ngImport: i0, template: "<div class=\"brdb mb-4 px-4 py-2\" [class]=\"getClasses\">\r\n  <div class=\"content-title-wrapper\">\r\n    <div class=\"content-title-wrapper__box\">\r\n      <div class=\"content-title-wrapper__title\">\r\n        <span class=\"mrx-icon icon-burger icon-font-24\"></span>\r\n        <h1 class=\"content-title-wrapper__title--text\">{{ title }}</h1>\r\n      </div>\r\n\r\n      @if (contentTitleControls) {\r\n        <div class=\"content-title-wrapper__controls\">\r\n          <ng-container [ngTemplateOutlet]=\"contentTitleControls\"></ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".content-title-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.content-title-wrapper__box{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:nowrap;gap:24px}.content-title-wrapper__title{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-title-wrapper__title .icon-burger{display:none;font-weight:700;align-self:flex-start;margin-top:4px}.content-title-wrapper__title--text{font-family:var(--headlines-lvl-3-font-family, \"PT Sans Caption\");font-weight:var(--headlines-lvl-3-font-weight, 700);line-height:var(--headlines-lvl-3-line-height, 28px);font-size:var(--headlines-lvl-3-font-size, 24px)}.content-title-wrapper__controls{display:flex;align-self:flex-start}.content-title-wrapper__controls>mrx-button::ng-deep .mrx-btn-label{white-space:nowrap}@media (max-width: 991px){.content-title-wrapper__box{flex-wrap:wrap}.content-title-wrapper__title .icon-burger{display:block}}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTitleWrapperComponent, selector: "mrx-content-title-wrapper", inputs: { customClasses: "customClasses", title: "title" }, queries: [{ propertyName: "contentTitleControls", first: true, predicate: ["contentTitleControls"], descendants: true }], ngImport: i0, template: "<div class=\"brdb mb-4 px-4 py-2\" [class]=\"getClasses\">\r\n  <div class=\"content-title-wrapper\">\r\n    <div class=\"content-title-wrapper__box\">\r\n      <div class=\"content-title-wrapper__title\">\r\n        <span class=\"mrx-icon icon-burger icon-font-24\"></span>\r\n        <h1 class=\"content-title-wrapper__title--text\">{{ title }}</h1>\r\n      </div>\r\n\r\n      @if (contentTitleControls) {\r\n        <div class=\"content-title-wrapper__controls\">\r\n          <ng-container [ngTemplateOutlet]=\"contentTitleControls\"></ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [":host::ng-deep .content-title-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}:host::ng-deep .content-title-wrapper__box{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:nowrap;gap:24px}:host::ng-deep .content-title-wrapper__title{display:flex;align-items:center;justify-content:space-between;gap:8px}:host::ng-deep .content-title-wrapper__title .icon-burger{display:none;font-weight:700;align-self:flex-start;margin-top:4px}:host::ng-deep .content-title-wrapper__title--text{font-family:var(--headlines-lvl-3-font-family, \"PT Sans Caption\");font-weight:var(--headlines-lvl-3-font-weight, 700);line-height:var(--headlines-lvl-3-line-height, 28px);font-size:var(--headlines-lvl-3-font-size, 24px)}:host::ng-deep .content-title-wrapper__controls{display:flex;align-self:flex-start}:host::ng-deep .content-title-wrapper__controls .mrx-btn .mrx-btn-label{white-space:nowrap}@media (max-width: 991px){:host::ng-deep .content-title-wrapper__box{flex-wrap:wrap}:host::ng-deep .content-title-wrapper__title .icon-burger{display:block}}\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.12", ngImport: i0, type: ContentTitleWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-content-title-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"brdb mb-4 px-4 py-2\" [class]=\"getClasses\">\r\n  <div class=\"content-title-wrapper\">\r\n    <div class=\"content-title-wrapper__box\">\r\n      <div class=\"content-title-wrapper__title\">\r\n        <span class=\"mrx-icon icon-burger icon-font-24\"></span>\r\n        <h1 class=\"content-title-wrapper__title--text\">{{ title }}</h1>\r\n      </div>\r\n\r\n      @if (contentTitleControls) {\r\n        <div class=\"content-title-wrapper__controls\">\r\n          <ng-container [ngTemplateOutlet]=\"contentTitleControls\"></ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".content-title-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.content-title-wrapper__box{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:nowrap;gap:24px}.content-title-wrapper__title{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-title-wrapper__title .icon-burger{display:none;font-weight:700;align-self:flex-start;margin-top:4px}.content-title-wrapper__title--text{font-family:var(--headlines-lvl-3-font-family, \"PT Sans Caption\");font-weight:var(--headlines-lvl-3-font-weight, 700);line-height:var(--headlines-lvl-3-line-height, 28px);font-size:var(--headlines-lvl-3-font-size, 24px)}.content-title-wrapper__controls{display:flex;align-self:flex-start}.content-title-wrapper__controls>mrx-button::ng-deep .mrx-btn-label{white-space:nowrap}@media (max-width: 991px){.content-title-wrapper__box{flex-wrap:wrap}.content-title-wrapper__title .icon-burger{display:block}}\n"] }]
+            args: [{ selector: 'mrx-content-title-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"brdb mb-4 px-4 py-2\" [class]=\"getClasses\">\r\n  <div class=\"content-title-wrapper\">\r\n    <div class=\"content-title-wrapper__box\">\r\n      <div class=\"content-title-wrapper__title\">\r\n        <span class=\"mrx-icon icon-burger icon-font-24\"></span>\r\n        <h1 class=\"content-title-wrapper__title--text\">{{ title }}</h1>\r\n      </div>\r\n\r\n      @if (contentTitleControls) {\r\n        <div class=\"content-title-wrapper__controls\">\r\n          <ng-container [ngTemplateOutlet]=\"contentTitleControls\"></ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [":host::ng-deep .content-title-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}:host::ng-deep .content-title-wrapper__box{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:nowrap;gap:24px}:host::ng-deep .content-title-wrapper__title{display:flex;align-items:center;justify-content:space-between;gap:8px}:host::ng-deep .content-title-wrapper__title .icon-burger{display:none;font-weight:700;align-self:flex-start;margin-top:4px}:host::ng-deep .content-title-wrapper__title--text{font-family:var(--headlines-lvl-3-font-family, \"PT Sans Caption\");font-weight:var(--headlines-lvl-3-font-weight, 700);line-height:var(--headlines-lvl-3-line-height, 28px);font-size:var(--headlines-lvl-3-font-size, 24px)}:host::ng-deep .content-title-wrapper__controls{display:flex;align-self:flex-start}:host::ng-deep .content-title-wrapper__controls .mrx-btn .mrx-btn-label{white-space:nowrap}@media (max-width: 991px){:host::ng-deep .content-title-wrapper__box{flex-wrap:wrap}:host::ng-deep .content-title-wrapper__title .icon-burger{display:block}}\n"] }]
         }], propDecorators: { customClasses: [{
                 type: Input
             }], title: [{

package/fesm2022/myrta-ui.mjs

@@ -17251,11 +17251,11 @@ class ContentTitleWrapperComponent {
         return `${this.customClasses}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTitleWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTitleWrapperComponent, selector: "mrx-content-title-wrapper", inputs: { customClasses: "customClasses", title: "title" }, queries: [{ propertyName: "contentTitleControls", first: true, predicate: ["contentTitleControls"], descendants: true }], ngImport: i0, template: "<div class=\"brdb mb-4 px-4 py-2\" [class]=\"getClasses\">\r\n  <div class=\"content-title-wrapper\">\r\n    <div class=\"content-title-wrapper__box\">\r\n      <div class=\"content-title-wrapper__title\">\r\n        <span class=\"mrx-icon icon-burger icon-font-24\"></span>\r\n        <h1 class=\"content-title-wrapper__title--text\">{{ title }}</h1>\r\n      </div>\r\n\r\n      @if (contentTitleControls) {\r\n        <div class=\"content-title-wrapper__controls\">\r\n          <ng-container [ngTemplateOutlet]=\"contentTitleControls\"></ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".content-title-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.content-title-wrapper__box{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:nowrap;gap:24px}.content-title-wrapper__title{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-title-wrapper__title .icon-burger{display:none;font-weight:700;align-self:flex-start;margin-top:4px}.content-title-wrapper__title--text{font-family:var(--headlines-lvl-3-font-family, \"PT Sans Caption\");font-weight:var(--headlines-lvl-3-font-weight, 700);line-height:var(--headlines-lvl-3-line-height, 28px);font-size:var(--headlines-lvl-3-font-size, 24px)}.content-title-wrapper__controls{display:flex;align-self:flex-start}.content-title-wrapper__controls>mrx-button::ng-deep .mrx-btn-label{white-space:nowrap}@media (max-width: 991px){.content-title-wrapper__box{flex-wrap:wrap}.content-title-wrapper__title .icon-burger{display:block}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTitleWrapperComponent, selector: "mrx-content-title-wrapper", inputs: { customClasses: "customClasses", title: "title" }, queries: [{ propertyName: "contentTitleControls", first: true, predicate: ["contentTitleControls"], descendants: true }], ngImport: i0, template: "<div class=\"brdb mb-4 px-4 py-2\" [class]=\"getClasses\">\r\n  <div class=\"content-title-wrapper\">\r\n    <div class=\"content-title-wrapper__box\">\r\n      <div class=\"content-title-wrapper__title\">\r\n        <span class=\"mrx-icon icon-burger icon-font-24\"></span>\r\n        <h1 class=\"content-title-wrapper__title--text\">{{ title }}</h1>\r\n      </div>\r\n\r\n      @if (contentTitleControls) {\r\n        <div class=\"content-title-wrapper__controls\">\r\n          <ng-container [ngTemplateOutlet]=\"contentTitleControls\"></ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [":host::ng-deep .content-title-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}:host::ng-deep .content-title-wrapper__box{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:nowrap;gap:24px}:host::ng-deep .content-title-wrapper__title{display:flex;align-items:center;justify-content:space-between;gap:8px}:host::ng-deep .content-title-wrapper__title .icon-burger{display:none;font-weight:700;align-self:flex-start;margin-top:4px}:host::ng-deep .content-title-wrapper__title--text{font-family:var(--headlines-lvl-3-font-family, \"PT Sans Caption\");font-weight:var(--headlines-lvl-3-font-weight, 700);line-height:var(--headlines-lvl-3-line-height, 28px);font-size:var(--headlines-lvl-3-font-size, 24px)}:host::ng-deep .content-title-wrapper__controls{display:flex;align-self:flex-start}:host::ng-deep .content-title-wrapper__controls .mrx-btn .mrx-btn-label{white-space:nowrap}@media (max-width: 991px){:host::ng-deep .content-title-wrapper__box{flex-wrap:wrap}:host::ng-deep .content-title-wrapper__title .icon-burger{display:block}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTitleWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-content-title-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"brdb mb-4 px-4 py-2\" [class]=\"getClasses\">\r\n  <div class=\"content-title-wrapper\">\r\n    <div class=\"content-title-wrapper__box\">\r\n      <div class=\"content-title-wrapper__title\">\r\n        <span class=\"mrx-icon icon-burger icon-font-24\"></span>\r\n        <h1 class=\"content-title-wrapper__title--text\">{{ title }}</h1>\r\n      </div>\r\n\r\n      @if (contentTitleControls) {\r\n        <div class=\"content-title-wrapper__controls\">\r\n          <ng-container [ngTemplateOutlet]=\"contentTitleControls\"></ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".content-title-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.content-title-wrapper__box{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:nowrap;gap:24px}.content-title-wrapper__title{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-title-wrapper__title .icon-burger{display:none;font-weight:700;align-self:flex-start;margin-top:4px}.content-title-wrapper__title--text{font-family:var(--headlines-lvl-3-font-family, \"PT Sans Caption\");font-weight:var(--headlines-lvl-3-font-weight, 700);line-height:var(--headlines-lvl-3-line-height, 28px);font-size:var(--headlines-lvl-3-font-size, 24px)}.content-title-wrapper__controls{display:flex;align-self:flex-start}.content-title-wrapper__controls>mrx-button::ng-deep .mrx-btn-label{white-space:nowrap}@media (max-width: 991px){.content-title-wrapper__box{flex-wrap:wrap}.content-title-wrapper__title .icon-burger{display:block}}\n"] }]
+            args: [{ selector: 'mrx-content-title-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"brdb mb-4 px-4 py-2\" [class]=\"getClasses\">\r\n  <div class=\"content-title-wrapper\">\r\n    <div class=\"content-title-wrapper__box\">\r\n      <div class=\"content-title-wrapper__title\">\r\n        <span class=\"mrx-icon icon-burger icon-font-24\"></span>\r\n        <h1 class=\"content-title-wrapper__title--text\">{{ title }}</h1>\r\n      </div>\r\n\r\n      @if (contentTitleControls) {\r\n        <div class=\"content-title-wrapper__controls\">\r\n          <ng-container [ngTemplateOutlet]=\"contentTitleControls\"></ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [":host::ng-deep .content-title-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}:host::ng-deep .content-title-wrapper__box{display:flex;align-items:center;justify-content:space-between;flex-grow:1;flex-wrap:nowrap;gap:24px}:host::ng-deep .content-title-wrapper__title{display:flex;align-items:center;justify-content:space-between;gap:8px}:host::ng-deep .content-title-wrapper__title .icon-burger{display:none;font-weight:700;align-self:flex-start;margin-top:4px}:host::ng-deep .content-title-wrapper__title--text{font-family:var(--headlines-lvl-3-font-family, \"PT Sans Caption\");font-weight:var(--headlines-lvl-3-font-weight, 700);line-height:var(--headlines-lvl-3-line-height, 28px);font-size:var(--headlines-lvl-3-font-size, 24px)}:host::ng-deep .content-title-wrapper__controls{display:flex;align-self:flex-start}:host::ng-deep .content-title-wrapper__controls .mrx-btn .mrx-btn-label{white-space:nowrap}@media (max-width: 991px){:host::ng-deep .content-title-wrapper__box{flex-wrap:wrap}:host::ng-deep .content-title-wrapper__title .icon-burger{display:block}}\n"] }]
         }], propDecorators: { customClasses: [{
                 type: Input
             }], title: [{