myrta-ui 1.1.42 → 1.1.43

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

@@ -25,7 +25,7 @@ export class CheckboxGroupHeaderComponent {
     }
 }
 CheckboxGroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CheckboxGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckboxGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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"], components: [{ type: i1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: i2.InputSearchComponent, selector: "mrx-input-search", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "modelChange", "blurred", "cleared", "searched"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CheckboxGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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"], components: [{ type: i1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: i2.InputSearchComponent, selector: "mrx-input-search", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "modelChange", "blurred", "cleared", "searched"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", 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"] }]

package/esm2020/lib/components/form/input-date-time/input-date-time.component.mjs

@@ -339,7 +339,7 @@ export class InputDateTimeComponent {
 InputDateTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 InputDateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputDateTimeComponent, selector: "mrx-input-date-time", inputs: { fields: "fields", size: "size", customClasses: "customClasses", dateLabel: "dateLabel", timeLabel: "timeLabel", datePlaceholder: "datePlaceholder", timePlaceholder: "timePlaceholder", disabled: "disabled", readonly: "readonly", required: "required", timepicker: "timepicker", range: "range", minDate: "minDate", maxDate: "maxDate", timezone: "timezone", inline: "inline", isManualInput: "isManualInput", addMinTime: "addMinTime", addMaxTime: "addMaxTime", addMinTimeObj: "addMinTimeObj", addMaxTimeObj: "addMaxTimeObj", disableValidate: "disableValidate", container: "container", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid" }, outputs: { changed: "changed", modelChange: "modelChange", blurred: "blurred" }, providers: [
         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
-    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n    class=\"mrx-input-date\"\r\n    [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n    [class.mrx-input-readonly]=\"readonly\"\r\n    [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\r\n    <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n    <div class=\"mrx-input-date__wrapper\">\r\n      <input\r\n          #dateInput\r\n          type=\"text\"\r\n          autocomplete=\"nope\"\r\n          class=\"mrx-input-date__input mrx-input-date__date\"\r\n          [placeholder]=\"datePlaceholder\"\r\n          [ngModel]=\"getDateValue\"\r\n          [mask]=\"'00.00.0000 00:m0'\"\r\n          [leadZeroDateTime]=\"true\"\r\n          [validation]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          [readOnly]=\"!isManualInput\"\r\n          (input)=\"updateDateValue(dateInput)\"\r\n          (click)=\"clickToInput(dateInput)\"\r\n          (blur)=\"onBlur($event)\"\r\n      />\r\n\r\n      <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n          <span\r\n              class=\"mrx-icon icon-close\"\r\n              *ngIf=\"isViewCleanIcon\"\r\n              (click)=\"clickToIconClear()\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n          ></span>\r\n        <span\r\n            class=\"mrx-icon icon-calendar\"\r\n            (click)=\"clickToIconCalendar()\"\r\n            [class.icon-font-16]=\"size === 'small'\"\r\n            [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n    <mrx-error-message\r\n        *ngIf=\"invalid; else innerInvalidTemplate\"\r\n        [invalidMessage]=\"invalidMessage\"\r\n    ></mrx-error-message>\r\n\r\n  <ng-template #innerInvalidTemplate>\r\n    <mrx-error-message\r\n        *ngIf=\"innerInvalid\"\r\n        [invalidMessage]=\"innerInvalidMessage\"\r\n    ></mrx-error-message>\r\n  </ng-template>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date{width:100%;position:relative}.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);color:var(--neutral-text-primary);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled);color:var(--neutral-text-tertiary)}.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}\n"], components: [{ type: i1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: i2.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n    class=\"mrx-input-date\"\r\n    [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n    [class.mrx-input-readonly]=\"readonly\"\r\n    [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\r\n    <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n    <div class=\"mrx-input-date__wrapper\">\r\n      <input\r\n          #dateInput\r\n          type=\"text\"\r\n          autocomplete=\"nope\"\r\n          class=\"mrx-input-date__input mrx-input-date__date\"\r\n          [placeholder]=\"datePlaceholder\"\r\n          [ngModel]=\"getDateValue\"\r\n          [mask]=\"'00.00.0000 00:m0'\"\r\n          [leadZeroDateTime]=\"true\"\r\n          [validation]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          [readOnly]=\"!isManualInput\"\r\n          (input)=\"updateDateValue(dateInput)\"\r\n          (click)=\"clickToInput(dateInput)\"\r\n          (blur)=\"onBlur($event)\"\r\n      />\r\n\r\n      <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n          <span\r\n              class=\"mrx-icon icon-close\"\r\n              *ngIf=\"isViewCleanIcon\"\r\n              (click)=\"clickToIconClear()\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n          ></span>\r\n        <span\r\n            class=\"mrx-icon icon-calendar\"\r\n            (click)=\"clickToIconCalendar()\"\r\n            [class.icon-font-16]=\"size === 'small'\"\r\n            [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n    <mrx-error-message\r\n        *ngIf=\"invalid; else innerInvalidTemplate\"\r\n        [invalidMessage]=\"invalidMessage\"\r\n    ></mrx-error-message>\r\n\r\n  <ng-template #innerInvalidTemplate>\r\n    <mrx-error-message\r\n        *ngIf=\"innerInvalid\"\r\n        [invalidMessage]=\"innerInvalidMessage\"\r\n    ></mrx-error-message>\r\n  </ng-template>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date{width:100%;position:relative}.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);color:var(--neutral-text-primary);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled);color:var(--neutral-text-tertiary)}.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}\n"], components: [{ type: i1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: i2.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDateTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-input-date-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [

package/esm2020/lib/components/form/input-datepicker/input-datepicker.component.mjs

@@ -290,7 +290,7 @@ export class InputDatepickerComponent {
 InputDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 InputDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputDatepickerComponent, selector: "mrx-input-datepicker", inputs: { fields: "fields", size: "size", format: "format", locale: "locale", customClasses: "customClasses", dateLabel: "dateLabel", timeLabel: "timeLabel", datePlaceholder: "datePlaceholder", placeholder: "placeholder", disabled: "disabled", readonly: "readonly", required: "required", timepicker: "timepicker", minDate: "minDate", maxDate: "maxDate", inline: "inline", closable: "closable", leadZeroDateTime: "leadZeroDateTime", mask: "mask", container: "container", validationType: "validationType", disableValidation: "disableValidation", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", isShowMessages: "isShowMessages" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDatepickerComponent), multi: true }
-    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"mrx-input-date\"\r\n  [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\r\n    <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n    <div class=\"mrx-input-date__wrapper\">\r\n      <input\r\n        #dateInput\r\n        type=\"text\"\r\n        autocomplete=\"nope\"\r\n        class=\"mrx-input-date__input mrx-input-date__date\"\r\n        [placeholder]=\"placeholder\"\r\n        [ngModel]=\"getDateValue\"\r\n        [mask]=\"mask\"\r\n        [leadZeroDateTime]=\"leadZeroDateTime\"\r\n        [validation]=\"false\"\r\n        [disabled]=\"disabled || readonly\"\r\n        (input)=\"updateDateValue(dateInput)\"\r\n        (click)=\"clickToInput(dateInput)\"\r\n      />\r\n\r\n      <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n          <span\r\n            class=\"mrx-icon icon-close\"\r\n            *ngIf=\"isViewCleanIcon && !(disabled || readonly)\"\r\n            (click)=\"clickToIconClear()\"\r\n            [class.icon-font-16]=\"size === 'small'\"\r\n            [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n          ></span>\r\n        <span\r\n          class=\"mrx-icon icon-calendar\"\r\n          (click)=\"clickToIconCalendar()\"\r\n          [class.icon-font-16]=\"size === 'small'\"\r\n          [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"invalid; else innerInvalidTemplate\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <ng-template #innerInvalidTemplate>\r\n    <mrx-error-message\r\n      *ngIf=\"innerInvalid\"\r\n      [invalidMessage]=\"innerInvalidMessage\"\r\n    ></mrx-error-message>\r\n  </ng-template>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date.mrx-input-date{width:100%;position:relative}.mrx-input-date.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}.mrx-input-date.mrx-input-date.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-tertiary, #71767E);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-date.mrx-input-date.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-primary, #262626);color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: i1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: i2.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"mrx-input-date\"\r\n  [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\r\n    <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n    <div class=\"mrx-input-date__wrapper\">\r\n      <input\r\n        #dateInput\r\n        type=\"text\"\r\n        autocomplete=\"nope\"\r\n        class=\"mrx-input-date__input mrx-input-date__date\"\r\n        [placeholder]=\"placeholder\"\r\n        [ngModel]=\"getDateValue\"\r\n        [mask]=\"mask\"\r\n        [leadZeroDateTime]=\"leadZeroDateTime\"\r\n        [validation]=\"false\"\r\n        [disabled]=\"disabled || readonly\"\r\n        (input)=\"updateDateValue(dateInput)\"\r\n        (click)=\"clickToInput(dateInput)\"\r\n      />\r\n\r\n      <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n          <span\r\n            class=\"mrx-icon icon-close\"\r\n            *ngIf=\"isViewCleanIcon && !(disabled || readonly)\"\r\n            (click)=\"clickToIconClear()\"\r\n            [class.icon-font-16]=\"size === 'small'\"\r\n            [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n          ></span>\r\n        <span\r\n          class=\"mrx-icon icon-calendar\"\r\n          (click)=\"clickToIconCalendar()\"\r\n          [class.icon-font-16]=\"size === 'small'\"\r\n          [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"invalid; else innerInvalidTemplate\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <ng-template #innerInvalidTemplate>\r\n    <mrx-error-message\r\n      *ngIf=\"innerInvalid\"\r\n      [invalidMessage]=\"innerInvalidMessage\"\r\n    ></mrx-error-message>\r\n  </ng-template>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date.mrx-input-date{width:100%;position:relative}.mrx-input-date.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}.mrx-input-date.mrx-input-date.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-tertiary, #71767E);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-date.mrx-input-date.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-primary, #262626);color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: i1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: i2.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-input-datepicker', providers: [

package/esm2020/lib/components/form/radio-group/components/radio-group-header/radio-group-header.component.mjs

@@ -23,7 +23,7 @@ export class RadioGroupHeaderComponent {
     }
 }
 RadioGroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: { searchSize: "searchSize", searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount", required: "required" }, outputs: { updateradioGroupSearchValue: "updateradioGroupSearchValue" }, ngImport: i0, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [tooltip]=\"tooltip\"\r\n  [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"searchSize\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n", components: [{ type: i1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: i2.InputSearchComponent, selector: "mrx-input-search", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "modelChange", "blurred", "cleared", "searched"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+RadioGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: { searchSize: "searchSize", searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount", required: "required" }, outputs: { updateradioGroupSearchValue: "updateradioGroupSearchValue" }, ngImport: i0, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [tooltip]=\"tooltip\"\r\n  [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"searchSize\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n", components: [{ type: i1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: i2.InputSearchComponent, selector: "mrx-input-search", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "modelChange", "blurred", "cleared", "searched"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-radio-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [tooltip]=\"tooltip\"\r\n  [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"searchSize\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n" }]

package/esm2020/lib/components/label/label.component.mjs

@@ -21,13 +21,13 @@ export class LabelComponent {
         this.requiredHidden = false;
         this.required = false;
         this.boldLabel = true;
-        this.disabled = false;
         this.placeholder = '';
         this.label = '';
         this.customClasses = '';
         this.triggerTextPosition = 'default';
         this.isPublicInfo = false;
         this.publicInfoTooltip = '';
+        this.disabled = false;
         // SWITCH
         this.isSwitch = false;
         this.switchLabel = '';
@@ -71,7 +71,7 @@ export class LabelComponent {
     }
 }
 LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LabelComponent, deps: [{ token: i1.TooltipService }], target: i0.ɵɵFactoryTarget.Component });
-LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LabelComponent, selector: "mrx-label", inputs: { requiredHidden: "requiredHidden", required: "required", boldLabel: "boldLabel", disabled: "disabled", placeholder: "placeholder", label: "label", customClasses: "customClasses", triggerTextPosition: "triggerTextPosition", isPublicInfo: "isPublicInfo", publicInfoTooltip: "publicInfoTooltip", isSwitch: "isSwitch", switchLabel: "switchLabel", switchValue: "switchValue", isCheckbox: "isCheckbox", checkboxLabel: "checkboxLabel", checkboxValue: "checkboxValue", counter: "counter", linkText: "linkText", linkPrevent: "linkPrevent", linkType: "linkType", linkMonochrome: "linkMonochrome", href: "href", triggerType: "triggerType", tooltip: "tooltip", tooltipInitialVisible: "tooltipInitialVisible", isSaveToStorage: "isSaveToStorage" }, outputs: { changeCheckboxValue: "changeCheckboxValue", clickedLink: "clickedLink" }, providers: [TooltipService], queries: [{ propertyName: "customIcons", first: true, predicate: ["customIcons"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-label-wrapper mb-2\">\r\n  <div class=\"mrx-label-content d-flex align-items-start\" [class.mr-2]=\"isSwitch\">\r\n    <div class=\"d-flex\" [style.padding]=\"boldLabel ? 'var(--spacing-half) 0' : ''\">\r\n      <label\r\n        [class]=\"getClasses\"\r\n        [class.required]=\"required\"\r\n        [class.bold-label]=\"boldLabel\"\r\n        class=\"mrx-label\"\r\n      >\r\n        <ng-content></ng-content>\r\n\r\n        <span *ngIf=\"required && !disabled && !requiredHidden\" class=\"required-active\">*</span>\r\n\r\n        <span\r\n          *ngIf=\"isPublicInfo\"\r\n          class=\"mrx-icon icon-megafon ml-1 icon-font-16\"\r\n          [mrxCdkTooltip]=\"publicInfoTooltip\"\r\n        ></span>\r\n\r\n        <div class=\"label-hint\">\r\n          <mrx-tooltip-trigger\r\n            *ngIf=\"tooltipService.getTooltip\"\r\n            (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n            [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n            [triggerTextPosition]=\"triggerTextPosition\"\r\n            [triggerType]=\"triggerType\"\r\n          ></mrx-tooltip-trigger>\r\n        </div>\r\n\r\n        <ng-container *ngTemplateOutlet=\"customIcons\"></ng-container>\r\n      </label>\r\n    </div>\r\n\r\n    <mrx-badge *ngIf=\"counter\" customClasses=\"ml-2\" type=\"circle\" size=\"small\">{{ counter }}</mrx-badge>\r\n  </div>\r\n\r\n  <mrx-switch\r\n    *ngIf=\"isSwitch && !isCheckbox\"\r\n    size=\"small\"\r\n    [label]=\"switchLabel\"\r\n    [ngModel]=\"switchValue\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-switch>\r\n\r\n  <mrx-checkbox\r\n    *ngIf=\"isCheckbox && !isSwitch\"\r\n    [label]=\"checkboxLabel\"\r\n    [ngModel]=\"checkboxValue\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-checkbox>\r\n\r\n  <mrx-link\r\n    *ngIf=\"linkText\"\r\n    [prevent]=\"linkPrevent\"\r\n    [type]=\"linkType\"\r\n    [monochrome]=\"linkMonochrome\"\r\n    (click)=\"onClickToLink($event)\"\r\n  >{{ linkText }}</mrx-link>\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  [triggerType]=\"triggerType\"\r\n></mrx-tooltip>\r\n\r\n", styles: [".mrx-label-wrapper.mrx-label-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.mrx-label.mrx-label{display:inline-block;color:var(--neutral-text-primary)}.mrx-label.mrx-label:not(.mrx-label.mrx-label.bold-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)}.mrx-label.mrx-label.bold-label{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)}.mrx-label.mrx-label .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-label.mrx-label .label-hint{display:inline-flex;align-items:center;justify-content:center;margin-top:-2px;transform:translateY(2px);margin-left:var(--spacing-1)}.mrx-label.mrx-label ::ng-deep .mrx-icon{vertical-align:top}::ng-deep .mrx-label-wrapper .mrx-switch{white-space:nowrap}::ng-deep mrx-tooltip-trigger{display:inline-flex;align-items:center}\n"], components: [{ type: i2.TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: ["triggerTextPosition", "triggerType", "customClasses", "isVisibleTooltip"], outputs: ["toggleTooltip"] }, { type: i3.BadgeComponent, selector: "mrx-badge", inputs: ["type", "tag", "size", "color", "customColor", "text", "path", "customClasses", "target"], outputs: ["clicked"] }, { type: i4.SwitchComponent, selector: "mrx-switch", inputs: ["fields", "size", "type", "label", "boldLabel", "disabled", "readonly", "required", "customClasses", "leftText", "rightText"], outputs: ["changed", "modelChange"] }, { type: i5.CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { type: i6.LinkComponent, selector: "mrx-link", inputs: ["type", "target", "monochrome", "customClasses", "href", "prevent", "size"], outputs: ["clicked"] }, { type: i7.TooltipComponent, selector: "mrx-tooltip", inputs: ["tooltip", "tooltipVisible", "tooltipInitiallyVisible", "triggerType"], outputs: ["visibilityChanged"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LabelComponent, selector: "mrx-label", inputs: { requiredHidden: "requiredHidden", required: "required", boldLabel: "boldLabel", placeholder: "placeholder", label: "label", customClasses: "customClasses", triggerTextPosition: "triggerTextPosition", isPublicInfo: "isPublicInfo", publicInfoTooltip: "publicInfoTooltip", disabled: "disabled", isSwitch: "isSwitch", switchLabel: "switchLabel", switchValue: "switchValue", isCheckbox: "isCheckbox", checkboxLabel: "checkboxLabel", checkboxValue: "checkboxValue", counter: "counter", linkText: "linkText", linkPrevent: "linkPrevent", linkType: "linkType", linkMonochrome: "linkMonochrome", href: "href", triggerType: "triggerType", tooltip: "tooltip", tooltipInitialVisible: "tooltipInitialVisible", isSaveToStorage: "isSaveToStorage" }, outputs: { changeCheckboxValue: "changeCheckboxValue", clickedLink: "clickedLink" }, providers: [TooltipService], queries: [{ propertyName: "customIcons", first: true, predicate: ["customIcons"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-label-wrapper mb-2\">\r\n  <div class=\"mrx-label-content d-flex align-items-start\" [class.mr-2]=\"isSwitch\">\r\n    <div class=\"d-flex\" [style.padding]=\"boldLabel ? 'var(--spacing-half) 0' : ''\">\r\n      <label\r\n        [class]=\"getClasses\"\r\n        [class.required]=\"required\"\r\n        [class.bold-label]=\"boldLabel\"\r\n        class=\"mrx-label\"\r\n      >\r\n        <ng-content></ng-content>\r\n\r\n        <span *ngIf=\"required && !disabled && !requiredHidden\" class=\"required-active\">*</span>\r\n\r\n        <span\r\n          *ngIf=\"isPublicInfo\"\r\n          class=\"mrx-icon icon-megafon ml-1 icon-font-16\"\r\n          [mrxCdkTooltip]=\"publicInfoTooltip\"\r\n        ></span>\r\n\r\n        <div class=\"label-hint\">\r\n          <mrx-tooltip-trigger\r\n            *ngIf=\"tooltipService.getTooltip\"\r\n            (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n            [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n            [triggerTextPosition]=\"triggerTextPosition\"\r\n            [triggerType]=\"triggerType\"\r\n          ></mrx-tooltip-trigger>\r\n        </div>\r\n\r\n        <ng-container *ngTemplateOutlet=\"customIcons\"></ng-container>\r\n      </label>\r\n    </div>\r\n\r\n    <mrx-badge *ngIf=\"counter\" customClasses=\"ml-2\" type=\"circle\" size=\"small\">{{ counter }}</mrx-badge>\r\n  </div>\r\n\r\n  <mrx-switch\r\n    *ngIf=\"isSwitch && !isCheckbox\"\r\n    size=\"small\"\r\n    [label]=\"switchLabel\"\r\n    [ngModel]=\"switchValue\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-switch>\r\n\r\n  <mrx-checkbox\r\n    *ngIf=\"isCheckbox && !isSwitch\"\r\n    [label]=\"checkboxLabel\"\r\n    [ngModel]=\"checkboxValue\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-checkbox>\r\n\r\n  <mrx-link\r\n    *ngIf=\"linkText\"\r\n    [prevent]=\"linkPrevent\"\r\n    [type]=\"linkType\"\r\n    [monochrome]=\"linkMonochrome\"\r\n    (click)=\"onClickToLink($event)\"\r\n  >{{ linkText }}</mrx-link>\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  [triggerType]=\"triggerType\"\r\n></mrx-tooltip>\r\n\r\n", styles: [".mrx-label-wrapper.mrx-label-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.mrx-label.mrx-label{display:inline-block;color:var(--neutral-text-primary)}.mrx-label.mrx-label:not(.mrx-label.mrx-label.bold-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)}.mrx-label.mrx-label.bold-label{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)}.mrx-label.mrx-label .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-label.mrx-label .label-hint{display:inline-flex;align-items:center;justify-content:center;margin-top:-2px;transform:translateY(2px);margin-left:var(--spacing-1)}.mrx-label.mrx-label ::ng-deep .mrx-icon{vertical-align:top}::ng-deep .mrx-label-wrapper .mrx-switch{white-space:nowrap}::ng-deep mrx-tooltip-trigger{display:inline-flex;align-items:center}\n"], components: [{ type: i2.TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: ["triggerTextPosition", "triggerType", "customClasses", "isVisibleTooltip"], outputs: ["toggleTooltip"] }, { type: i3.BadgeComponent, selector: "mrx-badge", inputs: ["type", "tag", "size", "color", "customColor", "text", "path", "customClasses", "target"], outputs: ["clicked"] }, { type: i4.SwitchComponent, selector: "mrx-switch", inputs: ["fields", "size", "type", "label", "boldLabel", "disabled", "readonly", "required", "customClasses", "leftText", "rightText"], outputs: ["changed", "modelChange"] }, { type: i5.CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { type: i6.LinkComponent, selector: "mrx-link", inputs: ["type", "target", "monochrome", "customClasses", "href", "prevent", "size"], outputs: ["clicked"] }, { type: i7.TooltipComponent, selector: "mrx-tooltip", inputs: ["tooltip", "tooltipVisible", "tooltipInitiallyVisible", "triggerType"], outputs: ["visibilityChanged"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
         trigger('openClose', [
             state('open', style({ height: '*', padding: '*', 'margin-bottom': '8px' })),
             state('closed', style({ height: 0, padding: 0, 'margin-bottom': 0 })),
@@ -88,15 +88,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             transition('open => closed', [animate('0.5s ease')]),
                             transition('closed => open', [animate('0.5s ease')]),
                         ]),
-                    ], providers: [TooltipService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-label-wrapper mb-2\">\r\n  <div class=\"mrx-label-content d-flex align-items-start\" [class.mr-2]=\"isSwitch\">\r\n    <div class=\"d-flex\" [style.padding]=\"boldLabel ? 'var(--spacing-half) 0' : ''\">\r\n      <label\r\n        [class]=\"getClasses\"\r\n        [class.required]=\"required\"\r\n        [class.bold-label]=\"boldLabel\"\r\n        class=\"mrx-label\"\r\n      >\r\n        <ng-content></ng-content>\r\n\r\n        <span *ngIf=\"required && !disabled && !requiredHidden\" class=\"required-active\">*</span>\r\n\r\n        <span\r\n          *ngIf=\"isPublicInfo\"\r\n          class=\"mrx-icon icon-megafon ml-1 icon-font-16\"\r\n          [mrxCdkTooltip]=\"publicInfoTooltip\"\r\n        ></span>\r\n\r\n        <div class=\"label-hint\">\r\n          <mrx-tooltip-trigger\r\n            *ngIf=\"tooltipService.getTooltip\"\r\n            (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n            [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n            [triggerTextPosition]=\"triggerTextPosition\"\r\n            [triggerType]=\"triggerType\"\r\n          ></mrx-tooltip-trigger>\r\n        </div>\r\n\r\n        <ng-container *ngTemplateOutlet=\"customIcons\"></ng-container>\r\n      </label>\r\n    </div>\r\n\r\n    <mrx-badge *ngIf=\"counter\" customClasses=\"ml-2\" type=\"circle\" size=\"small\">{{ counter }}</mrx-badge>\r\n  </div>\r\n\r\n  <mrx-switch\r\n    *ngIf=\"isSwitch && !isCheckbox\"\r\n    size=\"small\"\r\n    [label]=\"switchLabel\"\r\n    [ngModel]=\"switchValue\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-switch>\r\n\r\n  <mrx-checkbox\r\n    *ngIf=\"isCheckbox && !isSwitch\"\r\n    [label]=\"checkboxLabel\"\r\n    [ngModel]=\"checkboxValue\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-checkbox>\r\n\r\n  <mrx-link\r\n    *ngIf=\"linkText\"\r\n    [prevent]=\"linkPrevent\"\r\n    [type]=\"linkType\"\r\n    [monochrome]=\"linkMonochrome\"\r\n    (click)=\"onClickToLink($event)\"\r\n  >{{ linkText }}</mrx-link>\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  [triggerType]=\"triggerType\"\r\n></mrx-tooltip>\r\n\r\n", styles: [".mrx-label-wrapper.mrx-label-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.mrx-label.mrx-label{display:inline-block;color:var(--neutral-text-primary)}.mrx-label.mrx-label:not(.mrx-label.mrx-label.bold-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)}.mrx-label.mrx-label.bold-label{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)}.mrx-label.mrx-label .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-label.mrx-label .label-hint{display:inline-flex;align-items:center;justify-content:center;margin-top:-2px;transform:translateY(2px);margin-left:var(--spacing-1)}.mrx-label.mrx-label ::ng-deep .mrx-icon{vertical-align:top}::ng-deep .mrx-label-wrapper .mrx-switch{white-space:nowrap}::ng-deep mrx-tooltip-trigger{display:inline-flex;align-items:center}\n"] }]
+                    ], providers: [TooltipService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-label-wrapper mb-2\">\r\n  <div class=\"mrx-label-content d-flex align-items-start\" [class.mr-2]=\"isSwitch\">\r\n    <div class=\"d-flex\" [style.padding]=\"boldLabel ? 'var(--spacing-half) 0' : ''\">\r\n      <label\r\n        [class]=\"getClasses\"\r\n        [class.required]=\"required\"\r\n        [class.bold-label]=\"boldLabel\"\r\n        class=\"mrx-label\"\r\n      >\r\n        <ng-content></ng-content>\r\n\r\n        <span *ngIf=\"required && !disabled && !requiredHidden\" class=\"required-active\">*</span>\r\n\r\n        <span\r\n          *ngIf=\"isPublicInfo\"\r\n          class=\"mrx-icon icon-megafon ml-1 icon-font-16\"\r\n          [mrxCdkTooltip]=\"publicInfoTooltip\"\r\n        ></span>\r\n\r\n        <div class=\"label-hint\">\r\n          <mrx-tooltip-trigger\r\n            *ngIf=\"tooltipService.getTooltip\"\r\n            (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n            [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n            [triggerTextPosition]=\"triggerTextPosition\"\r\n            [triggerType]=\"triggerType\"\r\n          ></mrx-tooltip-trigger>\r\n        </div>\r\n\r\n        <ng-container *ngTemplateOutlet=\"customIcons\"></ng-container>\r\n      </label>\r\n    </div>\r\n\r\n    <mrx-badge *ngIf=\"counter\" customClasses=\"ml-2\" type=\"circle\" size=\"small\">{{ counter }}</mrx-badge>\r\n  </div>\r\n\r\n  <mrx-switch\r\n    *ngIf=\"isSwitch && !isCheckbox\"\r\n    size=\"small\"\r\n    [label]=\"switchLabel\"\r\n    [ngModel]=\"switchValue\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-switch>\r\n\r\n  <mrx-checkbox\r\n    *ngIf=\"isCheckbox && !isSwitch\"\r\n    [label]=\"checkboxLabel\"\r\n    [ngModel]=\"checkboxValue\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-checkbox>\r\n\r\n  <mrx-link\r\n    *ngIf=\"linkText\"\r\n    [prevent]=\"linkPrevent\"\r\n    [type]=\"linkType\"\r\n    [monochrome]=\"linkMonochrome\"\r\n    (click)=\"onClickToLink($event)\"\r\n  >{{ linkText }}</mrx-link>\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  [triggerType]=\"triggerType\"\r\n></mrx-tooltip>\r\n\r\n", styles: [".mrx-label-wrapper.mrx-label-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.mrx-label.mrx-label{display:inline-block;color:var(--neutral-text-primary)}.mrx-label.mrx-label:not(.mrx-label.mrx-label.bold-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)}.mrx-label.mrx-label.bold-label{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)}.mrx-label.mrx-label .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-label.mrx-label .label-hint{display:inline-flex;align-items:center;justify-content:center;margin-top:-2px;transform:translateY(2px);margin-left:var(--spacing-1)}.mrx-label.mrx-label ::ng-deep .mrx-icon{vertical-align:top}::ng-deep .mrx-label-wrapper .mrx-switch{white-space:nowrap}::ng-deep mrx-tooltip-trigger{display:inline-flex;align-items:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TooltipService }]; }, propDecorators: { requiredHidden: [{
                 type: Input
             }], required: [{
                 type: Input
             }], boldLabel: [{
                 type: Input
-            }], disabled: [{
-                type: Input
             }], placeholder: [{
                 type: Input
             }], label: [{
@@ -109,6 +107,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], publicInfoTooltip: [{
                 type: Input
+            }], disabled: [{
+                type: Input
             }], isSwitch: [{
                 type: Input
             }], switchLabel: [{
@@ -149,4 +149,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], clickedLink: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sYWJlbC9sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7Ozs7OztBQW9CckUsTUFBTSxPQUFPLGNBQWM7SUErRHpCLFlBQW1CLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQTlEekMsYUFBUSxHQUFHLEVBQUUsQ0FBQTtRQUNiLDJCQUFzQixHQUFHLEtBQUssQ0FBQTtRQUM5QixxQkFBZ0IsR0FBRyxLQUFLLENBQUE7UUFFaEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLHdCQUFtQixHQUE2QixTQUFTLENBQUM7UUFDMUQsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsc0JBQWlCLEdBQUcsRUFB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LEtBQUs7Z0JBTUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBUZW1wbGF0ZVJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgVG9vbHRpcFRleHRQb3NpdGlvblR5cGVzLCBUb29sdGlwVHJpZ2dlclR5cGVzIH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwLXRyaWdnZXIvdG9vbHRpcC10cmlnZ2VyLmVudW0nO1xyXG5pbXBvcnQgeyBUb29sdGlwU2VydmljZSB9IGZyb20gJy4uL3Rvb2x0aXAvc2VydmljZXMvdG9vbHRpcC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTGlua1R5cGVzIH0gZnJvbSAnLi4vbGluay9saW5rLmVudW0nO1xyXG5pbXBvcnQgeyBTd2l0Y2hWYWx1ZVR5cGVzIH0gZnJvbSAnLi4vZm9ybS9zd2l0Y2gvc3dpdGNoLmVudW0nO1xyXG5pbXBvcnQgeyBDaGVja2JveFZhbHVlVHlwZXMgfSBmcm9tICcuLi9mb3JtL2NoZWNrYm94L2NoZWNrYm94LmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtbGFiZWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbGFiZWwuY29tcG9uZW50Lmxlc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdvcGVuQ2xvc2UnLCBbXHJcbiAgICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoeyBoZWlnaHQ6ICcqJywgcGFkZGluZzogJyonLCAnbWFyZ2luLWJvdHRvbSc6ICc4cHgnIH0pKSxcclxuICAgICAgc3RhdGUoJ2Nsb3NlZCcsIHN0eWxlKHsgaGVpZ2h0OiAwLCBwYWRkaW5nOiAwLCAnbWFyZ2luLWJvdHRvbSc6IDAgfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdvcGVuID0+IGNsb3NlZCcsIFthbmltYXRlKCcwLjVzIGVhc2UnKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCdjbG9zZWQgPT4gb3BlbicsIFthbmltYXRlKCcwLjVzIGVhc2UnKV0pLFxyXG4gICAgXSksXHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtUb29sdGlwU2VydmljZV0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMYWJlbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSBfdG9vbHRpcCA9ICcnXHJcbiAgcHJpdmF0ZSBfdG9vbHRpcEluaXRpYWxWaXNpYmxlID0gZmFsc2VcclxuICBwcml2YXRlIF9pc1NhdmVUb1N0b3JhZ2UgPSBmYWxzZVxyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWRIaWRkZW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgYm9sZExhYmVsID0gdHJ1ZTtcclxuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgcGxhY2Vob2xkZXIgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgbGFiZWwgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3NlcyA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0cmlnZ2VyVGV4dFBvc2l0aW9uOiBUb29sdGlwVGV4dFBvc2l0aW9uVHlwZXMgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgcHVibGljIGlzUHVibGljSW5mbyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBwdWJsaWNJbmZvVG9vbHRpcCA9ICcnO1xyXG5cclxuICAvLyBTV0lUQ0hcclxuICBASW5wdXQoKSBwdWJsaWMgaXNTd2l0Y2ggPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgc3dpdGNoTGFiZWwgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgc3dpdGNoVmFsdWUgPSBmYWxzZTtcclxuXHJcbiAgLy8gQ0hFQ0tCT1hcclxuICBASW5wdXQoKSBwdWJsaWMgaXNDaGVja2JveCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjaGVja2JveExhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGNoZWNrYm94VmFsdWUgPSBmYWxzZTtcclxuXHJcbiAgLy8gQ09VTlRFUlxyXG4gIEBJbnB1dCgpIHB1YmxpYyBjb3VudGVyOiBudW1iZXIgfCB1bmRlZmluZWQgPSAwO1xyXG5cclxuICAvLyBMSU5LXHJcbiAgQElucHV0KCkgbGlua1RleHQgPSAnJztcclxuICBASW5wdXQoKSBsaW5rUHJldmVudCA9IHRydWU7XHJcbiAgQElucHV0KCkgbGlua1R5cGU6IExpbmtUeXBlcyA9ICdwc2V1ZG8nO1xyXG4gIEBJbnB1dCgpIGxpbmtNb25vY2hyb21lID0gdHJ1ZTtcclxuICBASW5wdXQoKSBocmVmID0gJyMnO1xyXG5cclxuICBASW5wdXQoKSB0cmlnZ2VyVHlwZTogVG9vbHRpcFRyaWdnZXJUeXBlcyA9ICdhdHRlbnRpb24nO1xyXG5cclxuICBAQ29udGVudENoaWxkKCdjdXN0b21JY29ucycpIGN1c3RvbUljb25zITogVGVtcGxhdGVSZWY8RWxlbWVudFJlZj47XHJcblxyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2hhbmdlQ2hlY2tib3hWYWx1ZTogRXZlbnRFbWl0dGVyPFN3aXRjaFZhbHVlVHlwZXMgfCBDaGVja2JveFZhbHVlVHlwZXM+ID1cclxuICAgIG5ldyBFdmVudEVtaXR0ZXI8U3dpdGNoVmFsdWVUeXBlcyB8IENoZWNrYm94VmFsdWVUeXBlcz4oKTtcclxuXHJcbiAgQElucHV0KClcclxuICBzZXQgdG9vbHRpcCh0b29sdGlwOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX3Rvb2x0aXAgPSB0b29sdGlwO1xyXG4gICAgdGhpcy50b29sdGlwU2VydmljZS5zZXRUb29sdGlwID0gdG9vbHRpcFxyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBzZXQgdG9vbHRpcEluaXRpYWxWaXNpYmxlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl90b29sdGlwSW5pdGlhbFZpc2libGUgPSB2YWx1ZTtcclxuICAgIHRoaXMudG9vbHRpcFNlcnZpY2UudG9nZ2xlVG9vbHRpcFZpc2libGVGcm9tQ29kZSh2YWx1ZSlcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IGlzU2F2ZVRvU3RvcmFnZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5faXNTYXZlVG9TdG9yYWdlID0gdmFsdWU7XHJcbiAgICB0aGlzLnRvb2x0aXBTZXJ2aWNlLnNldFNhdmVUb1N0b3JhZ2UgPSB2YWx1ZVxyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrZWRMaW5rOiBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0b29sdGlwU2VydmljZTogVG9vbHRpcFNlcnZpY2UpIHsgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHt0aGlzLmN1c3RvbUNsYXNzZXN9YDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy50b29sdGlwU2VydmljZS5pbml0VG9vbHRpcCh0aGlzLl90b29sdGlwLCB0aGlzLl90b29sdGlwSW5pdGlhbFZpc2libGUpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2xpY2tUb0xpbmsoZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xpY2tlZExpbmsuZW1pdChldmVudClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1sYWJlbC13cmFwcGVyIG1iLTJcIj5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LWxhYmVsLWNvbnRlbnQgZC1mbGV4IGFsaWduLWl0ZW1zLXN0YXJ0XCIgW2NsYXNzLm1yLTJdPVwiaXNTd2l0Y2hcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXhcIiBbc3R5bGUucGFkZGluZ109XCJib2xkTGFiZWwgPyAndmFyKC0tc3BhY2luZy1oYWxmKSAwJyA6ICcnXCI+XHJcbiAgICAgIDxsYWJlbFxyXG4gICAgICAgIFtjbGFzc109XCJnZXRDbGFzc2VzXCJcclxuICAgICAgICBbY2xhc3MucmVxdWlyZWRdPVwicmVxdWlyZWRcIlxyXG4gICAgICAgIFtjbGFzcy5ib2xkLWxhYmVsXT1cImJvbGRMYWJlbFwiXHJcbiAgICAgICAgY2xhc3M9XCJtcngtbGFiZWxcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkICYmICFkaXNhYmxlZCAmJiAhcmVxdWlyZWRIaWRkZW5cIiBjbGFzcz1cInJlcXVpcmVkLWFjdGl2ZVwiPio8L3NwYW4+XHJcblxyXG4gICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAqbmdJZj1cImlzUHVibGljSW5mb1wiXHJcbiAgICAgICAgICBjbGFzcz1cIm1yeC1pY29uIGljb24tbWVnYWZvbiBtbC0xIGljb24tZm9udC0xNlwiXHJcbiAgICAgICAgICBbbXJ4Q2RrVG9vbHRpcF09XCJwdWJsaWNJbmZvVG9vbHRpcFwiXHJcbiAgICAgICAgPjwvc3Bhbj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxhYmVsLWhpbnRcIj5cclxuICAgICAgICAgIDxtcngtdG9vbHRpcC10cmlnZ2VyXHJcbiAgICAgICAgICAgICpuZ0lmPVwidG9vbHRpcFNlcnZpY2UuZ2V0VG9vbHRpcFwiXHJcbiAgICAgICAgICAgICh0b2dnbGVUb29sdGlwKT1cInRvb2x0aXBTZXJ2aWNlLnRvZ2dsZVRvb2x0aXBWaXNpYmxlKClcIlxyXG4gICAgICAgICAgICBbaXNWaXNpYmxlVG9vbHRpcF09XCJ0b29sdGlwU2VydmljZS5nZXRUb29sdGlwVmlzaWJsZVwiXHJcbiAgICAgICAgICAgIFt0cmlnZ2VyVGV4dFBvc2l0aW9uXT1cInRyaWdnZXJUZXh0UG9zaXRpb25cIlxyXG4gICAgICAgICAgICBbdHJpZ2dlclR5cGVdPVwidHJpZ2dlclR5cGVcIlxyXG4gICAgICAgICAgPjwvbXJ4LXRvb2x0aXAtdHJpZ2dlcj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImN1c3RvbUljb25zXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbGFiZWw+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8bXJ4LWJhZGdlICpuZ0lmPVwiY291bnRlclwiIGN1c3RvbUNsYXNzZXM9XCJtbC0yXCIgdHlwZT1cImNpcmNsZVwiIHNpemU9XCJzbWFsbFwiPnt7IGNvdW50ZXIgfX08L21yeC1iYWRnZT5cclxuICA8L2Rpdj5cclxuXHJcbiAgPG1yeC1zd2l0Y2hcclxuICAgICpuZ0lmPVwiaXNTd2l0Y2ggJiYgIWlzQ2hlY2tib3hcIlxyXG4gICAgc2l6ZT1cInNtYWxsXCJcclxuICAgIFtsYWJlbF09XCJzd2l0Y2hMYWJlbFwiXHJcbiAgICBbbmdNb2RlbF09XCJzd2l0Y2hWYWx1ZVwiXHJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VDaGVja2JveFZhbHVlLmVtaXQoJGV2ZW50KVwiXHJcbiAgPjwvbXJ4LXN3aXRjaD5cclxuXHJcbiAgPG1yeC1jaGVja2JveFxyXG4gICAgKm5nSWY9XCJpc0NoZWNrYm94ICYmICFpc1N3aXRjaFwiXHJcbiAgICBbbGFiZWxdPVwiY2hlY2tib3hMYWJlbFwiXHJcbiAgICBbbmdNb2RlbF09XCJjaGVja2JveFZhbHVlXCJcclxuICAgIChuZ01vZGVsQ2hhbmdlKT1cImNoYW5nZUNoZWNrYm94VmFsdWUuZW1pdCgkZXZlbnQpXCJcclxuICA+PC9tcngtY2hlY2tib3g+XHJcblxyXG4gIDxtcngtbGlua1xyXG4gICAgKm5nSWY9XCJsaW5rVGV4dFwiXHJcbiAgICBbcHJldmVudF09XCJsaW5rUHJldmVudFwiXHJcbiAgICBbdHlwZV09XCJsaW5rVHlwZVwiXHJcbiAgICBbbW9ub2Nocm9tZV09XCJsaW5rTW9ub2Nocm9tZVwiXHJcbiAgICAoY2xpY2spPVwib25DbGlja1RvTGluaygkZXZlbnQpXCJcclxuICA+e3sgbGlua1RleHQgfX08L21yeC1saW5rPlxyXG48L2Rpdj5cclxuXHJcbjxtcngtdG9vbHRpcFxyXG4gICpuZ0lmPVwidG9vbHRpcFNlcnZpY2UuZ2V0VG9vbHRpcFwiXHJcbiAgW3Rvb2x0aXBdPVwidG9vbHRpcFNlcnZpY2UuZ2V0VG9vbHRpcFwiXHJcbiAgW3Rvb2x0aXBWaXNpYmxlXT1cInRvb2x0aXBTZXJ2aWNlLmdldFRvb2x0aXBWaXNpYmxlXCJcclxuICBbdHJpZ2dlclR5cGVdPVwidHJpZ2dlclR5cGVcIlxyXG4+PC9tcngtdG9vbHRpcD5cclxuXHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9sYWJlbC9sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVqRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7Ozs7OztBQW9CckUsTUFBTSxPQUFPLGNBQWM7SUErRHpCLFlBQW1CLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQTlEekMsYUFBUSxHQUFHLEVBQUUsQ0FBQTtRQUNiLDJCQUFzQixHQUFHLEtBQUssQ0FBQTtRQUM5QixxQkFBZ0IsR0FBRyxLQUFLLENBQUE7UUFFaEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQUNuQix3QkFBbUIsR0FBNkIsU0FBUyxDQUFDO1FBQzFELGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLHNCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUN2QixhQUFRLEdBQUcsS0FB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LEtBQUs7Z0JBTUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBUZW1wbGF0ZVJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgVG9vbHRpcFRleHRQb3NpdGlvblR5cGVzLCBUb29sdGlwVHJpZ2dlclR5cGVzIH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwLXRyaWdnZXIvdG9vbHRpcC10cmlnZ2VyLmVudW0nO1xyXG5pbXBvcnQgeyBUb29sdGlwU2VydmljZSB9IGZyb20gJy4uL3Rvb2x0aXAvc2VydmljZXMvdG9vbHRpcC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTGlua1R5cGVzIH0gZnJvbSAnLi4vbGluay9saW5rLmVudW0nO1xyXG5pbXBvcnQgeyBTd2l0Y2hWYWx1ZVR5cGVzIH0gZnJvbSAnLi4vZm9ybS9zd2l0Y2gvc3dpdGNoLmVudW0nO1xyXG5pbXBvcnQgeyBDaGVja2JveFZhbHVlVHlwZXMgfSBmcm9tICcuLi9mb3JtL2NoZWNrYm94L2NoZWNrYm94LmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtbGFiZWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbGFiZWwuY29tcG9uZW50Lmxlc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdvcGVuQ2xvc2UnLCBbXHJcbiAgICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoeyBoZWlnaHQ6ICcqJywgcGFkZGluZzogJyonLCAnbWFyZ2luLWJvdHRvbSc6ICc4cHgnIH0pKSxcclxuICAgICAgc3RhdGUoJ2Nsb3NlZCcsIHN0eWxlKHsgaGVpZ2h0OiAwLCBwYWRkaW5nOiAwLCAnbWFyZ2luLWJvdHRvbSc6IDAgfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdvcGVuID0+IGNsb3NlZCcsIFthbmltYXRlKCcwLjVzIGVhc2UnKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCdjbG9zZWQgPT4gb3BlbicsIFthbmltYXRlKCcwLjVzIGVhc2UnKV0pLFxyXG4gICAgXSksXHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtUb29sdGlwU2VydmljZV0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMYWJlbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSBfdG9vbHRpcCA9ICcnXHJcbiAgcHJpdmF0ZSBfdG9vbHRpcEluaXRpYWxWaXNpYmxlID0gZmFsc2VcclxuICBwcml2YXRlIF9pc1NhdmVUb1N0b3JhZ2UgPSBmYWxzZVxyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWRIaWRkZW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgYm9sZExhYmVsID0gdHJ1ZTtcclxuICBASW5wdXQoKSBwdWJsaWMgcGxhY2Vob2xkZXIgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgbGFiZWwgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3NlcyA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0cmlnZ2VyVGV4dFBvc2l0aW9uOiBUb29sdGlwVGV4dFBvc2l0aW9uVHlwZXMgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgcHVibGljIGlzUHVibGljSW5mbyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBwdWJsaWNJbmZvVG9vbHRpcCA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG5cclxuICAvLyBTV0lUQ0hcclxuICBASW5wdXQoKSBwdWJsaWMgaXNTd2l0Y2ggPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgc3dpdGNoTGFiZWwgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgc3dpdGNoVmFsdWUgPSBmYWxzZTtcclxuXHJcbiAgLy8gQ0hFQ0tCT1hcclxuICBASW5wdXQoKSBwdWJsaWMgaXNDaGVja2JveCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjaGVja2JveExhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGNoZWNrYm94VmFsdWUgPSBmYWxzZTtcclxuXHJcbiAgLy8gQ09VTlRFUlxyXG4gIEBJbnB1dCgpIHB1YmxpYyBjb3VudGVyOiBudW1iZXIgfCB1bmRlZmluZWQgPSAwO1xyXG5cclxuICAvLyBMSU5LXHJcbiAgQElucHV0KCkgbGlua1RleHQgPSAnJztcclxuICBASW5wdXQoKSBsaW5rUHJldmVudCA9IHRydWU7XHJcbiAgQElucHV0KCkgbGlua1R5cGU6IExpbmtUeXBlcyA9ICdwc2V1ZG8nO1xyXG4gIEBJbnB1dCgpIGxpbmtNb25vY2hyb21lID0gdHJ1ZTtcclxuICBASW5wdXQoKSBocmVmID0gJyMnO1xyXG5cclxuICBASW5wdXQoKSB0cmlnZ2VyVHlwZTogVG9vbHRpcFRyaWdnZXJUeXBlcyA9ICdhdHRlbnRpb24nO1xyXG5cclxuICBAQ29udGVudENoaWxkKCdjdXN0b21JY29ucycpIGN1c3RvbUljb25zITogVGVtcGxhdGVSZWY8RWxlbWVudFJlZj47XHJcblxyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2hhbmdlQ2hlY2tib3hWYWx1ZTogRXZlbnRFbWl0dGVyPFN3aXRjaFZhbHVlVHlwZXMgfCBDaGVja2JveFZhbHVlVHlwZXM+ID1cclxuICAgIG5ldyBFdmVudEVtaXR0ZXI8U3dpdGNoVmFsdWVUeXBlcyB8IENoZWNrYm94VmFsdWVUeXBlcz4oKTtcclxuXHJcbiAgQElucHV0KClcclxuICBzZXQgdG9vbHRpcCh0b29sdGlwOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX3Rvb2x0aXAgPSB0b29sdGlwO1xyXG4gICAgdGhpcy50b29sdGlwU2VydmljZS5zZXRUb29sdGlwID0gdG9vbHRpcFxyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBzZXQgdG9vbHRpcEluaXRpYWxWaXNpYmxlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl90b29sdGlwSW5pdGlhbFZpc2libGUgPSB2YWx1ZTtcclxuICAgIHRoaXMudG9vbHRpcFNlcnZpY2UudG9nZ2xlVG9vbHRpcFZpc2libGVGcm9tQ29kZSh2YWx1ZSlcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IGlzU2F2ZVRvU3RvcmFnZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5faXNTYXZlVG9TdG9yYWdlID0gdmFsdWU7XHJcbiAgICB0aGlzLnRvb2x0aXBTZXJ2aWNlLnNldFNhdmVUb1N0b3JhZ2UgPSB2YWx1ZVxyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrZWRMaW5rOiBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0b29sdGlwU2VydmljZTogVG9vbHRpcFNlcnZpY2UpIHsgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHt0aGlzLmN1c3RvbUNsYXNzZXN9YDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy50b29sdGlwU2VydmljZS5pbml0VG9vbHRpcCh0aGlzLl90b29sdGlwLCB0aGlzLl90b29sdGlwSW5pdGlhbFZpc2libGUpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2xpY2tUb0xpbmsoZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xpY2tlZExpbmsuZW1pdChldmVudClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1sYWJlbC13cmFwcGVyIG1iLTJcIj5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LWxhYmVsLWNvbnRlbnQgZC1mbGV4IGFsaWduLWl0ZW1zLXN0YXJ0XCIgW2NsYXNzLm1yLTJdPVwiaXNTd2l0Y2hcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXhcIiBbc3R5bGUucGFkZGluZ109XCJib2xkTGFiZWwgPyAndmFyKC0tc3BhY2luZy1oYWxmKSAwJyA6ICcnXCI+XHJcbiAgICAgIDxsYWJlbFxyXG4gICAgICAgIFtjbGFzc109XCJnZXRDbGFzc2VzXCJcclxuICAgICAgICBbY2xhc3MucmVxdWlyZWRdPVwicmVxdWlyZWRcIlxyXG4gICAgICAgIFtjbGFzcy5ib2xkLWxhYmVsXT1cImJvbGRMYWJlbFwiXHJcbiAgICAgICAgY2xhc3M9XCJtcngtbGFiZWxcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkICYmICFkaXNhYmxlZCAmJiAhcmVxdWlyZWRIaWRkZW5cIiBjbGFzcz1cInJlcXVpcmVkLWFjdGl2ZVwiPio8L3NwYW4+XHJcblxyXG4gICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAqbmdJZj1cImlzUHVibGljSW5mb1wiXHJcbiAgICAgICAgICBjbGFzcz1cIm1yeC1pY29uIGljb24tbWVnYWZvbiBtbC0xIGljb24tZm9udC0xNlwiXHJcbiAgICAgICAgICBbbXJ4Q2RrVG9vbHRpcF09XCJwdWJsaWNJbmZvVG9vbHRpcFwiXHJcbiAgICAgICAgPjwvc3Bhbj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxhYmVsLWhpbnRcIj5cclxuICAgICAgICAgIDxtcngtdG9vbHRpcC10cmlnZ2VyXHJcbiAgICAgICAgICAgICpuZ0lmPVwidG9vbHRpcFNlcnZpY2UuZ2V0VG9vbHRpcFwiXHJcbiAgICAgICAgICAgICh0b2dnbGVUb29sdGlwKT1cInRvb2x0aXBTZXJ2aWNlLnRvZ2dsZVRvb2x0aXBWaXNpYmxlKClcIlxyXG4gICAgICAgICAgICBbaXNWaXNpYmxlVG9vbHRpcF09XCJ0b29sdGlwU2VydmljZS5nZXRUb29sdGlwVmlzaWJsZVwiXHJcbiAgICAgICAgICAgIFt0cmlnZ2VyVGV4dFBvc2l0aW9uXT1cInRyaWdnZXJUZXh0UG9zaXRpb25cIlxyXG4gICAgICAgICAgICBbdHJpZ2dlclR5cGVdPVwidHJpZ2dlclR5cGVcIlxyXG4gICAgICAgICAgPjwvbXJ4LXRvb2x0aXAtdHJpZ2dlcj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImN1c3RvbUljb25zXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbGFiZWw+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8bXJ4LWJhZGdlICpuZ0lmPVwiY291bnRlclwiIGN1c3RvbUNsYXNzZXM9XCJtbC0yXCIgdHlwZT1cImNpcmNsZVwiIHNpemU9XCJzbWFsbFwiPnt7IGNvdW50ZXIgfX08L21yeC1iYWRnZT5cclxuICA8L2Rpdj5cclxuXHJcbiAgPG1yeC1zd2l0Y2hcclxuICAgICpuZ0lmPVwiaXNTd2l0Y2ggJiYgIWlzQ2hlY2tib3hcIlxyXG4gICAgc2l6ZT1cInNtYWxsXCJcclxuICAgIFtsYWJlbF09XCJzd2l0Y2hMYWJlbFwiXHJcbiAgICBbbmdNb2RlbF09XCJzd2l0Y2hWYWx1ZVwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlQ2hlY2tib3hWYWx1ZS5lbWl0KCRldmVudClcIlxyXG4gID48L21yeC1zd2l0Y2g+XHJcblxyXG4gIDxtcngtY2hlY2tib3hcclxuICAgICpuZ0lmPVwiaXNDaGVja2JveCAmJiAhaXNTd2l0Y2hcIlxyXG4gICAgW2xhYmVsXT1cImNoZWNrYm94TGFiZWxcIlxyXG4gICAgW25nTW9kZWxdPVwiY2hlY2tib3hWYWx1ZVwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlQ2hlY2tib3hWYWx1ZS5lbWl0KCRldmVudClcIlxyXG4gID48L21yeC1jaGVja2JveD5cclxuXHJcbiAgPG1yeC1saW5rXHJcbiAgICAqbmdJZj1cImxpbmtUZXh0XCJcclxuICAgIFtwcmV2ZW50XT1cImxpbmtQcmV2ZW50XCJcclxuICAgIFt0eXBlXT1cImxpbmtUeXBlXCJcclxuICAgIFttb25vY2hyb21lXT1cImxpbmtNb25vY2hyb21lXCJcclxuICAgIChjbGljayk9XCJvbkNsaWNrVG9MaW5rKCRldmVudClcIlxyXG4gID57eyBsaW5rVGV4dCB9fTwvbXJ4LWxpbms+XHJcbjwvZGl2PlxyXG5cclxuPG1yeC10b29sdGlwXHJcbiAgKm5nSWY9XCJ0b29sdGlwU2VydmljZS5nZXRUb29sdGlwXCJcclxuICBbdG9vbHRpcF09XCJ0b29sdGlwU2VydmljZS5nZXRUb29sdGlwXCJcclxuICBbdG9vbHRpcFZpc2libGVdPVwidG9vbHRpcFNlcnZpY2UuZ2V0VG9vbHRpcFZpc2libGVcIlxyXG4gIFt0cmlnZ2VyVHlwZV09XCJ0cmlnZ2VyVHlwZVwiXHJcbj48L21yeC10b29sdGlwPlxyXG5cclxuIl19

package/fesm2015/myrta-ui.mjs

@@ -1324,13 +1324,13 @@ class LabelComponent {
         this.requiredHidden = false;
         this.required = false;
         this.boldLabel = true;
-        this.disabled = false;
         this.placeholder = '';
         this.label = '';
         this.customClasses = '';
         this.triggerTextPosition = 'default';
         this.isPublicInfo = false;
         this.publicInfoTooltip = '';
+        this.disabled = false;
         // SWITCH
         this.isSwitch = false;
         this.switchLabel = '';
@@ -1374,7 +1374,7 @@ class LabelComponent {
     }
 }
 LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LabelComponent, deps: [{ token: TooltipService }], target: i0.ɵɵFactoryTarget.Component });
-LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LabelComponent, selector: "mrx-label", inputs: { requiredHidden: "requiredHidden", required: "required", boldLabel: "boldLabel", disabled: "disabled", placeholder: "placeholder", label: "label", customClasses: "customClasses", triggerTextPosition: "triggerTextPosition", isPublicInfo: "isPublicInfo", publicInfoTooltip: "publicInfoTooltip", isSwitch: "isSwitch", switchLabel: "switchLabel", switchValue: "switchValue", isCheckbox: "isCheckbox", checkboxLabel: "checkboxLabel", checkboxValue: "checkboxValue", counter: "counter", linkText: "linkText", linkPrevent: "linkPrevent", linkType: "linkType", linkMonochrome: "linkMonochrome", href: "href", triggerType: "triggerType", tooltip: "tooltip", tooltipInitialVisible: "tooltipInitialVisible", isSaveToStorage: "isSaveToStorage" }, outputs: { changeCheckboxValue: "changeCheckboxValue", clickedLink: "clickedLink" }, providers: [TooltipService], queries: [{ propertyName: "customIcons", first: true, predicate: ["customIcons"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-label-wrapper mb-2\">\r\n  <div class=\"mrx-label-content d-flex align-items-start\" [class.mr-2]=\"isSwitch\">\r\n    <div class=\"d-flex\" [style.padding]=\"boldLabel ? 'var(--spacing-half) 0' : ''\">\r\n      <label\r\n        [class]=\"getClasses\"\r\n        [class.required]=\"required\"\r\n        [class.bold-label]=\"boldLabel\"\r\n        class=\"mrx-label\"\r\n      >\r\n        <ng-content></ng-content>\r\n\r\n        <span *ngIf=\"required && !disabled && !requiredHidden\" class=\"required-active\">*</span>\r\n\r\n        <span\r\n          *ngIf=\"isPublicInfo\"\r\n          class=\"mrx-icon icon-megafon ml-1 icon-font-16\"\r\n          [mrxCdkTooltip]=\"publicInfoTooltip\"\r\n        ></span>\r\n\r\n        <div class=\"label-hint\">\r\n          <mrx-tooltip-trigger\r\n            *ngIf=\"tooltipService.getTooltip\"\r\n            (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n            [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n            [triggerTextPosition]=\"triggerTextPosition\"\r\n            [triggerType]=\"triggerType\"\r\n          ></mrx-tooltip-trigger>\r\n        </div>\r\n\r\n        <ng-container *ngTemplateOutlet=\"customIcons\"></ng-container>\r\n      </label>\r\n    </div>\r\n\r\n    <mrx-badge *ngIf=\"counter\" customClasses=\"ml-2\" type=\"circle\" size=\"small\">{{ counter }}</mrx-badge>\r\n  </div>\r\n\r\n  <mrx-switch\r\n    *ngIf=\"isSwitch && !isCheckbox\"\r\n    size=\"small\"\r\n    [label]=\"switchLabel\"\r\n    [ngModel]=\"switchValue\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-switch>\r\n\r\n  <mrx-checkbox\r\n    *ngIf=\"isCheckbox && !isSwitch\"\r\n    [label]=\"checkboxLabel\"\r\n    [ngModel]=\"checkboxValue\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-checkbox>\r\n\r\n  <mrx-link\r\n    *ngIf=\"linkText\"\r\n    [prevent]=\"linkPrevent\"\r\n    [type]=\"linkType\"\r\n    [monochrome]=\"linkMonochrome\"\r\n    (click)=\"onClickToLink($event)\"\r\n  >{{ linkText }}</mrx-link>\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  [triggerType]=\"triggerType\"\r\n></mrx-tooltip>\r\n\r\n", styles: [".mrx-label-wrapper.mrx-label-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.mrx-label.mrx-label{display:inline-block;color:var(--neutral-text-primary)}.mrx-label.mrx-label:not(.mrx-label.mrx-label.bold-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)}.mrx-label.mrx-label.bold-label{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)}.mrx-label.mrx-label .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-label.mrx-label .label-hint{display:inline-flex;align-items:center;justify-content:center;margin-top:-2px;transform:translateY(2px);margin-left:var(--spacing-1)}.mrx-label.mrx-label ::ng-deep .mrx-icon{vertical-align:top}::ng-deep .mrx-label-wrapper .mrx-switch{white-space:nowrap}::ng-deep mrx-tooltip-trigger{display:inline-flex;align-items:center}\n"], components: [{ type: TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: ["triggerTextPosition", "triggerType", "customClasses", "isVisibleTooltip"], outputs: ["toggleTooltip"] }, { type: BadgeComponent, selector: "mrx-badge", inputs: ["type", "tag", "size", "color", "customColor", "text", "path", "customClasses", "target"], outputs: ["clicked"] }, { type: SwitchComponent, selector: "mrx-switch", inputs: ["fields", "size", "type", "label", "boldLabel", "disabled", "readonly", "required", "customClasses", "leftText", "rightText"], outputs: ["changed", "modelChange"] }, { type: CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { type: LinkComponent, selector: "mrx-link", inputs: ["type", "target", "monochrome", "customClasses", "href", "prevent", "size"], outputs: ["clicked"] }, { type: TooltipComponent, selector: "mrx-tooltip", inputs: ["tooltip", "tooltipVisible", "tooltipInitiallyVisible", "triggerType"], outputs: ["visibilityChanged"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LabelComponent, selector: "mrx-label", inputs: { requiredHidden: "requiredHidden", required: "required", boldLabel: "boldLabel", placeholder: "placeholder", label: "label", customClasses: "customClasses", triggerTextPosition: "triggerTextPosition", isPublicInfo: "isPublicInfo", publicInfoTooltip: "publicInfoTooltip", disabled: "disabled", isSwitch: "isSwitch", switchLabel: "switchLabel", switchValue: "switchValue", isCheckbox: "isCheckbox", checkboxLabel: "checkboxLabel", checkboxValue: "checkboxValue", counter: "counter", linkText: "linkText", linkPrevent: "linkPrevent", linkType: "linkType", linkMonochrome: "linkMonochrome", href: "href", triggerType: "triggerType", tooltip: "tooltip", tooltipInitialVisible: "tooltipInitialVisible", isSaveToStorage: "isSaveToStorage" }, outputs: { changeCheckboxValue: "changeCheckboxValue", clickedLink: "clickedLink" }, providers: [TooltipService], queries: [{ propertyName: "customIcons", first: true, predicate: ["customIcons"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-label-wrapper mb-2\">\r\n  <div class=\"mrx-label-content d-flex align-items-start\" [class.mr-2]=\"isSwitch\">\r\n    <div class=\"d-flex\" [style.padding]=\"boldLabel ? 'var(--spacing-half) 0' : ''\">\r\n      <label\r\n        [class]=\"getClasses\"\r\n        [class.required]=\"required\"\r\n        [class.bold-label]=\"boldLabel\"\r\n        class=\"mrx-label\"\r\n      >\r\n        <ng-content></ng-content>\r\n\r\n        <span *ngIf=\"required && !disabled && !requiredHidden\" class=\"required-active\">*</span>\r\n\r\n        <span\r\n          *ngIf=\"isPublicInfo\"\r\n          class=\"mrx-icon icon-megafon ml-1 icon-font-16\"\r\n          [mrxCdkTooltip]=\"publicInfoTooltip\"\r\n        ></span>\r\n\r\n        <div class=\"label-hint\">\r\n          <mrx-tooltip-trigger\r\n            *ngIf=\"tooltipService.getTooltip\"\r\n            (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n            [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n            [triggerTextPosition]=\"triggerTextPosition\"\r\n            [triggerType]=\"triggerType\"\r\n          ></mrx-tooltip-trigger>\r\n        </div>\r\n\r\n        <ng-container *ngTemplateOutlet=\"customIcons\"></ng-container>\r\n      </label>\r\n    </div>\r\n\r\n    <mrx-badge *ngIf=\"counter\" customClasses=\"ml-2\" type=\"circle\" size=\"small\">{{ counter }}</mrx-badge>\r\n  </div>\r\n\r\n  <mrx-switch\r\n    *ngIf=\"isSwitch && !isCheckbox\"\r\n    size=\"small\"\r\n    [label]=\"switchLabel\"\r\n    [ngModel]=\"switchValue\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-switch>\r\n\r\n  <mrx-checkbox\r\n    *ngIf=\"isCheckbox && !isSwitch\"\r\n    [label]=\"checkboxLabel\"\r\n    [ngModel]=\"checkboxValue\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-checkbox>\r\n\r\n  <mrx-link\r\n    *ngIf=\"linkText\"\r\n    [prevent]=\"linkPrevent\"\r\n    [type]=\"linkType\"\r\n    [monochrome]=\"linkMonochrome\"\r\n    (click)=\"onClickToLink($event)\"\r\n  >{{ linkText }}</mrx-link>\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  [triggerType]=\"triggerType\"\r\n></mrx-tooltip>\r\n\r\n", styles: [".mrx-label-wrapper.mrx-label-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.mrx-label.mrx-label{display:inline-block;color:var(--neutral-text-primary)}.mrx-label.mrx-label:not(.mrx-label.mrx-label.bold-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)}.mrx-label.mrx-label.bold-label{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)}.mrx-label.mrx-label .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-label.mrx-label .label-hint{display:inline-flex;align-items:center;justify-content:center;margin-top:-2px;transform:translateY(2px);margin-left:var(--spacing-1)}.mrx-label.mrx-label ::ng-deep .mrx-icon{vertical-align:top}::ng-deep .mrx-label-wrapper .mrx-switch{white-space:nowrap}::ng-deep mrx-tooltip-trigger{display:inline-flex;align-items:center}\n"], components: [{ type: TooltipTriggerComponent, selector: "mrx-tooltip-trigger", inputs: ["triggerTextPosition", "triggerType", "customClasses", "isVisibleTooltip"], outputs: ["toggleTooltip"] }, { type: BadgeComponent, selector: "mrx-badge", inputs: ["type", "tag", "size", "color", "customColor", "text", "path", "customClasses", "target"], outputs: ["clicked"] }, { type: SwitchComponent, selector: "mrx-switch", inputs: ["fields", "size", "type", "label", "boldLabel", "disabled", "readonly", "required", "customClasses", "leftText", "rightText"], outputs: ["changed", "modelChange"] }, { type: CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { type: LinkComponent, selector: "mrx-link", inputs: ["type", "target", "monochrome", "customClasses", "href", "prevent", "size"], outputs: ["clicked"] }, { type: TooltipComponent, selector: "mrx-tooltip", inputs: ["tooltip", "tooltipVisible", "tooltipInitiallyVisible", "triggerType"], outputs: ["visibilityChanged"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
         trigger('openClose', [
             state('open', style({ height: '*', padding: '*', 'margin-bottom': '8px' })),
             state('closed', style({ height: 0, padding: 0, 'margin-bottom': 0 })),
@@ -1391,15 +1391,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             transition('open => closed', [animate('0.5s ease')]),
                             transition('closed => open', [animate('0.5s ease')]),
                         ]),
-                    ], providers: [TooltipService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-label-wrapper mb-2\">\r\n  <div class=\"mrx-label-content d-flex align-items-start\" [class.mr-2]=\"isSwitch\">\r\n    <div class=\"d-flex\" [style.padding]=\"boldLabel ? 'var(--spacing-half) 0' : ''\">\r\n      <label\r\n        [class]=\"getClasses\"\r\n        [class.required]=\"required\"\r\n        [class.bold-label]=\"boldLabel\"\r\n        class=\"mrx-label\"\r\n      >\r\n        <ng-content></ng-content>\r\n\r\n        <span *ngIf=\"required && !disabled && !requiredHidden\" class=\"required-active\">*</span>\r\n\r\n        <span\r\n          *ngIf=\"isPublicInfo\"\r\n          class=\"mrx-icon icon-megafon ml-1 icon-font-16\"\r\n          [mrxCdkTooltip]=\"publicInfoTooltip\"\r\n        ></span>\r\n\r\n        <div class=\"label-hint\">\r\n          <mrx-tooltip-trigger\r\n            *ngIf=\"tooltipService.getTooltip\"\r\n            (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n            [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n            [triggerTextPosition]=\"triggerTextPosition\"\r\n            [triggerType]=\"triggerType\"\r\n          ></mrx-tooltip-trigger>\r\n        </div>\r\n\r\n        <ng-container *ngTemplateOutlet=\"customIcons\"></ng-container>\r\n      </label>\r\n    </div>\r\n\r\n    <mrx-badge *ngIf=\"counter\" customClasses=\"ml-2\" type=\"circle\" size=\"small\">{{ counter }}</mrx-badge>\r\n  </div>\r\n\r\n  <mrx-switch\r\n    *ngIf=\"isSwitch && !isCheckbox\"\r\n    size=\"small\"\r\n    [label]=\"switchLabel\"\r\n    [ngModel]=\"switchValue\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-switch>\r\n\r\n  <mrx-checkbox\r\n    *ngIf=\"isCheckbox && !isSwitch\"\r\n    [label]=\"checkboxLabel\"\r\n    [ngModel]=\"checkboxValue\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-checkbox>\r\n\r\n  <mrx-link\r\n    *ngIf=\"linkText\"\r\n    [prevent]=\"linkPrevent\"\r\n    [type]=\"linkType\"\r\n    [monochrome]=\"linkMonochrome\"\r\n    (click)=\"onClickToLink($event)\"\r\n  >{{ linkText }}</mrx-link>\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  [triggerType]=\"triggerType\"\r\n></mrx-tooltip>\r\n\r\n", styles: [".mrx-label-wrapper.mrx-label-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.mrx-label.mrx-label{display:inline-block;color:var(--neutral-text-primary)}.mrx-label.mrx-label:not(.mrx-label.mrx-label.bold-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)}.mrx-label.mrx-label.bold-label{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)}.mrx-label.mrx-label .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-label.mrx-label .label-hint{display:inline-flex;align-items:center;justify-content:center;margin-top:-2px;transform:translateY(2px);margin-left:var(--spacing-1)}.mrx-label.mrx-label ::ng-deep .mrx-icon{vertical-align:top}::ng-deep .mrx-label-wrapper .mrx-switch{white-space:nowrap}::ng-deep mrx-tooltip-trigger{display:inline-flex;align-items:center}\n"] }]
+                    ], providers: [TooltipService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-label-wrapper mb-2\">\r\n  <div class=\"mrx-label-content d-flex align-items-start\" [class.mr-2]=\"isSwitch\">\r\n    <div class=\"d-flex\" [style.padding]=\"boldLabel ? 'var(--spacing-half) 0' : ''\">\r\n      <label\r\n        [class]=\"getClasses\"\r\n        [class.required]=\"required\"\r\n        [class.bold-label]=\"boldLabel\"\r\n        class=\"mrx-label\"\r\n      >\r\n        <ng-content></ng-content>\r\n\r\n        <span *ngIf=\"required && !disabled && !requiredHidden\" class=\"required-active\">*</span>\r\n\r\n        <span\r\n          *ngIf=\"isPublicInfo\"\r\n          class=\"mrx-icon icon-megafon ml-1 icon-font-16\"\r\n          [mrxCdkTooltip]=\"publicInfoTooltip\"\r\n        ></span>\r\n\r\n        <div class=\"label-hint\">\r\n          <mrx-tooltip-trigger\r\n            *ngIf=\"tooltipService.getTooltip\"\r\n            (toggleTooltip)=\"tooltipService.toggleTooltipVisible()\"\r\n            [isVisibleTooltip]=\"tooltipService.getTooltipVisible\"\r\n            [triggerTextPosition]=\"triggerTextPosition\"\r\n            [triggerType]=\"triggerType\"\r\n          ></mrx-tooltip-trigger>\r\n        </div>\r\n\r\n        <ng-container *ngTemplateOutlet=\"customIcons\"></ng-container>\r\n      </label>\r\n    </div>\r\n\r\n    <mrx-badge *ngIf=\"counter\" customClasses=\"ml-2\" type=\"circle\" size=\"small\">{{ counter }}</mrx-badge>\r\n  </div>\r\n\r\n  <mrx-switch\r\n    *ngIf=\"isSwitch && !isCheckbox\"\r\n    size=\"small\"\r\n    [label]=\"switchLabel\"\r\n    [ngModel]=\"switchValue\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-switch>\r\n\r\n  <mrx-checkbox\r\n    *ngIf=\"isCheckbox && !isSwitch\"\r\n    [label]=\"checkboxLabel\"\r\n    [ngModel]=\"checkboxValue\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"changeCheckboxValue.emit($event)\"\r\n  ></mrx-checkbox>\r\n\r\n  <mrx-link\r\n    *ngIf=\"linkText\"\r\n    [prevent]=\"linkPrevent\"\r\n    [type]=\"linkType\"\r\n    [monochrome]=\"linkMonochrome\"\r\n    (click)=\"onClickToLink($event)\"\r\n  >{{ linkText }}</mrx-link>\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  [triggerType]=\"triggerType\"\r\n></mrx-tooltip>\r\n\r\n", styles: [".mrx-label-wrapper.mrx-label-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.mrx-label.mrx-label{display:inline-block;color:var(--neutral-text-primary)}.mrx-label.mrx-label:not(.mrx-label.mrx-label.bold-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)}.mrx-label.mrx-label.bold-label{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)}.mrx-label.mrx-label .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-label.mrx-label .label-hint{display:inline-flex;align-items:center;justify-content:center;margin-top:-2px;transform:translateY(2px);margin-left:var(--spacing-1)}.mrx-label.mrx-label ::ng-deep .mrx-icon{vertical-align:top}::ng-deep .mrx-label-wrapper .mrx-switch{white-space:nowrap}::ng-deep mrx-tooltip-trigger{display:inline-flex;align-items:center}\n"] }]
         }], ctorParameters: function () { return [{ type: TooltipService }]; }, propDecorators: { requiredHidden: [{
                 type: Input
             }], required: [{
                 type: Input
             }], boldLabel: [{
                 type: Input
-            }], disabled: [{
-                type: Input
             }], placeholder: [{
                 type: Input
             }], label: [{
@@ -1412,6 +1410,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], publicInfoTooltip: [{
                 type: Input
+            }], disabled: [{
+                type: Input
             }], isSwitch: [{
                 type: Input
             }], switchLabel: [{
@@ -9025,7 +9025,7 @@ class InputDatepickerComponent {
 InputDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 InputDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputDatepickerComponent, selector: "mrx-input-datepicker", inputs: { fields: "fields", size: "size", format: "format", locale: "locale", customClasses: "customClasses", dateLabel: "dateLabel", timeLabel: "timeLabel", datePlaceholder: "datePlaceholder", placeholder: "placeholder", disabled: "disabled", readonly: "readonly", required: "required", timepicker: "timepicker", minDate: "minDate", maxDate: "maxDate", inline: "inline", closable: "closable", leadZeroDateTime: "leadZeroDateTime", mask: "mask", container: "container", validationType: "validationType", disableValidation: "disableValidation", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", isShowMessages: "isShowMessages" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDatepickerComponent), multi: true }
-    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"mrx-input-date\"\r\n  [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\r\n    <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n    <div class=\"mrx-input-date__wrapper\">\r\n      <input\r\n        #dateInput\r\n        type=\"text\"\r\n        autocomplete=\"nope\"\r\n        class=\"mrx-input-date__input mrx-input-date__date\"\r\n        [placeholder]=\"placeholder\"\r\n        [ngModel]=\"getDateValue\"\r\n        [mask]=\"mask\"\r\n        [leadZeroDateTime]=\"leadZeroDateTime\"\r\n        [validation]=\"false\"\r\n        [disabled]=\"disabled || readonly\"\r\n        (input)=\"updateDateValue(dateInput)\"\r\n        (click)=\"clickToInput(dateInput)\"\r\n      />\r\n\r\n      <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n          <span\r\n            class=\"mrx-icon icon-close\"\r\n            *ngIf=\"isViewCleanIcon && !(disabled || readonly)\"\r\n            (click)=\"clickToIconClear()\"\r\n            [class.icon-font-16]=\"size === 'small'\"\r\n            [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n          ></span>\r\n        <span\r\n          class=\"mrx-icon icon-calendar\"\r\n          (click)=\"clickToIconCalendar()\"\r\n          [class.icon-font-16]=\"size === 'small'\"\r\n          [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"invalid; else innerInvalidTemplate\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <ng-template #innerInvalidTemplate>\r\n    <mrx-error-message\r\n      *ngIf=\"innerInvalid\"\r\n      [invalidMessage]=\"innerInvalidMessage\"\r\n    ></mrx-error-message>\r\n  </ng-template>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date.mrx-input-date{width:100%;position:relative}.mrx-input-date.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}.mrx-input-date.mrx-input-date.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-tertiary, #71767E);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-date.mrx-input-date.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-primary, #262626);color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"mrx-input-date\"\r\n  [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\r\n    <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n    <div class=\"mrx-input-date__wrapper\">\r\n      <input\r\n        #dateInput\r\n        type=\"text\"\r\n        autocomplete=\"nope\"\r\n        class=\"mrx-input-date__input mrx-input-date__date\"\r\n        [placeholder]=\"placeholder\"\r\n        [ngModel]=\"getDateValue\"\r\n        [mask]=\"mask\"\r\n        [leadZeroDateTime]=\"leadZeroDateTime\"\r\n        [validation]=\"false\"\r\n        [disabled]=\"disabled || readonly\"\r\n        (input)=\"updateDateValue(dateInput)\"\r\n        (click)=\"clickToInput(dateInput)\"\r\n      />\r\n\r\n      <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n          <span\r\n            class=\"mrx-icon icon-close\"\r\n            *ngIf=\"isViewCleanIcon && !(disabled || readonly)\"\r\n            (click)=\"clickToIconClear()\"\r\n            [class.icon-font-16]=\"size === 'small'\"\r\n            [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n          ></span>\r\n        <span\r\n          class=\"mrx-icon icon-calendar\"\r\n          (click)=\"clickToIconCalendar()\"\r\n          [class.icon-font-16]=\"size === 'small'\"\r\n          [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"invalid; else innerInvalidTemplate\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <ng-template #innerInvalidTemplate>\r\n    <mrx-error-message\r\n      *ngIf=\"innerInvalid\"\r\n      [invalidMessage]=\"innerInvalidMessage\"\r\n    ></mrx-error-message>\r\n  </ng-template>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date.mrx-input-date{width:100%;position:relative}.mrx-input-date.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}.mrx-input-date.mrx-input-date.-disabled input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-tertiary, #71767E);color:var(--neutral-text-tertiary, #71767E)}.mrx-input-date.mrx-input-date.-readonly input{background-color:var(--neutral-bg-disabled, #EEF0F4);-webkit-text-fill-color:var(--neutral-text-primary, #262626);color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-input-datepicker', providers: [
@@ -9614,7 +9614,7 @@ class InputDateTimeComponent {
 InputDateTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 InputDateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputDateTimeComponent, selector: "mrx-input-date-time", inputs: { fields: "fields", size: "size", customClasses: "customClasses", dateLabel: "dateLabel", timeLabel: "timeLabel", datePlaceholder: "datePlaceholder", timePlaceholder: "timePlaceholder", disabled: "disabled", readonly: "readonly", required: "required", timepicker: "timepicker", range: "range", minDate: "minDate", maxDate: "maxDate", timezone: "timezone", inline: "inline", isManualInput: "isManualInput", addMinTime: "addMinTime", addMaxTime: "addMaxTime", addMinTimeObj: "addMinTimeObj", addMaxTimeObj: "addMaxTimeObj", disableValidate: "disableValidate", container: "container", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid" }, outputs: { changed: "changed", modelChange: "modelChange", blurred: "blurred" }, providers: [
         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputDateTimeComponent), multi: true }
-    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n    class=\"mrx-input-date\"\r\n    [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n    [class.mrx-input-readonly]=\"readonly\"\r\n    [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\r\n    <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n    <div class=\"mrx-input-date__wrapper\">\r\n      <input\r\n          #dateInput\r\n          type=\"text\"\r\n          autocomplete=\"nope\"\r\n          class=\"mrx-input-date__input mrx-input-date__date\"\r\n          [placeholder]=\"datePlaceholder\"\r\n          [ngModel]=\"getDateValue\"\r\n          [mask]=\"'00.00.0000 00:m0'\"\r\n          [leadZeroDateTime]=\"true\"\r\n          [validation]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          [readOnly]=\"!isManualInput\"\r\n          (input)=\"updateDateValue(dateInput)\"\r\n          (click)=\"clickToInput(dateInput)\"\r\n          (blur)=\"onBlur($event)\"\r\n      />\r\n\r\n      <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n          <span\r\n              class=\"mrx-icon icon-close\"\r\n              *ngIf=\"isViewCleanIcon\"\r\n              (click)=\"clickToIconClear()\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n          ></span>\r\n        <span\r\n            class=\"mrx-icon icon-calendar\"\r\n            (click)=\"clickToIconCalendar()\"\r\n            [class.icon-font-16]=\"size === 'small'\"\r\n            [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n    <mrx-error-message\r\n        *ngIf=\"invalid; else innerInvalidTemplate\"\r\n        [invalidMessage]=\"invalidMessage\"\r\n    ></mrx-error-message>\r\n\r\n  <ng-template #innerInvalidTemplate>\r\n    <mrx-error-message\r\n        *ngIf=\"innerInvalid\"\r\n        [invalidMessage]=\"innerInvalidMessage\"\r\n    ></mrx-error-message>\r\n  </ng-template>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date{width:100%;position:relative}.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);color:var(--neutral-text-primary);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled);color:var(--neutral-text-tertiary)}.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}\n"], components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n    class=\"mrx-input-date\"\r\n    [class.mrx-input-error]=\"invalid || innerInvalid\"\r\n    [class.mrx-input-readonly]=\"readonly\"\r\n    [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\r\n    <mrx-label *ngIf=\"timeLabel || dateLabel\">{{ dateLabel }}</mrx-label>\r\n    <div class=\"mrx-input-date__wrapper\">\r\n      <input\r\n          #dateInput\r\n          type=\"text\"\r\n          autocomplete=\"nope\"\r\n          class=\"mrx-input-date__input mrx-input-date__date\"\r\n          [placeholder]=\"datePlaceholder\"\r\n          [ngModel]=\"getDateValue\"\r\n          [mask]=\"'00.00.0000 00:m0'\"\r\n          [leadZeroDateTime]=\"true\"\r\n          [validation]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          [readOnly]=\"!isManualInput\"\r\n          (input)=\"updateDateValue(dateInput)\"\r\n          (click)=\"clickToInput(dateInput)\"\r\n          (blur)=\"onBlur($event)\"\r\n      />\r\n\r\n      <div *ngIf=\"!disabled\" class=\"mrx-input-date__icons\">\r\n          <span\r\n              class=\"mrx-icon icon-close\"\r\n              *ngIf=\"isViewCleanIcon\"\r\n              (click)=\"clickToIconClear()\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n          ></span>\r\n        <span\r\n            class=\"mrx-icon icon-calendar\"\r\n            (click)=\"clickToIconCalendar()\"\r\n            [class.icon-font-16]=\"size === 'small'\"\r\n            [class.icon-font-24]=\"size === 'medium' || size === 'large'\"\r\n        ></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n    <mrx-error-message\r\n        *ngIf=\"invalid; else innerInvalidTemplate\"\r\n        [invalidMessage]=\"invalidMessage\"\r\n    ></mrx-error-message>\r\n\r\n  <ng-template #innerInvalidTemplate>\r\n    <mrx-error-message\r\n        *ngIf=\"innerInvalid\"\r\n        [invalidMessage]=\"innerInvalidMessage\"\r\n    ></mrx-error-message>\r\n  </ng-template>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n\r\n\r\n", styles: [".mrx-input-date{width:100%;position:relative}.mrx-input-date .mrx-input-date__wrapper{position:relative}.mrx-input-date .mrx-input-date__input{border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);color:var(--neutral-text-primary);width:100%;transition:outline-width .2s,border .2s}.mrx-input-date .mrx-input-date__input:focus,.mrx-input-date .mrx-input-date__input:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-date .mrx-input-date__input:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-date .mrx-input-date__input:disabled{background-color:var(--neutral-bg-disabled);color:var(--neutral-text-tertiary)}.mrx-input-date.mrx-input-date-lg .mrx-input-date__input{padding:calc(var(--spacing-3) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-4) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date-md .mrx-input-date__input{padding:calc(var(--spacing-2) + var(--spacing-half) - var(--border-width-default)) calc(var(--spacing-3) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date-sm .mrx-input-date__input{padding:calc(var(--spacing-2) - var(--border-width-default)) calc(var(--spacing-2) - var(--border-width-default));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)}.mrx-input-date.mrx-input-date.mrx-input-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-error .mrx-input-date__input{border-color:var(--system-bg-controls-negative-default)!important;background-color:var(--system-bg-negative-secondary)!important}.mrx-input-date.mrx-input-date.mrx-input-checked-success .mrx-input-date__input{background-color:var(--system-bg-positive-secondary)!important;border-color:var(--system-bg-controls-positive-default)!important}.mrx-input-date.mrx-input-date .mrx-input-date__icons{position:absolute;top:0;right:0;display:flex;align-items:center}.mrx-input-date.mrx-input-date .mrx-input-date__icons-item,.mrx-input-date.mrx-input-date .mrx-input-date__icons .mrx-icon{cursor:pointer}.mrx-input-date.mrx-input-date.mrx-input-date-lg .mrx-icon{margin-top:calc(var(--spacing-3) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-md .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-3)}.mrx-input-date.mrx-input-date.mrx-input-date-sm .mrx-icon{margin-top:calc(var(--spacing-2) - var(--border-width-default));margin-right:var(--spacing-2)}\n"], components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$7.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "triggerOnMaskChange"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputDateTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-input-date-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -13040,7 +13040,7 @@ class CheckboxGroupHeaderComponent {
     }
 }
 CheckboxGroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CheckboxGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckboxGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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"], components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: InputSearchComponent, selector: "mrx-input-search", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "modelChange", "blurred", "cleared", "searched"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CheckboxGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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"], components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: InputSearchComponent, selector: "mrx-input-search", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "modelChange", "blurred", "cleared", "searched"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", 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"] }]
@@ -13586,7 +13586,7 @@ class RadioGroupHeaderComponent {
     }
 }
 RadioGroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: { searchSize: "searchSize", searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount", required: "required" }, outputs: { updateradioGroupSearchValue: "updateradioGroupSearchValue" }, ngImport: i0, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [tooltip]=\"tooltip\"\r\n  [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"searchSize\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n", components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: InputSearchComponent, selector: "mrx-input-search", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "modelChange", "blurred", "cleared", "searched"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+RadioGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: { searchSize: "searchSize", searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount", required: "required" }, outputs: { updateradioGroupSearchValue: "updateradioGroupSearchValue" }, ngImport: i0, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [tooltip]=\"tooltip\"\r\n  [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"searchSize\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n", components: [{ type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: InputSearchComponent, selector: "mrx-input-search", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "modelChange", "blurred", "cleared", "searched"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-radio-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mrx-label\r\n  *ngIf=\"labelText\"\r\n  [tooltip]=\"tooltip\"\r\n  [required]=\"required\"\r\n>{{ labelText }}</mrx-label>\r\n\r\n<div class=\"mrx-radio-group-head--search mb-12px\" *ngIf=\"searchable\">\r\n  <mrx-input-search\r\n    [ngModel]=\"searchValue\"\r\n    [size]=\"searchSize\"\r\n    [placeholder]=\"searchPlaceholder\"\r\n    (ngModelChange)=\"changeSearchValue($event)\"\r\n  ></mrx-input-search>\r\n</div>\r\n" }]