myrta-ui 17.0.8 → 17.0.10

package/esm2022/lib/components/cdk-tooltip/cdk-tooltip/tooltip-container.component.mjs

@@ -16,10 +16,10 @@ export class TooltipContainerComponent {
     get getMaxWidth() {
         return this.tooltipData.maxWidth ? this.tooltipData.maxWidth + 'px' : '480px';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TooltipContainerComponent, deps: [{ token: TOOLTIP_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TooltipContainerComponent, selector: "mrx-cdk-tooltip", ngImport: i0, template: "<ng-container *ngIf=\"asString as string\">\r\n  <div class=\"mrx-cdk-tooltip\" [style.max-width]=\"getMaxWidth\" [innerHtml]=\"string\"></div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"asTemplate as template\">\r\n  <div class=\"mrx-cdk-tooltip\" [style.max-width]=\"getMaxWidth\">\r\n    <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\r\n  </div>\r\n</ng-container>\r\n\r\n", styles: ["::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}::ng-deep .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:#00000052}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:host .mrx-cdk-tooltip{display:block;padding:12px 16px;color:var(--neutral-text-inverse);background:var(--neutral-bg-inverse);border-radius:4px;box-sizing:border-box;position:relative;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);font-size:var(--body-sm-font-size)}:host .mrx-cdk-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--neutral-bg-inverse)}:host-context(.top) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top) .mrx-cdk-tooltip:after{right:calc(50% - 4px);bottom:-4px;transform:rotate(180deg)}:host-context(.bottom) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom) .mrx-cdk-tooltip:after{right:calc(50% - 4px);top:-4px;transform:rotate(0)}:host-context(.start) .mrx-cdk-tooltip{margin-right:5px}:host-context(.start) .mrx-cdk-tooltip:after{right:-6px;top:calc(50% - 4px);transform:rotate(90deg)}:host-context(.end) .mrx-cdk-tooltip{margin-left:5px}:host-context(.end) .mrx-cdk-tooltip:after{left:-6px;top:calc(50% - 4px);transform:rotate(-90deg)}:host-context(.top-start) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top-start) .mrx-cdk-tooltip:after{left:8px;bottom:-4px;transform:rotate(180deg)}:host-context(.top-end) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top-end) .mrx-cdk-tooltip:after{right:8px;bottom:-4px;transform:rotate(180deg)}:host-context(.bottom-start) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom-start) .mrx-cdk-tooltip:after{left:8px;top:-4px;transform:rotate(0)}:host-context(.bottom-end) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom-end) .mrx-cdk-tooltip:after{right:8px;top:-4px;transform:rotate(0)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: TooltipContainerComponent, deps: [{ token: TOOLTIP_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TooltipContainerComponent, selector: "mrx-cdk-tooltip", ngImport: i0, template: "<ng-container *ngIf=\"asString as string\">\r\n  <div class=\"mrx-cdk-tooltip\" [style.max-width]=\"getMaxWidth\" [innerHtml]=\"string\"></div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"asTemplate as template\">\r\n  <div class=\"mrx-cdk-tooltip\" [style.max-width]=\"getMaxWidth\">\r\n    <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\r\n  </div>\r\n</ng-container>\r\n\r\n", styles: ["::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}::ng-deep .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:#00000052}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:host .mrx-cdk-tooltip{display:block;padding:12px 16px;color:var(--neutral-text-inverse);background:var(--neutral-bg-inverse);border-radius:4px;box-sizing:border-box;position:relative;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);font-size:var(--body-sm-font-size)}:host .mrx-cdk-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--neutral-bg-inverse)}:host-context(.top) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top) .mrx-cdk-tooltip:after{right:calc(50% - 4px);bottom:-4px;transform:rotate(180deg)}:host-context(.bottom) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom) .mrx-cdk-tooltip:after{right:calc(50% - 4px);top:-4px;transform:rotate(0)}:host-context(.start) .mrx-cdk-tooltip{margin-right:5px}:host-context(.start) .mrx-cdk-tooltip:after{right:-6px;top:calc(50% - 4px);transform:rotate(90deg)}:host-context(.end) .mrx-cdk-tooltip{margin-left:5px}:host-context(.end) .mrx-cdk-tooltip:after{left:-6px;top:calc(50% - 4px);transform:rotate(-90deg)}:host-context(.top-start) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top-start) .mrx-cdk-tooltip:after{left:8px;bottom:-4px;transform:rotate(180deg)}:host-context(.top-end) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top-end) .mrx-cdk-tooltip:after{right:8px;bottom:-4px;transform:rotate(180deg)}:host-context(.bottom-start) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom-start) .mrx-cdk-tooltip:after{left:8px;top:-4px;transform:rotate(0)}:host-context(.bottom-end) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom-end) .mrx-cdk-tooltip:after{right:8px;top:-4px;transform:rotate(0)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: TooltipContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-cdk-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"asString as string\">\r\n  <div class=\"mrx-cdk-tooltip\" [style.max-width]=\"getMaxWidth\" [innerHtml]=\"string\"></div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"asTemplate as template\">\r\n  <div class=\"mrx-cdk-tooltip\" [style.max-width]=\"getMaxWidth\">\r\n    <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\r\n  </div>\r\n</ng-container>\r\n\r\n", styles: ["::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}::ng-deep .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:#00000052}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:host .mrx-cdk-tooltip{display:block;padding:12px 16px;color:var(--neutral-text-inverse);background:var(--neutral-bg-inverse);border-radius:4px;box-sizing:border-box;position:relative;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);font-size:var(--body-sm-font-size)}:host .mrx-cdk-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--neutral-bg-inverse)}:host-context(.top) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top) .mrx-cdk-tooltip:after{right:calc(50% - 4px);bottom:-4px;transform:rotate(180deg)}:host-context(.bottom) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom) .mrx-cdk-tooltip:after{right:calc(50% - 4px);top:-4px;transform:rotate(0)}:host-context(.start) .mrx-cdk-tooltip{margin-right:5px}:host-context(.start) .mrx-cdk-tooltip:after{right:-6px;top:calc(50% - 4px);transform:rotate(90deg)}:host-context(.end) .mrx-cdk-tooltip{margin-left:5px}:host-context(.end) .mrx-cdk-tooltip:after{left:-6px;top:calc(50% - 4px);transform:rotate(-90deg)}:host-context(.top-start) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top-start) .mrx-cdk-tooltip:after{left:8px;bottom:-4px;transform:rotate(180deg)}:host-context(.top-end) .mrx-cdk-tooltip{margin-bottom:5px}:host-context(.top-end) .mrx-cdk-tooltip:after{right:8px;bottom:-4px;transform:rotate(180deg)}:host-context(.bottom-start) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom-start) .mrx-cdk-tooltip:after{left:8px;top:-4px;transform:rotate(0)}:host-context(.bottom-end) .mrx-cdk-tooltip{margin-top:5px}:host-context(.bottom-end) .mrx-cdk-tooltip:after{right:8px;top:-4px;transform:rotate(0)}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/components/cdk-tooltip/cdk-tooltip.directive.mjs

@@ -65,10 +65,10 @@ export class CdkTooltipDirective {
             this.overlayRef?.detach();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CdkTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.11", type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: { mrxCdkTooltip: "mrxCdkTooltip", tooltipActive: "tooltipActive", autoCloseByScroll: "autoCloseByScroll", tooltipPosition: "tooltipPosition", tooltipMaxWidth: "tooltipMaxWidth" }, host: { listeners: { "mouseenter": "showTooltip()", "focus": "showTooltip()", "mouseleave": "hideTooltip()", "blur": "hideTooltip()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CdkTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: { mrxCdkTooltip: "mrxCdkTooltip", tooltipActive: "tooltipActive", autoCloseByScroll: "autoCloseByScroll", tooltipPosition: "tooltipPosition", tooltipMaxWidth: "tooltipMaxWidth" }, host: { listeners: { "mouseenter": "showTooltip()", "focus": "showTooltip()", "mouseleave": "hideTooltip()", "blur": "hideTooltip()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CdkTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CdkTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mrxCdkTooltip]',

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

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

package/esm2022/lib/components/chars-left/chars-left.component.mjs

@@ -8,10 +8,10 @@ export class CharsLeftComponent {
     get getValueLength() {
         return this.value ? this.value.length : this.valueLength;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CharsLeftComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CharsLeftComponent, selector: "mrx-chars-left", inputs: { maxlength: "maxlength", valueLength: "valueLength", value: "value" }, ngImport: i0, template: "<div *ngIf=\"maxlength\" class=\"input-counter maxlength-feedback mrx-chars\">\r\n  {{getValueLength}}/{{ maxlength }}\r\n</div>\r\n", styles: [".mrx-chars.mrx-chars{position:absolute;bottom:var(--spacing-1);right:var(--spacing-1);color:var(--neutral-text-secondary);font-family:var(--body-extra-sm-font-family);font-size:var(--body-extra-sm-font-size);font-weight:var(--body-extra-sm-font-weight);line-height:var(--body-extra-sm-line-height);z-index:1}\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: CharsLeftComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CharsLeftComponent, selector: "mrx-chars-left", inputs: { maxlength: "maxlength", valueLength: "valueLength", value: "value" }, ngImport: i0, template: "<div *ngIf=\"maxlength\" class=\"input-counter maxlength-feedback mrx-chars\">\r\n  {{getValueLength}}/{{ maxlength }}\r\n</div>\r\n", styles: [".mrx-chars.mrx-chars{position:absolute;bottom:var(--spacing-1);right:var(--spacing-1);color:var(--neutral-text-secondary);font-family:var(--body-extra-sm-font-family);font-size:var(--body-extra-sm-font-size);font-weight:var(--body-extra-sm-font-weight);line-height:var(--body-extra-sm-line-height);z-index:1}\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: CharsLeftComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharsLeftComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-chars-left', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"maxlength\" class=\"input-counter maxlength-feedback mrx-chars\">\r\n  {{getValueLength}}/{{ maxlength }}\r\n</div>\r\n", styles: [".mrx-chars.mrx-chars{position:absolute;bottom:var(--spacing-1);right:var(--spacing-1);color:var(--neutral-text-secondary);font-family:var(--body-extra-sm-font-family);font-size:var(--body-extra-sm-font-size);font-weight:var(--body-extra-sm-font-weight);line-height:var(--body-extra-sm-line-height);z-index:1}\n"] }]
         }], propDecorators: { maxlength: [{

package/esm2022/lib/components/chars-left/chars-left.module.mjs

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

package/esm2022/lib/components/dropdown/directives/hide-after-click.directive.mjs

@@ -9,10 +9,10 @@ export class HideAfterClickDirective {
     onClick(event) {
         this.dropdown.hide();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HideAfterClickDirective, deps: [{ token: i1.DropdownComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.11", type: HideAfterClickDirective, selector: "[mrxHideAfterClick]", host: { listeners: { "click": "onClick($event.target)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HideAfterClickDirective, deps: [{ token: i1.DropdownComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: HideAfterClickDirective, selector: "[mrxHideAfterClick]", host: { listeners: { "click": "onClick($event.target)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HideAfterClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HideAfterClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mrxHideAfterClick]'

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

@@ -77,10 +77,10 @@ export class DropdownComponent {
             this.dropdownToggleEl.nativeElement.addEventListener(event, this.hide.bind(this));
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DropdownComponent, selector: "mrx-dropdown", inputs: { mainPlacement: "mainPlacement", fallbackPlacements: "fallbackPlacements", closeOnClick: "closeOnClick", customClasses: "customClasses" }, queries: [{ propertyName: "dropdownToggle", first: true, predicate: ["dropdownToggle"], descendants: true }, { propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], viewQueries: [{ propertyName: "dropdownToggleEl", first: true, predicate: ["dropdownToggleEl"], descendants: true }, { propertyName: "dropdownContent", first: true, predicate: ["dropdownContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-dropdown d-flex\" [class]=\"customClasses\">\r\n  <div class=\"mrx-dropdown-toggle\" #dropdownToggleEl>\r\n    <ng-container *ngTemplateOutlet=\"dropdownToggle\"></ng-container>\r\n  </div>\r\n\r\n  <div class=\"mrx-dropdown-content\" #dropdownContent>\r\n\r\n    <div class=\"mrx-dropdown-wrapper\">\r\n      <div class=\"mrx-dropdown-menu\" *ngIf=\"dropdownMenu\">\r\n        <ng-container *ngTemplateOutlet=\"dropdownMenu\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-dropdown.mrx-dropdown .mrx-dropdown-content{border-radius:4px;z-index:1000;display:none}.mrx-dropdown.mrx-dropdown .mrx-dropdown-content[data-show]{display:block}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu{display:flex;flex-direction:column;border-radius:4px;background-color:#fff;background-clip:padding-box;box-shadow:0 1px 4px #3a3a3a4d;min-width:240px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-2);padding-left:var(--spacing-4);cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item:hover{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content{display:flex;align-items:flex-start;gap:var(--spacing-2)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content .mrx-icon{transform:translateY(2px)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-text{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-primary)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button{width:100%;padding:.25rem 1rem;clear:both;color:#282828;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button:hover{color:#282828;background-color:#edf5ff}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button svg{margin-right:10px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button span{font-weight:400;font-size:14px;line-height:20px}.mrx-dropdown-toggle.mrx-dropdown-toggle{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DropdownComponent, selector: "mrx-dropdown", inputs: { mainPlacement: "mainPlacement", fallbackPlacements: "fallbackPlacements", closeOnClick: "closeOnClick", customClasses: "customClasses" }, queries: [{ propertyName: "dropdownToggle", first: true, predicate: ["dropdownToggle"], descendants: true }, { propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], viewQueries: [{ propertyName: "dropdownToggleEl", first: true, predicate: ["dropdownToggleEl"], descendants: true }, { propertyName: "dropdownContent", first: true, predicate: ["dropdownContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-dropdown d-flex\" [class]=\"customClasses\">\r\n  <div class=\"mrx-dropdown-toggle\" #dropdownToggleEl>\r\n    <ng-container *ngTemplateOutlet=\"dropdownToggle\"></ng-container>\r\n  </div>\r\n\r\n  <div class=\"mrx-dropdown-content\" #dropdownContent>\r\n\r\n    <div class=\"mrx-dropdown-wrapper\">\r\n      <div class=\"mrx-dropdown-menu\" *ngIf=\"dropdownMenu\">\r\n        <ng-container *ngTemplateOutlet=\"dropdownMenu\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-dropdown.mrx-dropdown .mrx-dropdown-content{border-radius:4px;z-index:1000;display:none}.mrx-dropdown.mrx-dropdown .mrx-dropdown-content[data-show]{display:block}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu{display:flex;flex-direction:column;border-radius:4px;background-color:#fff;background-clip:padding-box;box-shadow:0 1px 4px #3a3a3a4d;min-width:240px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-2);padding-left:var(--spacing-4);cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item:hover{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content{display:flex;align-items:flex-start;gap:var(--spacing-2)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content .mrx-icon{transform:translateY(2px)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-text{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-primary)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button{width:100%;padding:.25rem 1rem;clear:both;color:#282828;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button:hover{color:#282828;background-color:#edf5ff}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button svg{margin-right:10px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button span{font-weight:400;font-size:14px;line-height:20px}.mrx-dropdown-toggle.mrx-dropdown-toggle{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-dropdown', template: "<div class=\"mrx-dropdown d-flex\" [class]=\"customClasses\">\r\n  <div class=\"mrx-dropdown-toggle\" #dropdownToggleEl>\r\n    <ng-container *ngTemplateOutlet=\"dropdownToggle\"></ng-container>\r\n  </div>\r\n\r\n  <div class=\"mrx-dropdown-content\" #dropdownContent>\r\n\r\n    <div class=\"mrx-dropdown-wrapper\">\r\n      <div class=\"mrx-dropdown-menu\" *ngIf=\"dropdownMenu\">\r\n        <ng-container *ngTemplateOutlet=\"dropdownMenu\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-dropdown.mrx-dropdown .mrx-dropdown-content{border-radius:4px;z-index:1000;display:none}.mrx-dropdown.mrx-dropdown .mrx-dropdown-content[data-show]{display:block}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu{display:flex;flex-direction:column;border-radius:4px;background-color:#fff;background-clip:padding-box;box-shadow:0 1px 4px #3a3a3a4d;min-width:240px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-2);padding-left:var(--spacing-4);cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item:hover{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content{display:flex;align-items:flex-start;gap:var(--spacing-2)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-content .mrx-icon{transform:translateY(2px)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu .dropdown-item-text{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-primary)}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button{width:100%;padding:.25rem 1rem;clear:both;color:#282828;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;cursor:pointer}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button:hover{color:#282828;background-color:#edf5ff}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button svg{margin-right:10px}:host::ng-deep .mrx-dropdown-menu.mrx-dropdown-menu button span{font-weight:400;font-size:14px;line-height:20px}.mrx-dropdown-toggle.mrx-dropdown-toggle{cursor:pointer}\n"] }]
         }], propDecorators: { dropdownToggleEl: [{

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

@@ -5,11 +5,11 @@ import { NgSelectModule } from '@ng-select/ng-select';
 import { HideAfterClickDirective } from './directives/hide-after-click.directive';
 import * as i0 from "@angular/core";
 export class DropdownModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: DropdownModule, declarations: [DropdownComponent, HideAfterClickDirective], imports: [CommonModule, NgSelectModule], exports: [DropdownComponent, HideAfterClickDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DropdownModule, imports: [CommonModule, NgSelectModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DropdownModule, declarations: [DropdownComponent, HideAfterClickDirective], imports: [CommonModule, NgSelectModule], exports: [DropdownComponent, HideAfterClickDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownModule, imports: [CommonModule, NgSelectModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DropdownComponent, HideAfterClickDirective],

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

@@ -16,10 +16,10 @@ export class ErrorMessageComponent {
             return this.invalidMessage;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: { invalid: "invalid", invalidMessage: "invalidMessage", customClasses: "customClasses" }, ngImport: i0, template: "<span\r\n    *ngFor=\"let invalidMessage of invalidMessageArray\"\r\n    class=\"mrx-error-message d-block mt-1\"\r\n    [class]=\"getClasses\"\r\n    [class.color-message]=\"invalid\"\r\n>\r\n  {{invalidMessage}}\r\n  <ng-content></ng-content>\r\n</span>\r\n", styles: [".mrx-error-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(--neutral-text-secondary, #4D5157)}.mrx-error-message a{color:var(--neutral-text-secondary, #4D5157);text-decoration:underline}.mrx-error-message.color-message,.mrx-error-message.color-message a{color:var(--system-text-negative, #8E2100)}\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: ErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: { invalid: "invalid", invalidMessage: "invalidMessage", customClasses: "customClasses" }, ngImport: i0, template: "<span\r\n    *ngFor=\"let invalidMessage of invalidMessageArray\"\r\n    class=\"mrx-error-message d-block mt-1\"\r\n    [class]=\"getClasses\"\r\n    [class.color-message]=\"invalid\"\r\n>\r\n  {{invalidMessage}}\r\n  <ng-content></ng-content>\r\n</span>\r\n", styles: [".mrx-error-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(--neutral-text-secondary, #4D5157)}.mrx-error-message a{color:var(--neutral-text-secondary, #4D5157);text-decoration:underline}.mrx-error-message.color-message,.mrx-error-message.color-message a{color:var(--system-text-negative, #8E2100)}\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: ErrorMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-error-message', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n    *ngFor=\"let invalidMessage of invalidMessageArray\"\r\n    class=\"mrx-error-message d-block mt-1\"\r\n    [class]=\"getClasses\"\r\n    [class.color-message]=\"invalid\"\r\n>\r\n  {{invalidMessage}}\r\n  <ng-content></ng-content>\r\n</span>\r\n", styles: [".mrx-error-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(--neutral-text-secondary, #4D5157)}.mrx-error-message a{color:var(--neutral-text-secondary, #4D5157);text-decoration:underline}.mrx-error-message.color-message,.mrx-error-message.color-message a{color:var(--system-text-negative, #8E2100)}\n"] }]
         }], propDecorators: { invalid: [{

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

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

package/esm2022/lib/components/form/checkbox/checkbox.component.mjs

@@ -84,8 +84,8 @@ export class CheckboxComponent {
     ngOnInit() {
         this.tooltipService.initTooltip(this._tooltip, this._tooltipInitialVisible);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.TooltipService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxComponent, selector: "mrx-checkbox", inputs: { fields: "fields", required: "required", boldLabel: "boldLabel", indeterminate: "indeterminate", disabled: "disabled", readonly: "readonly", label: "label", customClasses: "customClasses", customWrapperClasses: "customWrapperClasses", invalid: "invalid", checkInvalid: "checkInvalid", tooltip: "tooltip", tooltipInitialVisible: "tooltipInitialVisible", isSaveToStorage: "isSaveToStorage" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.TooltipService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CheckboxComponent, selector: "mrx-checkbox", inputs: { fields: "fields", required: "required", boldLabel: "boldLabel", indeterminate: "indeterminate", disabled: "disabled", readonly: "readonly", label: "label", customClasses: "customClasses", customWrapperClasses: "customWrapperClasses", invalid: "invalid", checkInvalid: "checkInvalid", tooltip: "tooltip", tooltipInitialVisible: "tooltipInitialVisible", isSaveToStorage: "isSaveToStorage" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
             TooltipService,
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -94,7 +94,7 @@ export class CheckboxComponent {
             },
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "labelContent", first: true, predicate: ["labelContent"], descendants: true }], ngImport: i0, template: "<div\r\n  #input\r\n  class=\"mrx-checkbox-wrapper\"\r\n  [class]=\"getWrapperClasses\"\r\n>\r\n  <label\r\n    class=\"mrx-checkbox\"\r\n    [class]=\"getClasses\"\r\n    [class.mrx-checkbox-indeterminate]=\"indeterminate\"\r\n    [class.mrx-checkbox-error]=\"invalid\"\r\n    [class.mrx-checkbox-input-disabled]=\"disabled\"\r\n  >\r\n    <input\r\n      type=\"checkbox\"\r\n      [disabled]=\"disabled || readonly\"\r\n      [readonly]=\"readonly\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n    />\r\n    <span class=\"mrx-checkbox-mark\">\r\n      <span class=\"mrx-icon icon-check icon-font-12 text-bold\" *ngIf=\"!indeterminate\"></span>\r\n    </span>\r\n    <span\r\n      #labelContent\r\n      [class]=\"boldLabel ? 'mrx-checkbox-label mrx-checkbox-label-bold' : 'mrx-checkbox-label'\"\r\n    >\r\n      {{label}}\r\n      <ng-content></ng-content>\r\n      <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n    </span>\r\n  </label>\r\n\r\n  <mrx-tooltip-trigger\r\n    *ngIf=\"tooltipService.getTooltip\"\r\n    (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n    [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n  ></mrx-tooltip-trigger>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkbox\"></mrx-save-state>\r\n</div>\r\n\r\n<mrx-tooltip\r\n  *ngIf=\"tooltipService.getTooltip\"\r\n  [tooltip]=\"tooltipService.getTooltip\"\r\n  [tooltipVisible]=\"tooltipService.getTooltipVisible\"\r\n></mrx-tooltip>\r\n", styles: [".mrx-checkbox{display:inline-flex;align-items:flex-start;position:relative;gap:var(--spacing-2)}.mrx-checkbox:hover .mrx-checkbox-mark{border-color:var(--neutral-bg-stroke-hover)}.mrx-checkbox:hover.mrx-input-disabled .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox]{min-height:auto;position:absolute;left:0;opacity:0;height:var(--sizing-4);width:var(--sizing-4);z-index:2;padding:0;margin:2px 0 0;cursor:pointer}.mrx-checkbox-wrapper{display:flex;align-items:center;justify-content:flex-start;position:relative}.mrx-checkbox .mrx-checkbox-label{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-primary);-webkit-user-select:none;user-select:none;cursor:pointer}.mrx-checkbox .mrx-checkbox-label-bold{font-weight:var(--body-md-bold-font-weight)}.mrx-checkbox .required-active{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);color:var(--system-icon-negative);margin-left:var(--spacing-1);position:relative;display:inline-block}.mrx-checkbox .mrx-checkbox-mark{display:block;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);position:relative;margin-top:2px}.mrx-checkbox .mrx-checkbox-mark .mrx-icon{color:#fff;position:absolute;top:0;left:0;display:none}.mrx-checkbox input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--brand-bg-primary-default);background:var(--brand-bg-primary-default)}.mrx-checkbox input[type=checkbox]:checked+.mrx-checkbox-mark .mrx-icon{display:block}.mrx-checkbox input[type=checkbox][readonly]{cursor:default}.mrx-checkbox input[type=checkbox][readonly]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox][readonly]+.mrx-checkbox-mark{cursor:default;border-color:var(--neutral-control-bg-accent-disabled);background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox input[type=checkbox][readonly]+.mrx-checkbox-mark+.mrx-checkbox-label{cursor:default}.mrx-checkbox.mrx-checkbox-indeterminate .mrx-checkbox-mark{display:flex;align-items:center;justify-content:center}.mrx-checkbox.mrx-checkbox-indeterminate .mrx-checkbox-mark:after{content:\"\";display:block;width:6px;height:2px;background-color:var(--brand-bg-primary-default);border-radius:var(--border-radius-1)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled:hover .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled:hover .mrx-checkbox-mark:after{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled .mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate.mrx-checkbox-input-disabled .mrx-checkbox-mark:after{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-bg-stroke-default);background:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]{cursor:default}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]+.mrx-checkbox-mark{cursor:default;background-color:transparent}.mrx-checkbox.mrx-checkbox-indeterminate input[type=checkbox][readonly]+.mrx-checkbox-mark+.mrx-checkbox-label{cursor:default}.mrx-checkbox.mrx-checkbox-error .mrx-checkbox-mark,.mrx-checkbox.mrx-input-checked-error .mrx-checkbox-mark{border-color:var(--system-bg-controls-negative-default)}.mrx-checkbox.mrx-input-checked-success input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--system-bg-controls-positive-default);background-color:var(--system-bg-controls-positive-default)}.mrx-checkbox.mrx-input-checked-success .mrx-checkbox-mark{border-color:var(--system-bg-controls-positive-default)}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]{cursor:default}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark{border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-input-disabled input[type=checkbox]:checked+.mrx-checkbox-mark .mrx-icon{display:block}.mrx-checkbox.mrx-checkbox-input-disabled .mrx-checkbox-mark{cursor:default;border-color:var(--neutral-control-bg-accent-disabled);background:var(--neutral-control-bg-accent-disabled)}.mrx-checkbox.mrx-checkbox-input-disabled .mrx-checkbox-label{cursor:default}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.TooltipComponent, selector: "mrx-tooltip", inputs: ["tooltip", "tooltipVisible", "tooltipInitiallyVisible", "triggerType"], outputs: ["visibilityChanged"] }, { kind: "component", type: i5.TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: ["triggerTextPosition", "triggerType", "customClasses", "isVisibleTooltip"], outputs: ["toggleTooltip"] }, { kind: "component", type: i6.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         TooltipService,

package/esm2022/lib/components/form/checkbox/checkbox.module.mjs

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

package/esm2022/lib/components/form/checkbox-group/checkbox-group.component.mjs

@@ -143,17 +143,17 @@ export class CheckboxGroupComponent {
         this.onChange(checkedList);
         this.onTouched();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxGroupComponent, selector: "mrx-checkbox-group", inputs: { fields: "fields", scrollMaxHeight: "scrollMaxHeight", searchable: "searchable", scrollable: "scrollable", sortable: "sortable", disabled: "disabled", readonly: "readonly", enableMessage: "enableMessage", searchPlaceholder: "searchPlaceholder", customClasses: "customClasses", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", invalid: "invalid", invalidMessage: "invalidMessage", items: "items" }, outputs: { changed: "changed", modelChange: "modelChange", changedInner: "changedInner", modelChangeInner: "modelChangeInner", modelItemChange: "modelItemChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CheckboxGroupComponent, selector: "mrx-checkbox-group", inputs: { fields: "fields", scrollMaxHeight: "scrollMaxHeight", searchable: "searchable", scrollable: "scrollable", sortable: "sortable", disabled: "disabled", readonly: "readonly", enableMessage: "enableMessage", searchPlaceholder: "searchPlaceholder", customClasses: "customClasses", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", invalid: "invalid", invalidMessage: "invalidMessage", items: "items" }, outputs: { changed: "changed", modelChange: "modelChange", changedInner: "changedInner", modelChangeInner: "modelChangeInner", modelItemChange: "modelItemChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CheckboxGroupComponent),
                 multi: true,
             },
         ], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n  <mrx-checkbox-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [labelText]=\"labelText\"\r\n    [linkText]=\"linkText\"\r\n    [checkedItemsCount]=\"checkedList.length\"\r\n    (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n    (clearFilters)=\"clearFilters()\"\r\n  ></mrx-checkbox-group-header>\r\n\r\n  <div\r\n      #groupItemsWrapper\r\n      *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n      class=\"mrx-checkbox-group-wrapper\"\r\n      [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n  >\r\n    <mrx-checkbox-group-item\r\n        *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n        [displaced]=\"displaced || false\"\r\n        [item]=\"item\"\r\n        [isLast]=\"last\"\r\n        [animationTrigger]=\"!!isSearchValue\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        [invalid]=\"invalid\"\r\n        (animationEnd)=\"checkHeightGroupWrapper()\"\r\n        (checkboxChanged)=\"checkboxChanged($event)\"\r\n    ></mrx-checkbox-group-item>\r\n  </div>\r\n\r\n  <ng-template #enableMessageTemplate>\r\n    <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n  </ng-template>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"getInvalid && getInvalidMessage\"\r\n    [invalidMessage]=\"getInvalidMessage\"\r\n    [customClasses]=\"'mt-2'\"\r\n  ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar{width:8px;height:8px}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default);border-radius:8px}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: i3.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: i4.CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: ["displaced", "level", "animationTrigger", "isLast", "disabled", "readonly", "invalid", "item"], outputs: ["animationEnd", "checkboxChanged"] }, { kind: "component", type: i5.CheckboxGroupHeaderComponent, selector: "mrx-checkbox-group-header", inputs: ["searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount"], outputs: ["updateCheckboxGroupSearchValue", "clearFilters"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupComponent, providedIn: CheckboxGroupComponent });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupComponent, providedIn: CheckboxGroupComponent });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: CheckboxGroupComponent

package/esm2022/lib/components/form/checkbox-group/checkbox-group.module.mjs

@@ -11,15 +11,15 @@ import { SaveStateModule } from '../../save-state/save-state.module';
 import { InputSearchModule } from '../input-search/input-search.module';
 import * as i0 from "@angular/core";
 export class CheckboxGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupModule, declarations: [CheckboxGroupComponent, CheckboxGroupItemComponent, CheckboxGroupHeaderComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupModule, declarations: [CheckboxGroupComponent, CheckboxGroupItemComponent, CheckboxGroupHeaderComponent], imports: [CommonModule,
             FormsModule,
             CheckboxModule,
             InputSearchModule,
             LabelModule,
             SaveStateModule,
             ErrorMessageModule], exports: [CheckboxGroupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupModule, imports: [CommonModule,
             FormsModule,
             CheckboxModule,
             InputSearchModule,
@@ -27,7 +27,7 @@ export class CheckboxGroupModule {
             SaveStateModule,
             ErrorMessageModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CheckboxGroupComponent, CheckboxGroupItemComponent, CheckboxGroupHeaderComponent],

package/esm2022/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.mjs

@@ -22,10 +22,10 @@ export class CheckboxGroupHeaderComponent {
     onClearFilters() {
         this.clearFilters.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxGroupHeaderComponent, selector: "mrx-checkbox-group-header", inputs: { searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount" }, outputs: { updateCheckboxGroupSearchValue: "updateCheckboxGroupSearchValue", clearFilters: "clearFilters" }, ngImport: i0, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [counter]=\"checkedItemsCount\"\r\n  [linkText]=\"linkText\"\r\n  [tooltip]=\"tooltip\"\r\n  (clickedLink)=\"onClearFilters()\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-checkbox-group-head--search\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"'medium'\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n", styles: [".mrx-checkbox-group-head--search{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.InputSearchComponent, selector: "mrx-input-search", inputs: ["disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "cleared", "searched"] }, { kind: "component", type: i4.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CheckboxGroupHeaderComponent, selector: "mrx-checkbox-group-header", inputs: { searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount" }, outputs: { updateCheckboxGroupSearchValue: "updateCheckboxGroupSearchValue", clearFilters: "clearFilters" }, ngImport: i0, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [counter]=\"checkedItemsCount\"\r\n  [linkText]=\"linkText\"\r\n  [tooltip]=\"tooltip\"\r\n  (clickedLink)=\"onClearFilters()\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-checkbox-group-head--search\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"'medium'\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n", styles: [".mrx-checkbox-group-head--search{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.InputSearchComponent, selector: "mrx-input-search", inputs: ["disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "cleared", "searched"] }, { kind: "component", type: i4.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-checkbox-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [counter]=\"checkedItemsCount\"\r\n  [linkText]=\"linkText\"\r\n  [tooltip]=\"tooltip\"\r\n  (clickedLink)=\"onClearFilters()\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-checkbox-group-head--search\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"'medium'\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n", styles: [".mrx-checkbox-group-head--search{margin-bottom:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchable: [{

package/esm2022/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.mjs

@@ -60,8 +60,8 @@ export class CheckboxGroupItemComponent {
     trackByFn(index, item) {
         return item.id;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: { displaced: "displaced", level: "level", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly", invalid: "invalid", item: "item" }, outputs: { animationEnd: "animationEnd", checkboxChanged: "checkboxChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mrx-checkbox-group__item\" [class.mrx-checkbox-group__item--buttom-ident]=\"!isLast\">\r\n  <div class=\"mrx-checkbox-group__item--array\" *ngIf=\"item.items?.length && level < 10; else singleCheckboxTemplate\">\r\n    <div class=\"mrx-checkbox-group__item--array-head\">\r\n      <div class=\"mrx-checkbox-group__item--head-icon mr-1\">\r\n        <span\r\n          class=\"mrx-icon icon-chevron-down icon-font-16 cursor-pointer\"\r\n          (click)=\"toggleList(item)\"\r\n          [style.transform]=\"translateChevron\"\r\n          ></span>\r\n      </div>\r\n\r\n      <mrx-checkbox\r\n          [ngModel]=\"item.value\"\r\n          [indeterminate]=\"isIndeterminate\"\r\n          (ngModelChange)=\"checkboxChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-checkbox>\r\n    </div>\r\n\r\n    <div class=\"mrx-checkbox-group__item--array-list\" [@openList]=\"isOpen ? 'open' : 'close'\" (@openList.done)=\"onAnimationEvent()\">\r\n      <ng-container>\r\n        <mrx-checkbox-group-item\r\n            *ngFor=\"let item of item.items; trackBy: trackByFn\"\r\n            [level]=\"level + 1\"\r\n            [item]=\"item\"\r\n            [displaced]=\"true\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [invalid]=\"invalid\"\r\n            (checkboxChanged)=\"checkboxChanged.emit($event)\"\r\n        ></mrx-checkbox-group-item>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #singleCheckboxTemplate>\r\n    <div class=\"mrx-checkbox-group__item--single\" [class.item-displaced]=\"displaced\">\r\n      <mrx-checkbox\r\n          [ngModel]=\"item.value\"\r\n          [indeterminate]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          [invalid]=\"invalid\"\r\n          (ngModelChange)=\"checkboxChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-checkbox>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-checkbox-group__item--single.item-displaced{margin-left:20px}.mrx-checkbox-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-checkbox-group__item--array-list{padding-left:20px}.mrx-checkbox-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { kind: "component", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: ["displaced", "level", "animationTrigger", "isLast", "disabled", "readonly", "invalid", "item"], outputs: ["animationEnd", "checkboxChanged"] }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: { displaced: "displaced", level: "level", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly", invalid: "invalid", item: "item" }, outputs: { animationEnd: "animationEnd", checkboxChanged: "checkboxChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mrx-checkbox-group__item\" [class.mrx-checkbox-group__item--buttom-ident]=\"!isLast\">\r\n  <div class=\"mrx-checkbox-group__item--array\" *ngIf=\"item.items?.length && level < 10; else singleCheckboxTemplate\">\r\n    <div class=\"mrx-checkbox-group__item--array-head\">\r\n      <div class=\"mrx-checkbox-group__item--head-icon mr-1\">\r\n        <span\r\n          class=\"mrx-icon icon-chevron-down icon-font-16 cursor-pointer\"\r\n          (click)=\"toggleList(item)\"\r\n          [style.transform]=\"translateChevron\"\r\n          ></span>\r\n      </div>\r\n\r\n      <mrx-checkbox\r\n          [ngModel]=\"item.value\"\r\n          [indeterminate]=\"isIndeterminate\"\r\n          (ngModelChange)=\"checkboxChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-checkbox>\r\n    </div>\r\n\r\n    <div class=\"mrx-checkbox-group__item--array-list\" [@openList]=\"isOpen ? 'open' : 'close'\" (@openList.done)=\"onAnimationEvent()\">\r\n      <ng-container>\r\n        <mrx-checkbox-group-item\r\n            *ngFor=\"let item of item.items; trackBy: trackByFn\"\r\n            [level]=\"level + 1\"\r\n            [item]=\"item\"\r\n            [displaced]=\"true\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [invalid]=\"invalid\"\r\n            (checkboxChanged)=\"checkboxChanged.emit($event)\"\r\n        ></mrx-checkbox-group-item>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #singleCheckboxTemplate>\r\n    <div class=\"mrx-checkbox-group__item--single\" [class.item-displaced]=\"displaced\">\r\n      <mrx-checkbox\r\n          [ngModel]=\"item.value\"\r\n          [indeterminate]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          [invalid]=\"invalid\"\r\n          (ngModelChange)=\"checkboxChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-checkbox>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-checkbox-group__item--single.item-displaced{margin-left:20px}.mrx-checkbox-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-checkbox-group__item--array-list{padding-left:20px}.mrx-checkbox-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { kind: "component", type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: ["displaced", "level", "animationTrigger", "isLast", "disabled", "readonly", "invalid", "item"], outputs: ["animationEnd", "checkboxChanged"] }], animations: [
             trigger('openList', [
                 state('*', style({ height: '0', opacity: '0', visibility: 'hidden', marginTop: '0', overflow: 'hidden' })),
                 state('open', style({ height: '*', opacity: '1', visibility: 'visible', marginTop: '12px' })),
@@ -75,7 +75,7 @@ export class CheckboxGroupItemComponent {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CheckboxGroupItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxGroupItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-checkbox-group-item', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('openList', [