myrta-ui 1.0.44 → 14.0.0-beta.1

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

@@ -3,11 +3,11 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { InputTextareaSizesEnum } from './input-textarea.enum';
 import { v4 as uuidv4 } from 'uuid';
 import * as i0 from "@angular/core";
-import * as i1 from "../../chars-left/chars-left.component";
-import * as i2 from "../../save-state/save-state.component";
-import * as i3 from "../../error-message/error-message.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../chars-left/chars-left.component";
+import * as i4 from "../../error-message/error-message.component";
+import * as i5 from "../../save-state/save-state.component";
 import * as i6 from "../../../directives/autosize/autosize.directive";
 export class InputTextareaComponent {
     constructor() {
@@ -111,15 +111,15 @@ export class InputTextareaComponent {
         this.blurred.emit(this.value);
     }
 }
-InputTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputTextareaComponent, selector: "mrx-input-textarea", inputs: { fields: "fields", disabled: "disabled", readonly: "readonly", autosize: "autosize", maxlength: "maxlength", minlength: "minlength", rows: "rows", placeholder: "placeholder", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", customClasses: "customClasses", mask: "mask", size: "size" }, outputs: { changed: "changed", blurred: "blurred", modelChange: "modelChange" }, providers: [
+InputTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputTextareaComponent, selector: "mrx-input-textarea", inputs: { fields: "fields", disabled: "disabled", readonly: "readonly", autosize: "autosize", maxlength: "maxlength", minlength: "minlength", rows: "rows", placeholder: "placeholder", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", customClasses: "customClasses", mask: "mask", size: "size" }, outputs: { changed: "changed", blurred: "blurred", modelChange: "modelChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => InputTextareaComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"mrx-input-textarea\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n>\r\n  <div class=\"mrx-input-textarea__wrapper\">\r\n    <textarea\r\n      #inputElement\r\n      *ngIf=\"!isShowBlock; else disabledTemplate\"\r\n      mrxAutosize\r\n      [id]=\"uuid\"\r\n      [ngModel]=\"value\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [rows]=\"rows\"\r\n      [autosize]=\"autosize\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"blurUpdateValue()\"\r\n    ></textarea>\r\n\r\n    <ng-template #disabledTemplate>\r\n      <div\r\n        class=\"mrx-input-textarea__disabled-block\"\r\n        [class.-disabled]=\"disabled\"\r\n        [class.-readonly]=\"readonly\"\r\n        [innerHtml]=\"isShowBlock ? innerHtml : ''\"\r\n      ></div>\r\n    </ng-template>\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n\r\n    <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-input-textarea.mrx-input-textarea .mrx-input-textarea__wrapper{position:relative}.mrx-input-textarea.mrx-input-textarea textarea{display:block;box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);color:var(--neutral-text-primary);width:100%;overflow:auto;resize:none;transition:outline-width .2s,border .2s}.mrx-input-textarea.mrx-input-textarea textarea:focus,.mrx-input-textarea.mrx-input-textarea textarea:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-textarea.mrx-input-textarea textarea:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-textarea.mrx-input-textarea.mrx-input-lg textarea{padding:calc(var(--spacing-3) + 1px) var(--spacing-4);border-radius:var(--border-radius-1);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-textarea.mrx-input-textarea.mrx-input-md textarea{padding:calc(var(--sizing-2) + 1px) var(--spacing-3);border-radius:var(--border-radius-1);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-textarea.mrx-input-textarea.mrx-input-sm textarea{padding:calc(var(--sizing-2) - 1px) var(--spacing-2);border-radius:var(--border-radius-1);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-textarea.mrx-input-textarea.mrx-input-error textarea{border-color:var(--system-bg-controls-negative-default)}.mrx-input-textarea.mrx-input-textarea.mrx-input-checked-error textarea{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-textarea.mrx-input-textarea.mrx-input-checked-success textarea{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-textarea.mrx-input-textarea .mrx-input-textarea__disabled-block{min-height:var(--spacing-12);background-color:var(--neutral-bg-disabled, #EEF0F4);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);padding:calc(var(--spacing-3) + 1px) var(--spacing-4);border:var(--border-width-default) solid var(--neutral-bg-stroke-default, #DBDFE5);border-radius:var(--border-radius-1);resize:none;z-index:1}.mrx-input-textarea.mrx-input-textarea .mrx-input-textarea__disabled-block.-disabled{color:var(--neutral-text-tertiary, #71767E)}.mrx-input-textarea.mrx-input-textarea .mrx-input-textarea__disabled-block.-readonly{color:var(--neutral-text-primary, #262626)}\n"], components: [{ type: i1.CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }, { type: i2.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: i3.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalidMessage", "customClasses"] }], 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.AutosizeDirective, selector: "[mrxAutosize]", inputs: ["rows", "autosize"] }, { 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"] }, { type: i5.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTextareaComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"mrx-input-textarea\"\r\n  [class]=\"getClasses\"\r\n  [class.mrx-input-error]=\"invalid\"\r\n>\r\n  <div class=\"mrx-input-textarea__wrapper\">\r\n    <textarea\r\n      #inputElement\r\n      *ngIf=\"!isShowBlock; else disabledTemplate\"\r\n      mrxAutosize\r\n      [id]=\"uuid\"\r\n      [ngModel]=\"value\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [rows]=\"rows\"\r\n      [autosize]=\"autosize\"\r\n      [attr.minlength]=\"minlength > 0 ? minlength : null\"\r\n      [attr.maxlength]=\"maxlength > 0 ? maxlength : null\"\r\n      [attr.placeholder]=\"!disabled && placeholder ? placeholder : ''\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (blur)=\"blurUpdateValue()\"\r\n    ></textarea>\r\n\r\n    <ng-template #disabledTemplate>\r\n      <div\r\n        class=\"mrx-input-textarea__disabled-block\"\r\n        [class.-disabled]=\"disabled\"\r\n        [class.-readonly]=\"readonly\"\r\n        [innerHtml]=\"isShowBlock ? innerHtml : ''\"\r\n      ></div>\r\n    </ng-template>\r\n\r\n    <mrx-chars-left\r\n      *ngIf=\"!disabled && maxlength\"\r\n      [value]=\"value\"\r\n      [maxlength]=\"maxlength\">\r\n    </mrx-chars-left>\r\n\r\n    <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"(!isValid || invalid) && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-input-textarea.mrx-input-textarea .mrx-input-textarea__wrapper{position:relative}.mrx-input-textarea.mrx-input-textarea textarea{display:block;box-sizing:border-box;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);color:var(--neutral-text-primary);width:100%;overflow:auto;resize:none;transition:outline-width .2s,border .2s}.mrx-input-textarea.mrx-input-textarea textarea:focus,.mrx-input-textarea.mrx-input-textarea textarea:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-input-textarea.mrx-input-textarea textarea:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-input-textarea.mrx-input-textarea.mrx-input-lg textarea{padding:calc(var(--spacing-3) + 1px) var(--spacing-4);border-radius:var(--border-radius-1);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-textarea.mrx-input-textarea.mrx-input-md textarea{padding:calc(var(--sizing-2) + 1px) var(--spacing-3);border-radius:var(--border-radius-1);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-textarea.mrx-input-textarea.mrx-input-sm textarea{padding:calc(var(--sizing-2) - 1px) var(--spacing-2);border-radius:var(--border-radius-1);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-textarea.mrx-input-textarea.mrx-input-error textarea{border-color:var(--system-bg-controls-negative-default)}.mrx-input-textarea.mrx-input-textarea.mrx-input-checked-error textarea{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-input-textarea.mrx-input-textarea.mrx-input-checked-success textarea{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-input-textarea.mrx-input-textarea .mrx-input-textarea__disabled-block{min-height:var(--spacing-12);background-color:var(--neutral-bg-disabled, #EEF0F4);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);padding:calc(var(--spacing-3) + 1px) var(--spacing-4);border:var(--border-width-default) solid var(--neutral-bg-stroke-default, #DBDFE5);border-radius:var(--border-radius-1);resize:none;z-index:1}.mrx-input-textarea.mrx-input-textarea .mrx-input-textarea__disabled-block.-disabled{color:var(--neutral-text-tertiary, #71767E)}.mrx-input-textarea.mrx-input-textarea .mrx-input-textarea__disabled-block.-readonly{color:var(--neutral-text-primary, #262626)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalidMessage", "customClasses"] }, { kind: "component", type: i5.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "directive", type: i6.AutosizeDirective, selector: "[mrxAutosize]", inputs: ["rows", "autosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-input-textarea', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2020/lib/components/form/input-textarea/input-textarea.module.mjs

@@ -16,22 +16,20 @@ const maskConfigFunction = () => {
 };
 export class InputTextareaModule {
 }
-InputTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InputTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTextareaModule, declarations: [InputTextareaComponent], imports: [CommonModule,
+InputTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InputTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: InputTextareaModule, declarations: [InputTextareaComponent], imports: [CommonModule,
         FormsModule,
         CharsLeftModule,
         ErrorMessageModule,
         SaveStateModule, i1.NgxMaskModule, AutosizeModule], exports: [InputTextareaComponent] });
-InputTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTextareaModule, imports: [[
-            CommonModule,
-            FormsModule,
-            CharsLeftModule,
-            ErrorMessageModule,
-            SaveStateModule,
-            NgxMaskModule.forRoot(maskConfigFunction),
-            AutosizeModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTextareaModule, decorators: [{
+InputTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextareaModule, imports: [CommonModule,
+        FormsModule,
+        CharsLeftModule,
+        ErrorMessageModule,
+        SaveStateModule,
+        NgxMaskModule.forRoot(maskConfigFunction),
+        AutosizeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextareaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [InputTextareaComponent],
@@ -47,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     exports: [InputTextareaComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dGFyZWEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vaW5wdXQtdGV4dGFyZWEvaW5wdXQtdGV4dGFyZWEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUFXLGFBQWEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7QUFFOUUsTUFBTSxrQkFBa0IsR0FBMkIsR0FBRyxFQUFFO0lBQ3RELE9BQU87UUFDTCxVQUFVLEVBQUUsS0FBSztLQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBZUYsTUFBTSxPQUFPLG1CQUFtQjs7Z0hBQW5CLG1CQUFtQjtpSEFBbkIsbUJBQW1CLGlCQVpmLHNCQUFzQixhQUVuQyxZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsZUFBZSxvQkFFZixjQUFjLGFBRU4sc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFYckI7WUFDUCxZQUFZO1lBQ1osV0FBVztZQUNYLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsZUFBZTtZQUNmLGFBQWEsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUM7WUFDekMsY0FBYztTQUNmOzJGQUdVLG1CQUFtQjtrQkFiL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsZUFBZTt3QkFDZixhQUFhLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDO3dCQUN6QyxjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IElucHV0VGV4dGFyZWFDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LXRleHRhcmVhLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDaGFyc0xlZnRNb2R1bGUgfSBmcm9tICcuLi8uLi9jaGFycy1sZWZ0L2NoYXJzLWxlZnQubW9kdWxlJztcclxuaW1wb3J0IHsgSUNvbmZpZywgTmd4TWFza01vZHVsZSB9IGZyb20gJ25neC1tYXNrJztcclxuaW1wb3J0IHsgRXJyb3JNZXNzYWdlTW9kdWxlIH0gZnJvbSBcIi4uLy4uL2Vycm9yLW1lc3NhZ2UvZXJyb3ItbWVzc2FnZS5tb2R1bGVcIjtcclxuaW1wb3J0IHsgU2F2ZVN0YXRlTW9kdWxlIH0gZnJvbSBcIi4uLy4uL3NhdmUtc3RhdGUvc2F2ZS1zdGF0ZS5tb2R1bGVcIjtcclxuaW1wb3J0IHsgQXV0b3NpemVNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL2F1dG9zaXplL2F1dG9zaXplLm1vZHVsZSc7XHJcblxyXG5jb25zdCBtYXNrQ29uZmlnRnVuY3Rpb246ICgpID0+IFBhcnRpYWw8SUNvbmZpZz4gPSAoKSA9PiB7XHJcbiAgcmV0dXJuIHtcclxuICAgIHZhbGlkYXRpb246IGZhbHNlLFxyXG4gIH07XHJcbn07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0lucHV0VGV4dGFyZWFDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgQ2hhcnNMZWZ0TW9kdWxlLFxyXG4gICAgRXJyb3JNZXNzYWdlTW9kdWxlLFxyXG4gICAgU2F2ZVN0YXRlTW9kdWxlLFxyXG4gICAgTmd4TWFza01vZHVsZS5mb3JSb290KG1hc2tDb25maWdGdW5jdGlvbiksXHJcbiAgICBBdXRvc2l6ZU1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW0lucHV0VGV4dGFyZWFDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXRUZXh0YXJlYU1vZHVsZSB7fVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dGFyZWEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vaW5wdXQtdGV4dGFyZWEvaW5wdXQtdGV4dGFyZWEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUFXLGFBQWEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7QUFFOUUsTUFBTSxrQkFBa0IsR0FBMkIsR0FBRyxFQUFFO0lBQ3RELE9BQU87UUFDTCxVQUFVLEVBQUUsS0FBSztLQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBZUYsTUFBTSxPQUFPLG1CQUFtQjs7Z0hBQW5CLG1CQUFtQjtpSEFBbkIsbUJBQW1CLGlCQVpmLHNCQUFzQixhQUVuQyxZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsZUFBZSxvQkFFZixjQUFjLGFBRU4sc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFWNUIsWUFBWTtRQUNaLFdBQVc7UUFDWCxlQUFlO1FBQ2Ysa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixhQUFhLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDO1FBQ3pDLGNBQWM7MkZBSUwsbUJBQW1CO2tCQWIvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUN0QyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLGFBQWEsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUM7d0JBQ3pDLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSW5wdXRUZXh0YXJlYUNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtdGV4dGFyZWEuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENoYXJzTGVmdE1vZHVsZSB9IGZyb20gJy4uLy4uL2NoYXJzLWxlZnQvY2hhcnMtbGVmdC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBJQ29uZmlnLCBOZ3hNYXNrTW9kdWxlIH0gZnJvbSAnbmd4LW1hc2snO1xyXG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VNb2R1bGUgfSBmcm9tIFwiLi4vLi4vZXJyb3ItbWVzc2FnZS9lcnJvci1tZXNzYWdlLm1vZHVsZVwiO1xyXG5pbXBvcnQgeyBTYXZlU3RhdGVNb2R1bGUgfSBmcm9tIFwiLi4vLi4vc2F2ZS1zdGF0ZS9zYXZlLXN0YXRlLm1vZHVsZVwiO1xyXG5pbXBvcnQgeyBBdXRvc2l6ZU1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2RpcmVjdGl2ZXMvYXV0b3NpemUvYXV0b3NpemUubW9kdWxlJztcclxuXHJcbmNvbnN0IG1hc2tDb25maWdGdW5jdGlvbjogKCkgPT4gUGFydGlhbDxJQ29uZmlnPiA9ICgpID0+IHtcclxuICByZXR1cm4ge1xyXG4gICAgdmFsaWRhdGlvbjogZmFsc2UsXHJcbiAgfTtcclxufTtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSW5wdXRUZXh0YXJlYUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBDaGFyc0xlZnRNb2R1bGUsXHJcbiAgICBFcnJvck1lc3NhZ2VNb2R1bGUsXHJcbiAgICBTYXZlU3RhdGVNb2R1bGUsXHJcbiAgICBOZ3hNYXNrTW9kdWxlLmZvclJvb3QobWFza0NvbmZpZ0Z1bmN0aW9uKSxcclxuICAgIEF1dG9zaXplTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbSW5wdXRUZXh0YXJlYUNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbnB1dFRleHRhcmVhTW9kdWxlIHt9XHJcbiJdfQ==

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

@@ -13,11 +13,11 @@ import { v4 as uuidv4 } from 'uuid';
 import { createPopper } from '@popperjs/core';
 import { getDateObject } from './helpers/get-date-object';
 import * as i0 from "@angular/core";
-import * as i1 from "../../error-message/error-message.component";
-import * as i2 from "../../save-state/save-state.component";
-import * as i3 from "@angular/forms";
-import * as i4 from "ngx-mask";
-import * as i5 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../save-state/save-state.component";
+import * as i4 from "../../error-message/error-message.component";
+import * as i5 from "ngx-mask";
 export class InputTimepickerComponent {
     constructor() {
         this.value = '';
@@ -234,15 +234,15 @@ export class InputTimepickerComponent {
         this.onTouched();
     }
 }
-InputTimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputTimepickerComponent, selector: "mrx-input-timepicker", inputs: { fields: "fields", size: "size", format: "format", customClasses: "customClasses", placeholder: "placeholder", disabled: "disabled", readonly: "readonly", required: "required", minValue: "minValue", maxValue: "maxValue", inline: "inline", closable: "closable", leadZeroDateTime: "leadZeroDateTime", mask: "mask", container: "container", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
+InputTimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputTimepickerComponent, selector: "mrx-input-timepicker", inputs: { fields: "fields", size: "size", format: "format", customClasses: "customClasses", placeholder: "placeholder", disabled: "disabled", readonly: "readonly", required: "required", minValue: "minValue", maxValue: "maxValue", inline: "inline", closable: "closable", leadZeroDateTime: "leadZeroDateTime", mask: "mask", container: "container", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputTimepickerComponent), 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.mrx-input-readonly]=\"readonly\"\r\n    [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\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]=\"true\"\r\n          [validation]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          (input)=\"updateDateValue(dateInput)\"\r\n          (click)=\"clickToInput(dateInput)\"\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: [""], components: [{ type: i1.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalidMessage", "customClasses"] }, { type: i2.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i3.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: i4.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTimepickerComponent, decorators: [{
+    ], 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.mrx-input-readonly]=\"readonly\"\r\n    [class]=\"getClasses\"\r\n>\r\n  <div class=\"\">\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]=\"true\"\r\n          [validation]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          (input)=\"updateDateValue(dateInput)\"\r\n          (click)=\"clickToInput(dateInput)\"\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: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalidMessage", "customClasses"] }, { kind: "directive", type: i5.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTimepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-input-timepicker', providers: [
                         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputTimepickerComponent), multi: true }
-                    ], 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    <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]=\"true\"\r\n          [validation]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          (input)=\"updateDateValue(dateInput)\"\r\n          (click)=\"clickToInput(dateInput)\"\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: [""] }]
+                    ], 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    <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]=\"true\"\r\n          [validation]=\"false\"\r\n          [disabled]=\"disabled\"\r\n          (input)=\"updateDateValue(dateInput)\"\r\n          (click)=\"clickToInput(dateInput)\"\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" }]
         }], ctorParameters: function () { return []; }, propDecorators: { fields: [{
                 type: Input
             }], size: [{

package/esm2020/lib/components/form/input-timepicker/input-timepicker.module.mjs

@@ -15,21 +15,19 @@ const maskConfigFunction = () => {
 };
 export class InputTimepickerModule {
 }
-InputTimepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InputTimepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTimepickerModule, declarations: [InputTimepickerComponent], imports: [CommonModule,
+InputTimepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InputTimepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: InputTimepickerModule, declarations: [InputTimepickerComponent], imports: [CommonModule,
         FormsModule,
         SaveStateModule,
         ErrorMessageModule,
         LabelModule, i1.NgxMaskModule], exports: [InputTimepickerComponent] });
-InputTimepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTimepickerModule, imports: [[
-            CommonModule,
-            FormsModule,
-            SaveStateModule,
-            ErrorMessageModule,
-            LabelModule,
-            NgxMaskModule.forRoot(maskConfigFunction),
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputTimepickerModule, decorators: [{
+InputTimepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTimepickerModule, imports: [CommonModule,
+        FormsModule,
+        SaveStateModule,
+        ErrorMessageModule,
+        LabelModule,
+        NgxMaskModule.forRoot(maskConfigFunction)] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTimepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [InputTimepickerComponent],
@@ -45,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     exports: [InputTimepickerComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGltZXBpY2tlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9pbnB1dC10aW1lcGlja2VyL2lucHV0LXRpbWVwaWNrZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQVcsYUFBYSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQUVyRSxNQUFNLGtCQUFrQixHQUEyQixHQUFHLEVBQUU7SUFDdEQsT0FBTztRQUNMLFVBQVUsRUFBRSxLQUFLO0tBQ2xCLENBQUM7QUFDSixDQUFDLENBQUM7QUFlRixNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO21IQUFyQixxQkFBcUIsaUJBWmpCLHdCQUF3QixhQUVyQyxZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsV0FBVywrQkFJSCx3QkFBd0I7bUhBRXZCLHFCQUFxQixZQVh2QjtZQUNQLFlBQVk7WUFDWixXQUFXO1lBQ1gsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQixXQUFXO1lBQ1gsYUFBYSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQztTQUMxQzsyRkFJVSxxQkFBcUI7a0JBYmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLFdBQVc7d0JBQ1gsYUFBYSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQztxQkFDMUM7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IElucHV0VGltZXBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtdGltZXBpY2tlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgSUNvbmZpZywgTmd4TWFza01vZHVsZSB9IGZyb20gJ25neC1tYXNrJztcclxuaW1wb3J0IHsgRXJyb3JNZXNzYWdlTW9kdWxlIH0gZnJvbSAnLi4vLi4vZXJyb3ItbWVzc2FnZS9lcnJvci1tZXNzYWdlLm1vZHVsZSc7XHJcbmltcG9ydCB7IExhYmVsTW9kdWxlIH0gZnJvbSAnLi4vLi4vbGFiZWwvbGFiZWwubW9kdWxlJztcclxuaW1wb3J0IHsgU2F2ZVN0YXRlTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2F2ZS1zdGF0ZS9zYXZlLXN0YXRlLm1vZHVsZSc7XHJcblxyXG5jb25zdCBtYXNrQ29uZmlnRnVuY3Rpb246ICgpID0+IFBhcnRpYWw8SUNvbmZpZz4gPSAoKSA9PiB7XHJcbiAgcmV0dXJuIHtcclxuICAgIHZhbGlkYXRpb246IGZhbHNlLFxyXG4gIH07XHJcbn07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0lucHV0VGltZXBpY2tlckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBTYXZlU3RhdGVNb2R1bGUsXHJcbiAgICBFcnJvck1lc3NhZ2VNb2R1bGUsXHJcbiAgICBMYWJlbE1vZHVsZSxcclxuICAgIE5neE1hc2tNb2R1bGUuZm9yUm9vdChtYXNrQ29uZmlnRnVuY3Rpb24pLFxyXG4gIF0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIGV4cG9ydHM6IFtJbnB1dFRpbWVwaWNrZXJDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXRUaW1lcGlja2VyTW9kdWxlIHt9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGltZXBpY2tlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9pbnB1dC10aW1lcGlja2VyL2lucHV0LXRpbWVwaWNrZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQVcsYUFBYSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQUVyRSxNQUFNLGtCQUFrQixHQUEyQixHQUFHLEVBQUU7SUFDdEQsT0FBTztRQUNMLFVBQVUsRUFBRSxLQUFLO0tBQ2xCLENBQUM7QUFDSixDQUFDLENBQUM7QUFlRixNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO21IQUFyQixxQkFBcUIsaUJBWmpCLHdCQUF3QixhQUVyQyxZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsV0FBVywrQkFJSCx3QkFBd0I7bUhBRXZCLHFCQUFxQixZQVY5QixZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsV0FBVztRQUNYLGFBQWEsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUM7MkZBS2hDLHFCQUFxQjtrQkFiakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDeEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsV0FBVzt3QkFDWCxhQUFhLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDO3FCQUMxQztvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSW5wdXRUaW1lcGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC10aW1lcGlja2VyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBJQ29uZmlnLCBOZ3hNYXNrTW9kdWxlIH0gZnJvbSAnbmd4LW1hc2snO1xyXG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VNb2R1bGUgfSBmcm9tICcuLi8uLi9lcnJvci1tZXNzYWdlL2Vycm9yLW1lc3NhZ2UubW9kdWxlJztcclxuaW1wb3J0IHsgTGFiZWxNb2R1bGUgfSBmcm9tICcuLi8uLi9sYWJlbC9sYWJlbC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBTYXZlU3RhdGVNb2R1bGUgfSBmcm9tICcuLi8uLi9zYXZlLXN0YXRlL3NhdmUtc3RhdGUubW9kdWxlJztcclxuXHJcbmNvbnN0IG1hc2tDb25maWdGdW5jdGlvbjogKCkgPT4gUGFydGlhbDxJQ29uZmlnPiA9ICgpID0+IHtcclxuICByZXR1cm4ge1xyXG4gICAgdmFsaWRhdGlvbjogZmFsc2UsXHJcbiAgfTtcclxufTtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSW5wdXRUaW1lcGlja2VyQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIFNhdmVTdGF0ZU1vZHVsZSxcclxuICAgIEVycm9yTWVzc2FnZU1vZHVsZSxcclxuICAgIExhYmVsTW9kdWxlLFxyXG4gICAgTmd4TWFza01vZHVsZS5mb3JSb290KG1hc2tDb25maWdGdW5jdGlvbiksXHJcbiAgXSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbiAgZXhwb3J0czogW0lucHV0VGltZXBpY2tlckNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbnB1dFRpbWVwaWNrZXJNb2R1bGUge31cclxuIl19

package/esm2020/lib/components/form/radio/radio.component.mjs

@@ -2,8 +2,8 @@ import { ChangeDetectionStrategy, Component, forwardRef, Input } from '@angular/
 import { NG_VALUE_ACCESSOR } from "@angular/forms";
 import { RadioTypesEnum } from "./radio.enum";
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
 export class RadioComponent {
     constructor() {
         this.required = false;
@@ -47,15 +47,15 @@ export class RadioComponent {
         this.onChange(this.modelValue);
     }
 }
-RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioComponent, selector: "mrx-radio", inputs: { required: "required", type: "type", name: "name", boldLabel: "boldLabel", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", label: "label", customClasses: "customClasses", invalid: "invalid", _value: ["value", "_value"] }, providers: [
+RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioComponent, selector: "mrx-radio", inputs: { required: "required", type: "type", name: "name", boldLabel: "boldLabel", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", label: "label", customClasses: "customClasses", invalid: "invalid", _value: ["value", "_value"] }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => RadioComponent),
             multi: true,
         },
-    ], ngImport: i0, template: "<div class=\"mrx-radio__wrapper\">\r\n  <label\r\n    class=\"mrx-radio\"\r\n    [class]=\"getClasses\"\r\n    [class.mrx-input-error]=\"invalid\"\r\n  >\r\n    <input\r\n      type=\"radio\"\r\n      [name]=\"name\"\r\n      [value]=\"value\"\r\n      [(ngModel)]=\"modelValue\"\r\n      [disabled]=\"disabled || readonly\"\r\n      [readonly]=\"readonly\"\r\n      (change)=\"valueChanged(value)\"\r\n    />\r\n\r\n    <span class=\"mrx-radio__mark\"><span class=\"mrx-radio__mark__inner\"></span></span>\r\n\r\n    <span class=\"ml-2\" [class]=\"boldLabel ? 'mrx-radio__label--bold' : 'mrx-radio__label'\">\r\n        {{label}}\r\n      <ng-content></ng-content>\r\n        <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n    </span>\r\n  </label>\r\n</div>\r\n", styles: [".mrx-radio.mrx-radio{display:flex!important;align-items:center;min-height:auto!important;margin-bottom:0!important;overflow:visible;background-color:transparent;cursor:pointer;box-sizing:border-box;position:relative}.mrx-radio input[type=radio]{position:absolute;z-index:-1;opacity:0;width:0;height:0;margin:0}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark{display:flex;align-items:center;justify-content:center;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default);border-radius:50%;transition:border .2s;position:relative}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark .mrx-radio__mark__inner{display:block;width:6px;height:6px;border-radius:50%;background:var(--brand-bg-primary-default);opacity:0;transition:opacity .2s}.mrx-radio.mrx-radio.mrx-radio-default:hover .mrx-radio__mark{border-color:var(--brand-bg-primary-default)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark{border-color:var(--brand-bg-primary-default)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark .mrx-radio__mark__inner{opacity:1}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark{border-color:var(--neutral-control-bg-accent-disabled)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark .mrx-radio__mark__inner{background:var(--neutral-control-bg-accent-disabled)}.mrx-radio.mrx-radio.mrx-input-error.mrx-radio-default .mrx-radio__mark{border-color:var(--system-bg-controls-negative-default)}.mrx-radio.mrx-radio .mrx-radio__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .mrx-radio__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .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-radio__wrapper.mrx-radio__wrapper{display:flex;align-items:center;justify-content:flex-start}\n"], directives: [{ type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioComponent, decorators: [{
+    ], ngImport: i0, template: "<div class=\"mrx-radio__wrapper\">\r\n  <label\r\n    class=\"mrx-radio\"\r\n    [class]=\"getClasses\"\r\n    [class.mrx-input-error]=\"invalid\"\r\n  >\r\n    <input\r\n      type=\"radio\"\r\n      [name]=\"name\"\r\n      [value]=\"value\"\r\n      [(ngModel)]=\"modelValue\"\r\n      [disabled]=\"disabled || readonly\"\r\n      [readonly]=\"readonly\"\r\n      (change)=\"valueChanged(value)\"\r\n    />\r\n\r\n    <span class=\"mrx-radio__mark\"><span class=\"mrx-radio__mark__inner\"></span></span>\r\n\r\n    <span class=\"ml-2\" [class]=\"boldLabel ? 'mrx-radio__label--bold' : 'mrx-radio__label'\">\r\n        {{label}}\r\n      <ng-content></ng-content>\r\n        <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n    </span>\r\n  </label>\r\n</div>\r\n", styles: [".mrx-radio.mrx-radio{display:flex!important;align-items:center;min-height:auto!important;margin-bottom:0!important;overflow:visible;background-color:transparent;cursor:pointer;box-sizing:border-box;position:relative}.mrx-radio input[type=radio]{position:absolute;z-index:-1;opacity:0;width:0;height:0;margin:0}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark{display:flex;align-items:center;justify-content:center;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default);border-radius:50%;transition:border .2s;position:relative}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark .mrx-radio__mark__inner{display:block;width:6px;height:6px;border-radius:50%;background:var(--brand-bg-primary-default);opacity:0;transition:opacity .2s}.mrx-radio.mrx-radio.mrx-radio-default:hover .mrx-radio__mark{border-color:var(--brand-bg-primary-default)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark{border-color:var(--brand-bg-primary-default)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark .mrx-radio__mark__inner{opacity:1}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark{border-color:var(--neutral-control-bg-accent-disabled)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark .mrx-radio__mark__inner{background:var(--neutral-control-bg-accent-disabled)}.mrx-radio.mrx-radio.mrx-input-error.mrx-radio-default .mrx-radio__mark{border-color:var(--system-bg-controls-negative-default)}.mrx-radio.mrx-radio .mrx-radio__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .mrx-radio__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .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-radio__wrapper.mrx-radio__wrapper{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-radio', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2020/lib/components/form/radio/radio.module.mjs

@@ -5,10 +5,10 @@ import { FormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class RadioModule {
 }
-RadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioModule, declarations: [RadioComponent], imports: [CommonModule, FormsModule], exports: [RadioComponent] });
-RadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioModule, imports: [[CommonModule, FormsModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioModule, decorators: [{
+RadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: RadioModule, declarations: [RadioComponent], imports: [CommonModule, FormsModule], exports: [RadioComponent] });
+RadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RadioComponent],
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     exports: [RadioComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vcmFkaW8vcmFkaW8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBVTdDLE1BQU0sT0FBTyxXQUFXOzt3R0FBWCxXQUFXO3lHQUFYLFdBQVcsaUJBTFAsY0FBYyxhQUNuQixZQUFZLEVBQUUsV0FBVyxhQUV6QixjQUFjO3lHQUViLFdBQVcsWUFKYixDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7MkZBSXpCLFdBQVc7a0JBTnZCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDO29CQUNwQyxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO2lCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFJhZGlvQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtSYWRpb0NvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGVdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICBleHBvcnRzOiBbUmFkaW9Db21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYWRpb01vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vcmFkaW8vcmFkaW8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBVTdDLE1BQU0sT0FBTyxXQUFXOzt3R0FBWCxXQUFXO3lHQUFYLFdBQVcsaUJBTFAsY0FBYyxhQUNuQixZQUFZLEVBQUUsV0FBVyxhQUV6QixjQUFjO3lHQUViLFdBQVcsWUFKWixZQUFZLEVBQUUsV0FBVzsyRkFJeEIsV0FBVztrQkFOdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgUmFkaW9Db21wb25lbnQgfSBmcm9tICcuL3JhZGlvLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1JhZGlvQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZV0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIGV4cG9ydHM6IFtSYWRpb0NvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFJhZGlvTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2020/lib/components/form/rating/rating.component.mjs

@@ -3,8 +3,8 @@ import { RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum } from '.
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { toNumberFormat } from '../../../helpers/number-format';
 import * as i0 from "@angular/core";
-import * as i1 from "../../error-message/error-message.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../../error-message/error-message.component";
 export class RatingComponent {
     constructor() {
         this.value = 0;
@@ -164,15 +164,15 @@ export class RatingComponent {
         });
     }
 }
-RatingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RatingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RatingComponent, selector: "mrx-rating", inputs: { ratingCount: "ratingCount", size: "size", valueSize: "valueSize", iconClass: "iconClass", customClasses: "customClasses", readonly: "readonly", disabled: "disabled", double: "double", viewMode: "viewMode", step: "step", ratingSettings: "ratingSettings", maxValue: "maxValue", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid" }, outputs: { changed: "changed" }, providers: [
+RatingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RatingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RatingComponent, selector: "mrx-rating", inputs: { ratingCount: "ratingCount", size: "size", valueSize: "valueSize", iconClass: "iconClass", customClasses: "customClasses", readonly: "readonly", disabled: "disabled", double: "double", viewMode: "viewMode", step: "step", ratingSettings: "ratingSettings", maxValue: "maxValue", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid" }, outputs: { changed: "changed" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => RatingComponent),
             multi: true,
         },
-    ], ngImport: i0, template: "<div class=\"mrx-rating-wrapper\" [class]=\"getWrapperClasses\">\r\n  <div\r\n    *ngIf=\"canActive; else viewTemplate\"\r\n    class=\"mrx-rating edit-state\"\r\n    [class]=\"getClasses\"\r\n    (mouseleave)=\"resetElementHandle()\"\r\n  >\r\n    <ng-container *ngFor=\"let item of elements; let idx = index; trackBy: trackByFn\">\r\n      <div class=\"mrx-rating-item\" [class.disabled]=\"disabled || readonly\">\r\n        <div *ngIf=\"double\" class=\"mrx-rating-item-double-wrapper\">\r\n            <span\r\n              class=\"mrx-icon\"\r\n              [class]=\"iconClass\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'large'\"\r\n              [class.filled]=\"item.filled && item.double\"\r\n              (mouseenter)=\"canActive && hoverElementHandle(item, 'double')\"\r\n              (click)=\"canActive && changeValue(item.value, 'double')\"\r\n            ></span>\r\n        </div>\r\n\r\n        <div class=\"mrx-rating-item-wrapper\">\r\n            <span\r\n              class=\"mrx-icon\"\r\n              [class]=\"iconClass\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'large'\"\r\n              [class.filled]=\"item.filled && !item.double\"\r\n              (mouseenter)=\"canActive && hoverElementHandle(item, 'single')\"\r\n              (click)=\"canActive && changeValue(item.value, 'single')\"\r\n            ></span>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-template #viewTemplate>\r\n    <div class=\"mrx-rating\" [class]=\"getClasses\">\r\n      <ng-container *ngFor=\"let item of elements; let idx = index; trackBy: trackByFn\">\r\n        <div class=\"mrx-rating-item\" [class.disabled]=\"disabled || readonly\">\r\n          <div *ngIf=\"double\" class=\"mrx-rating-item-double-wrapper\">\r\n            <span\r\n              class=\"mrx-icon\"\r\n              [class]=\"iconClass\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'large'\"\r\n              [class.filled]=\"item.filled && item.double\"\r\n            ></span>\r\n          </div>\r\n\r\n          <div class=\"mrx-rating-item-wrapper\">\r\n            <span\r\n              class=\"mrx-icon\"\r\n              [class]=\"iconClass\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'large'\"\r\n              [class.filled]=\"item.filled && !item.double\"\r\n            ></span>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-container [ngSwitch]=\"viewMode\">\r\n    <span *ngSwitchCase=\"'text'\" [class]=\"getValueClasses\">{{ ratingText }}</span>\r\n    <span *ngSwitchCase=\"'value'\" [class]=\"getValueClasses\">{{ toNumberFormatFunc(value) }}</span>\r\n    <span *ngSwitchCase=\"'text-with-value'\" [class]=\"getValueClasses\">\r\n      {{ ratingText }} ({{ toNumberFormatFunc(value) }})\r\n    </span>\r\n  </ng-container>\r\n</div>\r\n\r\n<mrx-error-message *ngIf=\"(!isValid || invalid) && isInvalidMessage\" [invalidMessage]=\"invalidMessage\">\r\n</mrx-error-message>\r\n", styles: [".mrx-rating{display:inline-flex}.mrx-rating-wrapper{display:flex;align-items:center;flex-wrap:wrap}.mrx-rating-wrapper-sm{grid-gap:var(--spacing-2)}.mrx-rating-wrapper-lg{grid-gap:var(--spacing-3)}.mrx-rating.mrx-rating-lg{grid-gap:8px}.mrx-rating.mrx-rating-sm{grid-gap:4px}.mrx-rating-value-sm{font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);font-size:var(--body-sm-font-size)}.mrx-rating-value-lg{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-rating.edit-state .mrx-rating-item{cursor:pointer}.mrx-rating.edit-state .mrx-rating-item:hover{transform:scale(1.1)}.mrx-rating .mrx-rating-item{display:flex;align-items:center;position:relative;transition:transform .2s}.mrx-rating .mrx-rating-item-wrapper,.mrx-rating .mrx-rating-item-double-wrapper{display:flex;align-items:center}.mrx-rating .mrx-rating-item-wrapper .mrx-icon,.mrx-rating .mrx-rating-item-double-wrapper .mrx-icon{color:var(--system-rating-default)}.mrx-rating .mrx-rating-item-wrapper .mrx-icon.filled,.mrx-rating .mrx-rating-item-double-wrapper .mrx-icon.filled{color:var(--system-rating-selected);opacity:1}.mrx-rating .mrx-rating-item-double-wrapper{position:absolute;top:0;left:0;width:50%;overflow:hidden}.mrx-rating .mrx-rating-item-double-wrapper .mrx-icon{opacity:0}\n"], components: [{ type: i1.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalidMessage", "customClasses"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RatingComponent, decorators: [{
+    ], ngImport: i0, template: "<div class=\"mrx-rating-wrapper\" [class]=\"getWrapperClasses\">\r\n  <div\r\n    *ngIf=\"canActive; else viewTemplate\"\r\n    class=\"mrx-rating edit-state\"\r\n    [class]=\"getClasses\"\r\n    (mouseleave)=\"resetElementHandle()\"\r\n  >\r\n    <ng-container *ngFor=\"let item of elements; let idx = index; trackBy: trackByFn\">\r\n      <div class=\"mrx-rating-item\" [class.disabled]=\"disabled || readonly\">\r\n        <div *ngIf=\"double\" class=\"mrx-rating-item-double-wrapper\">\r\n            <span\r\n              class=\"mrx-icon\"\r\n              [class]=\"iconClass\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'large'\"\r\n              [class.filled]=\"item.filled && item.double\"\r\n              (mouseenter)=\"canActive && hoverElementHandle(item, 'double')\"\r\n              (click)=\"canActive && changeValue(item.value, 'double')\"\r\n            ></span>\r\n        </div>\r\n\r\n        <div class=\"mrx-rating-item-wrapper\">\r\n            <span\r\n              class=\"mrx-icon\"\r\n              [class]=\"iconClass\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'large'\"\r\n              [class.filled]=\"item.filled && !item.double\"\r\n              (mouseenter)=\"canActive && hoverElementHandle(item, 'single')\"\r\n              (click)=\"canActive && changeValue(item.value, 'single')\"\r\n            ></span>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-template #viewTemplate>\r\n    <div class=\"mrx-rating\" [class]=\"getClasses\">\r\n      <ng-container *ngFor=\"let item of elements; let idx = index; trackBy: trackByFn\">\r\n        <div class=\"mrx-rating-item\" [class.disabled]=\"disabled || readonly\">\r\n          <div *ngIf=\"double\" class=\"mrx-rating-item-double-wrapper\">\r\n            <span\r\n              class=\"mrx-icon\"\r\n              [class]=\"iconClass\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'large'\"\r\n              [class.filled]=\"item.filled && item.double\"\r\n            ></span>\r\n          </div>\r\n\r\n          <div class=\"mrx-rating-item-wrapper\">\r\n            <span\r\n              class=\"mrx-icon\"\r\n              [class]=\"iconClass\"\r\n              [class.icon-font-16]=\"size === 'small'\"\r\n              [class.icon-font-24]=\"size === 'large'\"\r\n              [class.filled]=\"item.filled && !item.double\"\r\n            ></span>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-container [ngSwitch]=\"viewMode\">\r\n    <span *ngSwitchCase=\"'text'\" [class]=\"getValueClasses\">{{ ratingText }}</span>\r\n    <span *ngSwitchCase=\"'value'\" [class]=\"getValueClasses\">{{ toNumberFormatFunc(value) }}</span>\r\n    <span *ngSwitchCase=\"'text-with-value'\" [class]=\"getValueClasses\">\r\n      {{ ratingText }} ({{ toNumberFormatFunc(value) }})\r\n    </span>\r\n  </ng-container>\r\n</div>\r\n\r\n<mrx-error-message *ngIf=\"(!isValid || invalid) && isInvalidMessage\" [invalidMessage]=\"invalidMessage\">\r\n</mrx-error-message>\r\n", styles: [".mrx-rating{display:inline-flex}.mrx-rating-wrapper{display:flex;align-items:center;flex-wrap:wrap}.mrx-rating-wrapper-sm{grid-gap:var(--spacing-2)}.mrx-rating-wrapper-lg{grid-gap:var(--spacing-3)}.mrx-rating.mrx-rating-lg{grid-gap:8px}.mrx-rating.mrx-rating-sm{grid-gap:4px}.mrx-rating-value-sm{font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);font-size:var(--body-sm-font-size)}.mrx-rating-value-lg{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-rating.edit-state .mrx-rating-item{cursor:pointer}.mrx-rating.edit-state .mrx-rating-item:hover{transform:scale(1.1)}.mrx-rating .mrx-rating-item{display:flex;align-items:center;position:relative;transition:transform .2s}.mrx-rating .mrx-rating-item-wrapper,.mrx-rating .mrx-rating-item-double-wrapper{display:flex;align-items:center}.mrx-rating .mrx-rating-item-wrapper .mrx-icon,.mrx-rating .mrx-rating-item-double-wrapper .mrx-icon{color:var(--system-rating-default)}.mrx-rating .mrx-rating-item-wrapper .mrx-icon.filled,.mrx-rating .mrx-rating-item-double-wrapper .mrx-icon.filled{color:var(--system-rating-selected);opacity:1}.mrx-rating .mrx-rating-item-double-wrapper{position:absolute;top:0;left:0;width:50%;overflow:hidden}.mrx-rating .mrx-rating-item-double-wrapper .mrx-icon{opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalidMessage", "customClasses"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RatingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-rating', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2020/lib/components/form/rating/rating.module.mjs

@@ -5,14 +5,12 @@ import { ErrorMessageModule } from '../../error-message/error-message.module';
 import * as i0 from "@angular/core";
 export class RatingModule {
 }
-RatingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RatingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RatingModule, declarations: [RatingComponent], imports: [CommonModule,
+RatingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RatingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: RatingModule, declarations: [RatingComponent], imports: [CommonModule,
         ErrorMessageModule], exports: [RatingComponent] });
-RatingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RatingModule, imports: [[
-            CommonModule,
-            ErrorMessageModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RatingModule, decorators: [{
+RatingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RatingModule, imports: [CommonModule,
+        ErrorMessageModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RatingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RatingComponent],
@@ -24,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     exports: [RatingComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3JhdGluZy9yYXRpbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7QUFXOUUsTUFBTSxPQUFPLFlBQVk7O3lHQUFaLFlBQVk7MEdBQVosWUFBWSxpQkFSUixlQUFlLGFBRTVCLFlBQVk7UUFDWixrQkFBa0IsYUFHVixlQUFlOzBHQUVkLFlBQVksWUFQZDtZQUNQLFlBQVk7WUFDWixrQkFBa0I7U0FDbkI7MkZBSVUsWUFBWTtrQkFUeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSYXRpbmdDb21wb25lbnQgfSBmcm9tICcuL3JhdGluZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VNb2R1bGUgfSBmcm9tICcuLi8uLi9lcnJvci1tZXNzYWdlL2Vycm9yLW1lc3NhZ2UubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbUmF0aW5nQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBFcnJvck1lc3NhZ2VNb2R1bGVcclxuICBdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICBleHBvcnRzOiBbUmF0aW5nQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmF0aW5nTW9kdWxlIHsgfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3JhdGluZy9yYXRpbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7QUFXOUUsTUFBTSxPQUFPLFlBQVk7O3lHQUFaLFlBQVk7MEdBQVosWUFBWSxpQkFSUixlQUFlLGFBRTVCLFlBQVk7UUFDWixrQkFBa0IsYUFHVixlQUFlOzBHQUVkLFlBQVksWUFOckIsWUFBWTtRQUNaLGtCQUFrQjsyRkFLVCxZQUFZO2tCQVR4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDL0IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFJhdGluZ0NvbXBvbmVudCB9IGZyb20gJy4vcmF0aW5nLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEVycm9yTWVzc2FnZU1vZHVsZSB9IGZyb20gJy4uLy4uL2Vycm9yLW1lc3NhZ2UvZXJyb3ItbWVzc2FnZS5tb2R1bGUnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtSYXRpbmdDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEVycm9yTWVzc2FnZU1vZHVsZVxyXG4gIF0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIGV4cG9ydHM6IFtSYXRpbmdDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYXRpbmdNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2020/lib/components/form/switch/switch.component.mjs

@@ -3,9 +3,9 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { SwitchSizeEnum, SwitchTypeEnum } from './switch.enum';
 import { v4 as uuidv4 } from 'uuid';
 import * as i0 from "@angular/core";
-import * as i1 from "../../save-state/save-state.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../save-state/save-state.component";
 export class SwitchComponent {
     constructor() {
         this.value = false;
@@ -50,15 +50,15 @@ export class SwitchComponent {
         this.onTouched();
     }
 }
-SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SwitchComponent, selector: "mrx-switch", inputs: { fields: "fields", size: "size", type: "type", label: "label", boldLabel: "boldLabel", disabled: "disabled", readonly: "readonly", required: "required", customClasses: "customClasses", leftText: "leftText", rightText: "rightText" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
+SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SwitchComponent, selector: "mrx-switch", inputs: { fields: "fields", size: "size", type: "type", label: "label", boldLabel: "boldLabel", disabled: "disabled", readonly: "readonly", required: "required", customClasses: "customClasses", leftText: "leftText", rightText: "rightText" }, outputs: { changed: "changed", modelChange: "modelChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => SwitchComponent),
             multi: true,
         },
-    ], ngImport: i0, template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n\r\n    <ng-container *ngSwitchCase=\"'toggle'\">\r\n      <p\r\n        class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n      >\r\n        {{ leftText }}\r\n      </p>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n      </label>\r\n      <p\r\n        class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n      >\r\n        {{ rightText }}\r\n      </p>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n\r\n        <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n          {{label}}\r\n          <ng-content></ng-content>\r\n        </p>\r\n      </label>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-helf);top:var(--spacing-helf)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:20px;height:var(--sizing-4);width:var(--sizing-6);min-width:var(--sizing-6);margin-top:var(--spacing-helf)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-3);height:var(--sizing-3);left:var(--spacing-helf);top:var(--spacing-helf)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-2))}.mrx-switch.mrx-switch.mrx-switch-default .mrx-switch-checkbox{display:inline-flex;align-items:flex-start}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch-checkbox{display:inline-flex;align-items:center}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch__trigger{white-space:nowrap}.mrx-switch.mrx-switch .mrx-switch__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .mrx-switch__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .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}\n"], components: [{ type: i1.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SwitchComponent, decorators: [{
+    ], ngImport: i0, template: "<div class=\"mrx-switch\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"switch\"></mrx-save-state>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n\r\n    <ng-container *ngSwitchCase=\"'toggle'\">\r\n      <p\r\n        class=\"mr-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(false)\"\r\n      >\r\n        {{ leftText }}\r\n      </p>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n      </label>\r\n      <p\r\n        class=\"ml-1 cursor-pointer mrx-switch__trigger\"\r\n        [class.text-bold]=\"boldLabel\"\r\n        (click)=\"!(disabled || readonly) && updateValue(true)\"\r\n      >\r\n        {{ rightText }}\r\n      </p>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchDefault>\r\n      <label class=\"mrx-switch-checkbox\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [required]=\"required\"\r\n          [disabled]=\"disabled || readonly\"\r\n          [readOnly]=\"readonly\"\r\n          [ngModel]=\"value\"\r\n          (ngModelChange)=\"updateValue($event)\"\r\n        >\r\n        <span class=\"mrx-switch-slider\"></span>\r\n\r\n        <p class=\"ml-2\" [class]=\"boldLabel ? 'mrx-switch__label--bold' : 'mrx-switch__label'\">\r\n          {{label}}\r\n          <ng-content></ng-content>\r\n        </p>\r\n      </label>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-switch.mrx-switch{display:flex;position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox{position:relative}.mrx-switch.mrx-switch .mrx-switch-checkbox input{opacity:0;width:0;height:0;position:absolute!important;padding:0;margin:0}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider{cursor:pointer;background-color:var(--neutral-bg-stroke-default);transition:.2s}.mrx-switch.mrx-switch .mrx-switch-checkbox .mrx-switch-slider:before{position:absolute;content:\"\";background-color:var(--brand-bg-tertiary-default);transition:.2s;border-radius:50%}.mrx-switch.mrx-switch .mrx-switch-checkbox input:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--neutral-bg-stroke-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked:hover:not(:disabled)+.mrx-switch-slider{background-color:var(--brand-bg-primary-hover)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider{background-color:var(--neutral-control-bg-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:not(:checked)+.mrx-switch-slider:before{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider{background-color:var(--neutral-control-bg-accent-disabled)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled:checked+.mrx-switch-slider:before{background-color:var(--brand-bg-tertiary-default)}.mrx-switch.mrx-switch .mrx-switch-checkbox input:disabled+.mrx-switch-slider{cursor:default}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:calc(var(--sizing-module) * 5);width:var(--sizing-8);min-width:var(--sizing-8);height:calc(var(--sizing-module) * 5)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-4);height:var(--sizing-4);left:var(--spacing-helf);top:var(--spacing-helf)}.mrx-switch.mrx-switch.mrx-switch-lg .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-3))}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider{display:block;position:relative;border-radius:20px;height:var(--sizing-4);width:var(--sizing-6);min-width:var(--sizing-6);margin-top:var(--spacing-helf)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox .mrx-switch-slider:before{width:var(--sizing-3);height:var(--sizing-3);left:var(--spacing-helf);top:var(--spacing-helf)}.mrx-switch.mrx-switch.mrx-switch-sm .mrx-switch-checkbox input:checked+.mrx-switch-slider:before{transform:translate(var(--sizing-2))}.mrx-switch.mrx-switch.mrx-switch-default .mrx-switch-checkbox{display:inline-flex;align-items:flex-start}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch-checkbox{display:inline-flex;align-items:center}.mrx-switch.mrx-switch.mrx-switch-toggle .mrx-switch__trigger{white-space:nowrap}.mrx-switch.mrx-switch .mrx-switch__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .mrx-switch__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-switch.mrx-switch .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}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-switch', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2020/lib/components/form/switch/switch.module.mjs

@@ -6,10 +6,10 @@ import { SaveStateModule } from '../../save-state/save-state.module';
 import * as i0 from "@angular/core";
 export class SwitchModule {
 }
-SwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SwitchModule, declarations: [SwitchComponent], imports: [CommonModule, FormsModule, SaveStateModule], exports: [SwitchComponent] });
-SwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SwitchModule, imports: [[CommonModule, FormsModule, SaveStateModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SwitchModule, decorators: [{
+SwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SwitchModule, declarations: [SwitchComponent], imports: [CommonModule, FormsModule, SaveStateModule], exports: [SwitchComponent] });
+SwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitchModule, imports: [CommonModule, FormsModule, SaveStateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SwitchComponent],
@@ -18,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     exports: [SwitchComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3N3aXRjaC9zd2l0Y2gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQVFyRSxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQUxSLGVBQWUsYUFDcEIsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLGFBRTFDLGVBQWU7MEdBRWQsWUFBWSxZQUpkLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLENBQUM7MkZBSTFDLFlBQVk7a0JBTnhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsQ0FBQztvQkFDckQsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTd2l0Y2hDb21wb25lbnQgfSBmcm9tICcuL3N3aXRjaC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU2F2ZVN0YXRlTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2F2ZS1zdGF0ZS9zYXZlLXN0YXRlLm1vZHVsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1N3aXRjaENvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIFNhdmVTdGF0ZU1vZHVsZV0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIGV4cG9ydHM6IFtTd2l0Y2hDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3dpdGNoTW9kdWxlIHt9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3N3aXRjaC9zd2l0Y2gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQVFyRSxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQUxSLGVBQWUsYUFDcEIsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLGFBRTFDLGVBQWU7MEdBRWQsWUFBWSxZQUpiLFlBQVksRUFBRSxXQUFXLEVBQUUsZUFBZTsyRkFJekMsWUFBWTtrQkFOeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDO29CQUNyRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFN3aXRjaENvbXBvbmVudCB9IGZyb20gJy4vc3dpdGNoLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBTYXZlU3RhdGVNb2R1bGUgfSBmcm9tICcuLi8uLi9zYXZlLXN0YXRlL3NhdmUtc3RhdGUubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbU3dpdGNoQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgU2F2ZVN0YXRlTW9kdWxlXSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbiAgZXhwb3J0czogW1N3aXRjaENvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTd2l0Y2hNb2R1bGUge31cclxuIl19

package/esm2020/lib/components/gallery/components/gallery-confirm-modal/gallery-confirm-modal.component.mjs

@@ -1,8 +1,8 @@
 import { Component } from '@angular/core';
 import { SimpleModalComponent } from 'ngx-simple-modal';
 import * as i0 from "@angular/core";
-import * as i1 from "../../../modal/modal.component";
-import * as i2 from "../../../button/button.component";
+import * as i1 from "../../../button/button.component";
+import * as i2 from "../../../modal/modal.component";
 export class GalleryConfirmModalComponent extends SimpleModalComponent {
     constructor() {
         super();
@@ -13,9 +13,9 @@ export class GalleryConfirmModalComponent extends SimpleModalComponent {
         this.close();
     }
 }
-GalleryConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GalleryConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GalleryConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: GalleryConfirmModalComponent, selector: "app-gallery-confirm-modal", usesInheritance: true, ngImport: i0, template: "<mrx-modal\r\n  [title]=\"title\"\r\n  (close)=\"close()\"\r\n  size=\"small\"\r\n  color=\"negative\">\r\n\r\n  <div class=\"row\">\r\n    <div class=\"col\">\r\n      <p class=\"text-center\">{{message}}</p>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #footerContent>\r\n    <mrx-button\r\n      [customClasses]=\"'mr-3'\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'medium'\"\r\n      color=\"negative\"\r\n      (click)=\"close()\"\r\n    >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n    </mrx-button>\r\n    <mrx-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'medium'\"\r\n      color=\"negative\"\r\n      (click)=\"ok()\"\r\n    >\u0423\u0434\u0430\u043B\u0438\u0442\u044C\r\n    </mrx-button>\r\n  </ng-template>\r\n</mrx-modal>\r\n", components: [{ type: i1.ModalComponent, selector: "mrx-modal", inputs: ["title", "message", "okText", "closeText", "size", "color", "customClasses", "expandable", "isClose", "isBack", "backText", "enableFooter", "alignButtons", "isLoading", "iconPosition"], outputs: ["ok", "close", "back"] }, { type: i2.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GalleryConfirmModalComponent, decorators: [{
+GalleryConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GalleryConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GalleryConfirmModalComponent, selector: "app-gallery-confirm-modal", usesInheritance: true, ngImport: i0, template: "<mrx-modal\r\n  [title]=\"title\"\r\n  (close)=\"close()\"\r\n  size=\"small\"\r\n  color=\"negative\">\r\n\r\n  <div class=\"row\">\r\n    <div class=\"col\">\r\n      <p class=\"text-center\">{{message}}</p>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #footerContent>\r\n    <mrx-button\r\n      [customClasses]=\"'mr-3'\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'medium'\"\r\n      color=\"negative\"\r\n      (click)=\"close()\"\r\n    >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n    </mrx-button>\r\n    <mrx-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'medium'\"\r\n      color=\"negative\"\r\n      (click)=\"ok()\"\r\n    >\u0423\u0434\u0430\u043B\u0438\u0442\u044C\r\n    </mrx-button>\r\n  </ng-template>\r\n</mrx-modal>\r\n", dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }, { kind: "component", type: i2.ModalComponent, selector: "mrx-modal", inputs: ["title", "message", "okText", "closeText", "size", "color", "customClasses", "expandable", "isClose", "isBack", "backText", "enableFooter", "alignButtons", "isLoading", "iconPosition"], outputs: ["ok", "close", "back"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryConfirmModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-gallery-confirm-modal', template: "<mrx-modal\r\n  [title]=\"title\"\r\n  (close)=\"close()\"\r\n  size=\"small\"\r\n  color=\"negative\">\r\n\r\n  <div class=\"row\">\r\n    <div class=\"col\">\r\n      <p class=\"text-center\">{{message}}</p>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #footerContent>\r\n    <mrx-button\r\n      [customClasses]=\"'mr-3'\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'medium'\"\r\n      color=\"negative\"\r\n      (click)=\"close()\"\r\n    >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n    </mrx-button>\r\n    <mrx-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'medium'\"\r\n      color=\"negative\"\r\n      (click)=\"ok()\"\r\n    >\u0423\u0434\u0430\u043B\u0438\u0442\u044C\r\n    </mrx-button>\r\n  </ng-template>\r\n</mrx-modal>\r\n" }]
         }], ctorParameters: function () { return []; } });