myrta-ui 1.1.13 → 14.0.0-beta.2

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

@@ -1,8 +1,8 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "../../../radio/radio.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 "../../../radio/radio.component";
 export class RadioGroupItemComponent {
     constructor(detector) {
         this.detector = detector;
@@ -34,9 +34,9 @@ export class RadioGroupItemComponent {
         this.detector.detectChanges();
     }
 }
-RadioGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-RadioGroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { animationEnd: "animationEnd", radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n  <div class=\"mrx-radio-group__item--array\" *ngIf=\"item.array.length && level < 10; else singleradioTemplate\">\r\n    <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n      <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [value]=\"item.id\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [indeterminate]=\"isIndeterminate\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n\r\n    <div class=\"mrx-radio-group__item--array-list\">\r\n      <ng-container>\r\n        <mrx-radio-group-item\r\n            *ngFor=\"let child of item.array; trackBy: trackByFn\"\r\n            [level]=\"level + 1\"\r\n            [selectedValue]=\"selectedValue\"\r\n            [item]=\"child\"\r\n            [invalid]=\"invalid\"\r\n            [bold]=\"bold\"\r\n            [name]=\"name\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            (radioChanged)=\"radioChanged.emit($event)\"\r\n        ></mrx-radio-group-item>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #singleradioTemplate>\r\n    <div class=\"mrx-radio-group__item--single\">\r\n      <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [indeterminate]=\"false\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [type]=\"'default'\"\r\n          [value]=\"item.id\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], components: [{ type: i1.RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "invalid", "value"] }, { type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupItemComponent, decorators: [{
+RadioGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+RadioGroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { animationEnd: "animationEnd", radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n  <div class=\"mrx-radio-group__item--array\" *ngIf=\"item.array.length && level < 10; else singleradioTemplate\">\r\n    <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n      <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [value]=\"item.id\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [indeterminate]=\"isIndeterminate\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n\r\n    <div class=\"mrx-radio-group__item--array-list\">\r\n      <ng-container>\r\n        <mrx-radio-group-item\r\n            *ngFor=\"let child of item.array; trackBy: trackByFn\"\r\n            [level]=\"level + 1\"\r\n            [selectedValue]=\"selectedValue\"\r\n            [item]=\"child\"\r\n            [invalid]=\"invalid\"\r\n            [bold]=\"bold\"\r\n            [name]=\"name\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            (radioChanged)=\"radioChanged.emit($event)\"\r\n        ></mrx-radio-group-item>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #singleradioTemplate>\r\n    <div class=\"mrx-radio-group__item--single\">\r\n      <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [indeterminate]=\"false\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [type]=\"'default'\"\r\n          [value]=\"item.id\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "invalid", "value"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-radio-group-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n  <div class=\"mrx-radio-group__item--array\" *ngIf=\"item.array.length && level < 10; else singleradioTemplate\">\r\n    <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n      <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [value]=\"item.id\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [indeterminate]=\"isIndeterminate\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n\r\n    <div class=\"mrx-radio-group__item--array-list\">\r\n      <ng-container>\r\n        <mrx-radio-group-item\r\n            *ngFor=\"let child of item.array; trackBy: trackByFn\"\r\n            [level]=\"level + 1\"\r\n            [selectedValue]=\"selectedValue\"\r\n            [item]=\"child\"\r\n            [invalid]=\"invalid\"\r\n            [bold]=\"bold\"\r\n            [name]=\"name\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            (radioChanged)=\"radioChanged.emit($event)\"\r\n        ></mrx-radio-group-item>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template #singleradioTemplate>\r\n    <div class=\"mrx-radio-group__item--single\">\r\n      <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [indeterminate]=\"false\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [type]=\"'default'\"\r\n          [value]=\"item.id\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { invalid: [{
@@ -66,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], radioChanged: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby1ncm91cC9jb21wb25lbnRzL3JhZGlvLWdyb3VwLWl0ZW0vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby1ncm91cC9jb21wb25lbnRzL3JhZGlvLWdyb3VwLWl0ZW0vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkIsTUFBTSxPQUFPLHVCQUF1QjtJQWtCbEMsWUFBb0IsUUFBMkI7UUFBM0IsYUFBUSxHQUFSLFFBQVEsQ0FBbUI7UUFoQi9CLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDdkIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixrQkFBYSxHQUEwQixJQUFJLENBQUM7UUFFNUMsY0FBUyxHQUFHLEtBQUssQ0FBQTtRQUNqQixVQUFLLEdBQUcsQ0FBQyxDQUFBO1FBQ0YsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUNwQixxQkFBZ0IsR0FBbUIsSUFBSSxDQUFBO1FBRWhDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQixpQkFBWSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzVELGlCQUFZLEdBQzNCLElBQUksWUFBWSxFQUE0RCxDQUFDO0lBRy9FLENBQUM7SUFFRCxJQUFXLGVBQWU7UUFDeEIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDOUIsQ0FBQztJQUVNLFNBQVMsQ0FBQyxLQUFhLEVBQUUsSUFBb0I7UUFDbEQsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxLQUE4QixFQUFFLElBQW9CO1FBQzFFLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQTtTQUMvQzthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUE7U0FDL0M7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQy9CLENBQUM7O29IQXJDVSx1QkFBdUI7d0dBQXZCLHVCQUF1QiwyWENoQnBDLHM0REFxREEsOGFEckNhLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNO3dHQUkvQixPQUFPO3NCQUF0QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUVXLFlBQVk7c0JBQTVCLE1BQU07Z0JBQ1UsWUFBWTtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJhZGlvR3JvdXBJdGVtLCBSYWRpb0luZGV0ZXJtaW5hdGVTdGF0ZSB9IGZyb20gJy4uLy4uL21vZGVscy9yYWRpby1ncm91cC5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1yYWRpby1ncm91cC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYWRpb0dyb3VwSXRlbUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpbnZhbGlkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc2VsZWN0ZWRWYWx1ZTogUmFkaW9Hcm91cEl0ZW0gfCBudWxsID0gbnVsbDtcclxuICBASW5wdXQoKSBpdGVtITogUmFkaW9Hcm91cEl0ZW1cclxuICBASW5wdXQoKSBkaXNwbGFjZWQgPSBmYWxzZVxyXG4gIEBJbnB1dCgpIGxldmVsID0gMFxyXG4gIEBJbnB1dCgpIHB1YmxpYyBib2xkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYW5pbWF0aW9uVHJpZ2dlcjogYm9vbGVhbiB8IG51bGwgPSBudWxsXHJcbiAgQElucHV0KCkgaXNMYXN0ITogYm9vbGVhblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZWFkb25seSA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgcHVibGljIGFuaW1hdGlvbkVuZDogRXZlbnRFbWl0dGVyPG51bGw+ID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgcmFkaW9DaGFuZ2VkOiBFdmVudEVtaXR0ZXI8eyB2YWx1ZTogUmFkaW9JbmRldGVybWluYXRlU3RhdGUsIGl0ZW06IFJhZGlvR3JvdXBJdGVtIH0+ID1cclxuICAgIG5ldyBFdmVudEVtaXR0ZXI8eyB2YWx1ZTogUmFkaW9JbmRldGVybWluYXRlU3RhdGUsIGl0ZW06IFJhZGlvR3JvdXBJdGVtIH0+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGlzSW5kZXRlcm1pbmF0ZSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLml0ZW0uaWQgPT09IG51bGxcclxuICB9XHJcblxyXG4gIHB1YmxpYyB0cmFja0J5Rm4oaW5kZXg6IG51bWJlciwgaXRlbTogUmFkaW9Hcm91cEl0ZW0pIHtcclxuICAgIHJldHVybiBpdGVtLmlkO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJhZGlvQ2hhbmdlTW9kZWwodmFsdWU6IFJhZGlvSW5kZXRlcm1pbmF0ZVN0YXRlLCBpdGVtOiBSYWRpb0dyb3VwSXRlbSk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaXNJbmRldGVybWluYXRlKSB7XHJcbiAgICAgIHRoaXMucmFkaW9DaGFuZ2VkLmVtaXQoeyB2YWx1ZTogZmFsc2UsIGl0ZW0gfSlcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMucmFkaW9DaGFuZ2VkLmVtaXQoeyB2YWx1ZTogdmFsdWUsIGl0ZW0gfSlcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmRldGVjdG9yLmRldGVjdENoYW5nZXMoKVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXJ4LXJhZGlvLWdyb3VwX19pdGVtXCIgW2NsYXNzLm1yeC1yYWRpby1ncm91cF9faXRlbS0tYnV0dG9tLWlkZW50XT1cIiFpc0xhc3RcIj5cclxuICA8ZGl2IGNsYXNzPVwibXJ4LXJhZGlvLWdyb3VwX19pdGVtLS1hcnJheVwiICpuZ0lmPVwiaXRlbS5hcnJheS5sZW5ndGggJiYgbGV2ZWwgPCAxMDsgZWxzZSBzaW5nbGVyYWRpb1RlbXBsYXRlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXJ4LXJhZGlvLWdyb3VwX19pdGVtLS1hcnJheS1oZWFkIG1iLTEycHhcIj5cclxuXHJcbiAgICAgIDxtcngtcmFkaW9cclxuICAgICAgICAgIFtuZ01vZGVsXT1cInNlbGVjdGVkVmFsdWU/LmlkXCJcclxuICAgICAgICAgIFt2YWx1ZV09XCJpdGVtLmlkXCJcclxuICAgICAgICAgIFtuYW1lXT1cIm5hbWVcIlxyXG4gICAgICAgICAgW2JvbGRMYWJlbF09XCJib2xkXCJcclxuICAgICAgICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxyXG4gICAgICAgICAgW2luZGV0ZXJtaW5hdGVdPVwiaXNJbmRldGVybWluYXRlXCJcclxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInJhZGlvQ2hhbmdlTW9kZWwoJGV2ZW50LCBpdGVtKVwiXHJcbiAgICAgID57eyBpdGVtLnRleHQgfX08L21yeC1yYWRpbz5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJtcngtcmFkaW8tZ3JvdXBfX2l0ZW0tLWFycmF5LWxpc3RcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bXJ4LXJhZGlvLWdyb3VwLWl0ZW1cclxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGNoaWxkIG9mIGl0ZW0uYXJyYXk7IHRyYWNrQnk6IHRyYWNrQnlGblwiXHJcbiAgICAgICAgICAgIFtsZXZlbF09XCJsZXZlbCArIDFcIlxyXG4gICAgICAgICAgICBbc2VsZWN0ZWRWYWx1ZV09XCJzZWxlY3RlZFZhbHVlXCJcclxuICAgICAgICAgICAgW2l0ZW1dPVwiY2hpbGRcIlxyXG4gICAgICAgICAgICBbaW52YWxpZF09XCJpbnZhbGlkXCJcclxuICAgICAgICAgICAgW2JvbGRdPVwiYm9sZFwiXHJcbiAgICAgICAgICAgIFtuYW1lXT1cIm5hbWVcIlxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxyXG4gICAgICAgICAgICBbYW5pbWF0aW9uVHJpZ2dlcl09XCJhbmltYXRpb25UcmlnZ2VyXCJcclxuICAgICAgICAgICAgKHJhZGlvQ2hhbmdlZCk9XCJyYWRpb0NoYW5nZWQuZW1pdCgkZXZlbnQpXCJcclxuICAgICAgICA+PC9tcngtcmFkaW8tZ3JvdXAtaXRlbT5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPG5nLXRlbXBsYXRlICNzaW5nbGVyYWRpb1RlbXBsYXRlPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC1yYWRpby1ncm91cF9faXRlbS0tc2luZ2xlXCI+XHJcbiAgICAgIDxtcngtcmFkaW9cclxuICAgICAgICAgIFtuZ01vZGVsXT1cInNlbGVjdGVkVmFsdWU/LmlkXCJcclxuICAgICAgICAgIFtpbmRldGVybWluYXRlXT1cImZhbHNlXCJcclxuICAgICAgICAgIFtuYW1lXT1cIm5hbWVcIlxyXG4gICAgICAgICAgW2JvbGRMYWJlbF09XCJib2xkXCJcclxuICAgICAgICAgIFt0eXBlXT1cIidkZWZhdWx0J1wiXHJcbiAgICAgICAgICBbdmFsdWVdPVwiaXRlbS5pZFwiXHJcbiAgICAgICAgICBbaW52YWxpZF09XCJpbnZhbGlkXCJcclxuICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxyXG4gICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwicmFkaW9DaGFuZ2VNb2RlbCgkZXZlbnQsIGl0ZW0pXCJcclxuICAgICAgPnt7IGl0ZW0udGV4dCB9fTwvbXJ4LXJhZGlvPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuPC9kaXY+XHJcblxyXG5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby1ncm91cC9jb21wb25lbnRzL3JhZGlvLWdyb3VwLWl0ZW0vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby1ncm91cC9jb21wb25lbnRzL3JhZGlvLWdyb3VwLWl0ZW0vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkIsTUFBTSxPQUFPLHVCQUF1QjtJQWtCbEMsWUFBb0IsUUFBMkI7UUFBM0IsYUFBUSxHQUFSLFFBQVEsQ0FBbUI7UUFoQi9CLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDdkIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixrQkFBYSxHQUEwQixJQUFJLENBQUM7UUFFNUMsY0FBUyxHQUFHLEtBQUssQ0FBQTtRQUNqQixVQUFLLEdBQUcsQ0FBQyxDQUFBO1FBQ0YsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUNwQixxQkFBZ0IsR0FBbUIsSUFBSSxDQUFBO1FBRWhDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQixpQkFBWSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzVELGlCQUFZLEdBQzNCLElBQUksWUFBWSxFQUE0RCxDQUFDO0lBRy9FLENBQUM7SUFFRCxJQUFXLGVBQWU7UUFDeEIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDOUIsQ0FBQztJQUVNLFNBQVMsQ0FBQyxLQUFhLEVBQUUsSUFBb0I7UUFDbEQsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxLQUE4QixFQUFFLElBQW9CO1FBQzFFLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQTtTQUMvQzthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUE7U0FDL0M7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQy9CLENBQUM7O29IQXJDVSx1QkFBdUI7d0dBQXZCLHVCQUF1QiwyWENoQnBDLHM0REFxREEsdS9CRHJDYSx1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTTt3R0FJL0IsT0FBTztzQkFBdEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFFVyxZQUFZO3NCQUE1QixNQUFNO2dCQUNVLFlBQVk7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSYWRpb0dyb3VwSXRlbSwgUmFkaW9JbmRldGVybWluYXRlU3RhdGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvcmFkaW8tZ3JvdXAubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtcmFkaW8tZ3JvdXAtaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvLWdyb3VwLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLWdyb3VwLWl0ZW0uY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmFkaW9Hcm91cEl0ZW1Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgaW52YWxpZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkVmFsdWU6IFJhZGlvR3JvdXBJdGVtIHwgbnVsbCA9IG51bGw7XHJcbiAgQElucHV0KCkgaXRlbSE6IFJhZGlvR3JvdXBJdGVtXHJcbiAgQElucHV0KCkgZGlzcGxhY2VkID0gZmFsc2VcclxuICBASW5wdXQoKSBsZXZlbCA9IDBcclxuICBASW5wdXQoKSBwdWJsaWMgYm9sZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGFuaW1hdGlvblRyaWdnZXI6IGJvb2xlYW4gfCBudWxsID0gbnVsbFxyXG4gIEBJbnB1dCgpIGlzTGFzdCE6IGJvb2xlYW5cclxuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgcmVhZG9ubHkgPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBhbmltYXRpb25FbmQ6IEV2ZW50RW1pdHRlcjxudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcclxuICBAT3V0cHV0KCkgcHVibGljIHJhZGlvQ2hhbmdlZDogRXZlbnRFbWl0dGVyPHsgdmFsdWU6IFJhZGlvSW5kZXRlcm1pbmF0ZVN0YXRlLCBpdGVtOiBSYWRpb0dyb3VwSXRlbSB9PiA9XHJcbiAgICBuZXcgRXZlbnRFbWl0dGVyPHsgdmFsdWU6IFJhZGlvSW5kZXRlcm1pbmF0ZVN0YXRlLCBpdGVtOiBSYWRpb0dyb3VwSXRlbSB9PigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBpc0luZGV0ZXJtaW5hdGUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5pdGVtLmlkID09PSBudWxsXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdHJhY2tCeUZuKGluZGV4OiBudW1iZXIsIGl0ZW06IFJhZGlvR3JvdXBJdGVtKSB7XHJcbiAgICByZXR1cm4gaXRlbS5pZDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByYWRpb0NoYW5nZU1vZGVsKHZhbHVlOiBSYWRpb0luZGV0ZXJtaW5hdGVTdGF0ZSwgaXRlbTogUmFkaW9Hcm91cEl0ZW0pOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmlzSW5kZXRlcm1pbmF0ZSkge1xyXG4gICAgICB0aGlzLnJhZGlvQ2hhbmdlZC5lbWl0KHsgdmFsdWU6IGZhbHNlLCBpdGVtIH0pXHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnJhZGlvQ2hhbmdlZC5lbWl0KHsgdmFsdWU6IHZhbHVlLCBpdGVtIH0pXHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5kZXRlY3Rvci5kZXRlY3RDaGFuZ2VzKClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1yeC1yYWRpby1ncm91cF9faXRlbVwiIFtjbGFzcy5tcngtcmFkaW8tZ3JvdXBfX2l0ZW0tLWJ1dHRvbS1pZGVudF09XCIhaXNMYXN0XCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1yeC1yYWRpby1ncm91cF9faXRlbS0tYXJyYXlcIiAqbmdJZj1cIml0ZW0uYXJyYXkubGVuZ3RoICYmIGxldmVsIDwgMTA7IGVsc2Ugc2luZ2xlcmFkaW9UZW1wbGF0ZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC1yYWRpby1ncm91cF9faXRlbS0tYXJyYXktaGVhZCBtYi0xMnB4XCI+XHJcblxyXG4gICAgICA8bXJ4LXJhZGlvXHJcbiAgICAgICAgICBbbmdNb2RlbF09XCJzZWxlY3RlZFZhbHVlPy5pZFwiXHJcbiAgICAgICAgICBbdmFsdWVdPVwiaXRlbS5pZFwiXHJcbiAgICAgICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgICAgIFtib2xkTGFiZWxdPVwiYm9sZFwiXHJcbiAgICAgICAgICBbaW52YWxpZF09XCJpbnZhbGlkXCJcclxuICAgICAgICAgIFtpbmRldGVybWluYXRlXT1cImlzSW5kZXRlcm1pbmF0ZVwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJyYWRpb0NoYW5nZU1vZGVsKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICA+e3sgaXRlbS50ZXh0IH19PC9tcngtcmFkaW8+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwibXJ4LXJhZGlvLWdyb3VwX19pdGVtLS1hcnJheS1saXN0XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXI+XHJcbiAgICAgICAgPG1yeC1yYWRpby1ncm91cC1pdGVtXHJcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBjaGlsZCBvZiBpdGVtLmFycmF5OyB0cmFja0J5OiB0cmFja0J5Rm5cIlxyXG4gICAgICAgICAgICBbbGV2ZWxdPVwibGV2ZWwgKyAxXCJcclxuICAgICAgICAgICAgW3NlbGVjdGVkVmFsdWVdPVwic2VsZWN0ZWRWYWx1ZVwiXHJcbiAgICAgICAgICAgIFtpdGVtXT1cImNoaWxkXCJcclxuICAgICAgICAgICAgW2ludmFsaWRdPVwiaW52YWxpZFwiXHJcbiAgICAgICAgICAgIFtib2xkXT1cImJvbGRcIlxyXG4gICAgICAgICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcclxuICAgICAgICAgICAgW2FuaW1hdGlvblRyaWdnZXJdPVwiYW5pbWF0aW9uVHJpZ2dlclwiXHJcbiAgICAgICAgICAgIChyYWRpb0NoYW5nZWQpPVwicmFkaW9DaGFuZ2VkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgPjwvbXJ4LXJhZGlvLWdyb3VwLWl0ZW0+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxuZy10ZW1wbGF0ZSAjc2luZ2xlcmFkaW9UZW1wbGF0ZT5cclxuICAgIDxkaXYgY2xhc3M9XCJtcngtcmFkaW8tZ3JvdXBfX2l0ZW0tLXNpbmdsZVwiPlxyXG4gICAgICA8bXJ4LXJhZGlvXHJcbiAgICAgICAgICBbbmdNb2RlbF09XCJzZWxlY3RlZFZhbHVlPy5pZFwiXHJcbiAgICAgICAgICBbaW5kZXRlcm1pbmF0ZV09XCJmYWxzZVwiXHJcbiAgICAgICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgICAgIFtib2xkTGFiZWxdPVwiYm9sZFwiXHJcbiAgICAgICAgICBbdHlwZV09XCInZGVmYXVsdCdcIlxyXG4gICAgICAgICAgW3ZhbHVlXT1cIml0ZW0uaWRcIlxyXG4gICAgICAgICAgW2ludmFsaWRdPVwiaW52YWxpZFwiXHJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcclxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInJhZGlvQ2hhbmdlTW9kZWwoJGV2ZW50LCBpdGVtKVwiXHJcbiAgICAgID57eyBpdGVtLnRleHQgfX08L21yeC1yYWRpbz5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvZGl2PlxyXG5cclxuXHJcbiJdfQ==

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

@@ -6,11 +6,11 @@ import { filterSearchGroup } from './helpers/filter-search-group';
 import { getItemById } from './helpers/get-item-by-id';
 import { v4 as uuid } from 'uuid';
 import * as i0 from "@angular/core";
-import * as i1 from "../../save-state/save-state.component";
-import * as i2 from "./components/radio-group-header/radio-group-header.component";
-import * as i3 from "./components/radio-group-item/radio-group-item.component";
-import * as i4 from "../../error-message/error-message.component";
-import * as i5 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../../error-message/error-message.component";
+import * as i3 from "../../save-state/save-state.component";
+import * as i4 from "./components/radio-group-item/radio-group-item.component";
+import * as i5 from "./components/radio-group-header/radio-group-header.component";
 export class RadioGroupComponent {
     constructor() {
         this._isInit = false;
@@ -107,16 +107,16 @@ export class RadioGroupComponent {
         return !!this.invalidMessage || !!this.invalidMessage.length;
     }
 }
-RadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: RadioGroupComponent, selector: "mrx-radio-group", inputs: { fields: "fields", searchSize: "searchSize", name: "name", scrollMaxHeight: "scrollMaxHeight", searchable: "searchable", bold: "bold", scrollable: "scrollable", sortable: "sortable", disabled: "disabled", readonly: "readonly", enableMessage: "enableMessage", searchPlaceholder: "searchPlaceholder", customClasses: "customClasses", required: "required", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", tooltip: "tooltip", labelText: "labelText", items: "items" }, outputs: { changed: "changed", modelChange: "modelChange", modelCheckedChange: "modelCheckedChange", modelItemChange: "modelItemChange" }, providers: [
+RadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioGroupComponent, selector: "mrx-radio-group", inputs: { fields: "fields", searchSize: "searchSize", name: "name", scrollMaxHeight: "scrollMaxHeight", searchable: "searchable", bold: "bold", scrollable: "scrollable", sortable: "sortable", disabled: "disabled", readonly: "readonly", enableMessage: "enableMessage", searchPlaceholder: "searchPlaceholder", customClasses: "customClasses", required: "required", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", tooltip: "tooltip", labelText: "labelText", items: "items" }, outputs: { changed: "changed", modelChange: "modelChange", modelCheckedChange: "modelCheckedChange", modelItemChange: "modelItemChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => RadioGroupComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n    <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n    <mrx-radio-group-header\r\n      [searchable]=\"searchable\"\r\n      [searchPlaceholder]=\"searchPlaceholder\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"required\"\r\n      [searchSize]=\"searchSize\"\r\n      [labelText]=\"labelText\"\r\n      (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n    ></mrx-radio-group-header>\r\n\r\n    <div\r\n        #groupItemsWrapper\r\n        *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n        class=\"mrx-radio-group-wrapper\"\r\n        [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n        [class.--active]=\"getShowScroll\"\r\n        [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\">\r\n      <mrx-radio-group-item\r\n          *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n          [displaced]=\"displaced || false\"\r\n          [item]=\"item\"\r\n          [isLast]=\"last\"\r\n          [selectedValue]=\"selectedValue\"\r\n          [name]=\"name\"\r\n          [bold]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          [animationTrigger]=\"!!isSearchValue\"\r\n          (animationEnd)=\"checkHeightGroupWrapper()\"\r\n          (radioChanged)=\"radioChanged($event)\"\r\n      ></mrx-radio-group-item>\r\n    </div>\r\n\r\n    <ng-template #enableMessageTemplate>\r\n      <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n    </ng-template>\r\n\r\n    <mrx-error-message\r\n      *ngIf=\"invalid && isInvalidMessage\"\r\n      [invalidMessage]=\"invalidMessage\"\r\n      [customClasses]=\"'mt-12px'\"\r\n    ></mrx-error-message>\r\n  </div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}\n"], components: [{ type: i1.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: i2.RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateradioGroupSearchValue"] }, { type: i3.RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }, { type: i4.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-RadioGroupComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupComponent, providedIn: RadioGroupComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupComponent, decorators: [{
+    ], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n    <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n    <mrx-radio-group-header\r\n      [searchable]=\"searchable\"\r\n      [searchPlaceholder]=\"searchPlaceholder\"\r\n      [tooltip]=\"tooltip\"\r\n      [required]=\"required\"\r\n      [searchSize]=\"searchSize\"\r\n      [labelText]=\"labelText\"\r\n      (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n    ></mrx-radio-group-header>\r\n\r\n    <div\r\n        #groupItemsWrapper\r\n        *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n        class=\"mrx-radio-group-wrapper\"\r\n        [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n        [class.--active]=\"getShowScroll\"\r\n        [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\">\r\n      <mrx-radio-group-item\r\n          *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n          [displaced]=\"displaced || false\"\r\n          [item]=\"item\"\r\n          [isLast]=\"last\"\r\n          [selectedValue]=\"selectedValue\"\r\n          [name]=\"name\"\r\n          [bold]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          [animationTrigger]=\"!!isSearchValue\"\r\n          (animationEnd)=\"checkHeightGroupWrapper()\"\r\n          (radioChanged)=\"radioChanged($event)\"\r\n      ></mrx-radio-group-item>\r\n    </div>\r\n\r\n    <ng-template #enableMessageTemplate>\r\n      <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n    </ng-template>\r\n\r\n    <mrx-error-message\r\n      *ngIf=\"invalid && isInvalidMessage\"\r\n      [invalidMessage]=\"invalidMessage\"\r\n      [customClasses]=\"'mt-12px'\"\r\n    ></mrx-error-message>\r\n  </div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: i3.SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: i4.RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }, { kind: "component", type: i5.RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateradioGroupSearchValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+RadioGroupComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupComponent, providedIn: RadioGroupComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupComponent, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: RadioGroupComponent

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

@@ -12,24 +12,22 @@ import { SaveStateModule } from '../../save-state/save-state.module';
 import * as i0 from "@angular/core";
 export class RadioGroupModule {
 }
-RadioGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RadioGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupModule, declarations: [RadioGroupComponent, RadioGroupItemComponent, RadioGroupHeaderComponent], imports: [CommonModule,
+RadioGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RadioGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupModule, declarations: [RadioGroupComponent, RadioGroupItemComponent, RadioGroupHeaderComponent], imports: [CommonModule,
         FormsModule,
         RadioModule,
         InputSearchModule,
         LabelModule,
         ErrorMessageModule,
         SaveStateModule], exports: [RadioGroupComponent] });
-RadioGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupModule, imports: [[
-            CommonModule,
-            FormsModule,
-            RadioModule,
-            InputSearchModule,
-            LabelModule,
-            ErrorMessageModule,
-            SaveStateModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupModule, decorators: [{
+RadioGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupModule, imports: [CommonModule,
+        FormsModule,
+        RadioModule,
+        InputSearchModule,
+        LabelModule,
+        ErrorMessageModule,
+        SaveStateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RadioGroupComponent, RadioGroupItemComponent, RadioGroupHeaderComponent],
@@ -46,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     exports: [RadioGroupComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vcmFkaW8tZ3JvdXAvcmFkaW8tZ3JvdXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDbkcsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDekcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFpQnJFLE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFiWixtQkFBbUIsRUFBRSx1QkFBdUIsRUFBRSx5QkFBeUIsYUFFcEYsWUFBWTtRQUNaLFdBQVc7UUFDWCxXQUFXO1FBQ1gsaUJBQWlCO1FBQ2pCLFdBQVc7UUFDWCxrQkFBa0I7UUFDbEIsZUFBZSxhQUdQLG1CQUFtQjs4R0FFbEIsZ0JBQWdCLFlBWmxCO1lBQ1AsWUFBWTtZQUNaLFdBQVc7WUFDWCxXQUFXO1lBQ1gsaUJBQWlCO1lBQ2pCLFdBQVc7WUFDWCxrQkFBa0I7WUFDbEIsZUFBZTtTQUNoQjsyRkFJVSxnQkFBZ0I7a0JBZDVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLEVBQUUsdUJBQXVCLEVBQUUseUJBQXlCLENBQUM7b0JBQ3ZGLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLFdBQVc7d0JBQ1gsa0JBQWtCO3dCQUNsQixlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgUmFkaW9Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFJhZGlvTW9kdWxlIH0gZnJvbSAnLi4vcmFkaW8vcmFkaW8ubW9kdWxlJztcclxuaW1wb3J0IHsgUmFkaW9Hcm91cEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcmFkaW8tZ3JvdXAtaXRlbS9yYWRpby1ncm91cC1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFJhZGlvR3JvdXBIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcmFkaW8tZ3JvdXAtaGVhZGVyL3JhZGlvLWdyb3VwLWhlYWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VNb2R1bGUgfSBmcm9tICcuLi8uLi9lcnJvci1tZXNzYWdlL2Vycm9yLW1lc3NhZ2UubW9kdWxlJztcclxuaW1wb3J0IHsgTGFiZWxNb2R1bGUgfSBmcm9tICcuLi8uLi9sYWJlbC9sYWJlbC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBJbnB1dFNlYXJjaE1vZHVsZSB9IGZyb20gJy4uL2lucHV0LXNlYXJjaC9pbnB1dC1zZWFyY2gubW9kdWxlJztcclxuaW1wb3J0IHsgU2F2ZVN0YXRlTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2F2ZS1zdGF0ZS9zYXZlLXN0YXRlLm1vZHVsZSc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtSYWRpb0dyb3VwQ29tcG9uZW50LCBSYWRpb0dyb3VwSXRlbUNvbXBvbmVudCwgUmFkaW9Hcm91cEhlYWRlckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSYWRpb01vZHVsZSxcclxuICAgIElucHV0U2VhcmNoTW9kdWxlLFxyXG4gICAgTGFiZWxNb2R1bGUsXHJcbiAgICBFcnJvck1lc3NhZ2VNb2R1bGUsXHJcbiAgICBTYXZlU3RhdGVNb2R1bGVcclxuICBdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICBleHBvcnRzOiBbUmFkaW9Hcm91cENvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFJhZGlvR3JvdXBNb2R1bGUge1xyXG59XHJcblxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vcmFkaW8tZ3JvdXAvcmFkaW8tZ3JvdXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDbkcsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDekcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFpQnJFLE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFiWixtQkFBbUIsRUFBRSx1QkFBdUIsRUFBRSx5QkFBeUIsYUFFcEYsWUFBWTtRQUNaLFdBQVc7UUFDWCxXQUFXO1FBQ1gsaUJBQWlCO1FBQ2pCLFdBQVc7UUFDWCxrQkFBa0I7UUFDbEIsZUFBZSxhQUdQLG1CQUFtQjs4R0FFbEIsZ0JBQWdCLFlBWHpCLFlBQVk7UUFDWixXQUFXO1FBQ1gsV0FBVztRQUNYLGlCQUFpQjtRQUNqQixXQUFXO1FBQ1gsa0JBQWtCO1FBQ2xCLGVBQWU7MkZBS04sZ0JBQWdCO2tCQWQ1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixFQUFFLHVCQUF1QixFQUFFLHlCQUF5QixDQUFDO29CQUN2RixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixXQUFXO3dCQUNYLGtCQUFrQjt3QkFDbEIsZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFJhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL3JhZGlvLWdyb3VwLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBSYWRpb01vZHVsZSB9IGZyb20gJy4uL3JhZGlvL3JhZGlvLm1vZHVsZSc7XHJcbmltcG9ydCB7IFJhZGlvR3JvdXBJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3JhZGlvLWdyb3VwLWl0ZW0vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBSYWRpb0dyb3VwSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3JhZGlvLWdyb3VwLWhlYWRlci9yYWRpby1ncm91cC1oZWFkZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRXJyb3JNZXNzYWdlTW9kdWxlIH0gZnJvbSAnLi4vLi4vZXJyb3ItbWVzc2FnZS9lcnJvci1tZXNzYWdlLm1vZHVsZSc7XHJcbmltcG9ydCB7IExhYmVsTW9kdWxlIH0gZnJvbSAnLi4vLi4vbGFiZWwvbGFiZWwubW9kdWxlJztcclxuaW1wb3J0IHsgSW5wdXRTZWFyY2hNb2R1bGUgfSBmcm9tICcuLi9pbnB1dC1zZWFyY2gvaW5wdXQtc2VhcmNoLm1vZHVsZSc7XHJcbmltcG9ydCB7IFNhdmVTdGF0ZU1vZHVsZSB9IGZyb20gJy4uLy4uL3NhdmUtc3RhdGUvc2F2ZS1zdGF0ZS5tb2R1bGUnO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbUmFkaW9Hcm91cENvbXBvbmVudCwgUmFkaW9Hcm91cEl0ZW1Db21wb25lbnQsIFJhZGlvR3JvdXBIZWFkZXJDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgUmFkaW9Nb2R1bGUsXHJcbiAgICBJbnB1dFNlYXJjaE1vZHVsZSxcclxuICAgIExhYmVsTW9kdWxlLFxyXG4gICAgRXJyb3JNZXNzYWdlTW9kdWxlLFxyXG4gICAgU2F2ZVN0YXRlTW9kdWxlXHJcbiAgXSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbiAgZXhwb3J0czogW1JhZGlvR3JvdXBDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYWRpb0dyb3VwTW9kdWxlIHtcclxufVxyXG5cclxuIl19

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: ["invalid", "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: ["invalid", "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-half);top:var(--spacing-half)}.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-half)}.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-half);top:var(--spacing-half)}.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-half);top:var(--spacing-half)}.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-half)}.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-half);top:var(--spacing-half)}.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    >\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\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    >\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\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    >\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\r\n    </mrx-button>\r\n  </ng-template>\r\n</mrx-modal>\r\n" }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/components/gallery/components/gallery-item/gallery-item.component.mjs

@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../services/gallery.service";
 import * as i2 from "ngx-simple-modal";
 import * as i3 from "@ngrx/store";
-import * as i4 from "../../../loader/loader.component";
-import * as i5 from "../../../form/input-textarea/input-textarea.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/forms";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "../../../form/input-textarea/input-textarea.component";
+import * as i7 from "../../../loader/loader.component";
 export class GalleryItemComponent {
     constructor(galleryService, _simpleModalService, _store) {
         this.galleryService = galleryService;
@@ -70,9 +70,9 @@ export class GalleryItemComponent {
         }, 1500);
     }
 }
-GalleryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GalleryItemComponent, deps: [{ token: i1.GalleryService }, { token: i2.SimpleModalService }, { token: i3.Store }], target: i0.ɵɵFactoryTarget.Component });
-GalleryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: GalleryItemComponent, selector: "mrx-gallery-item", inputs: { preview: "preview", index: "index", isEditing: "isEditing", descriptionMaxLength: "descriptionMaxLength", deleteEndPoint: "deleteEndPoint", updateEndPoint: "updateEndPoint", rotateSlides: "rotateSlides", setIsLoading: ["isLoading", "setIsLoading"] }, outputs: { openGalleryModal: "openGalleryModal", deletePhoto: "deletePhoto", updatePhoto: "updatePhoto" }, providers: [MrxAutosaveService], ngImport: i0, template: "<div class=\"mrx-gallery-item\">\r\n  <div class=\"mrx-gallery-item__preview\" (click)=\"onOpenGalleryModal()\">\r\n\r\n    <img [src]=\"getImageUrl()\" [alt]=\"preview.imageName || 'image'\" *ngIf=\"!isLoadingImage; else skeletonTemplate\">\r\n\r\n    <ng-template #skeletonTemplate>\r\n      <div class=\"d-flex align-items-center justify-content-center w-100 h-100\">\r\n        <mrx-loader size=\"medium\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <div class=\"mrx-gallery-item__preview-overlay\" *ngIf=\"!isLoadingImage\"></div>\r\n\r\n    <div class=\"mrx-gallery-item__preview-controls\" *ngIf=\"!isLoadingImage\">\r\n      <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"yandexCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n          <g clip-path=\"url(#clip0_12346_12076)\">\r\n            <path d=\"M8.00031 15.9838C12.4096 15.9838 15.984 12.4093 15.984 8.00006C15.984 3.59078 12.4096 0.0163574 8.00031 0.0163574C3.59103 0.0163574 0.0166016 3.59078 0.0166016 8.00006C0.0166016 12.4093 3.59103 15.9838 8.00031 15.9838Z\" fill=\"white\"/>\r\n            <path d=\"M10.8893 13.0118H9.1367V4.34361H8.35596C6.92484 4.34361 6.17521 5.05916 6.17521 6.12731C6.17521 7.33916 6.69225 7.90065 7.76188 8.6162L8.64336 9.21028L6.11003 13.0103H4.22559L6.50559 9.61768C5.19447 8.68139 4.4567 7.76731 4.4567 6.22509C4.4567 4.29768 5.8004 2.98657 8.3441 2.98657H10.8774V13.0088H10.8893V13.0118Z\" fill=\"#FC3F1D\"/>\r\n          </g>\r\n          <defs>\r\n            <clipPath id=\"clip0_12346_12076\">\r\n              <rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n            </clipPath>\r\n          </defs>\r\n        </svg>\r\n      </a>\r\n\r\n      <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"googleCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\r\n          <path d=\"M11.5561 4.8901H11.0997V4.86659H5.99967V7.13325H9.20219C8.73497 8.45273 7.47952 9.39992 5.99967 9.39992C4.12202 9.39992 2.59967 7.87757 2.59967 5.99992C2.59967 4.12227 4.12202 2.59992 5.99967 2.59992C6.86639 2.59992 7.65491 2.92689 8.25529 3.46097L9.85811 1.85815C8.84604 0.914935 7.49227 0.333252 5.99967 0.333252C2.87026 0.333252 0.333008 2.8705 0.333008 5.99992C0.333008 9.12934 2.87026 11.6666 5.99967 11.6666C9.12909 11.6666 11.6663 9.12934 11.6663 5.99992C11.6663 5.61997 11.6272 5.24909 11.5561 4.8901Z\" fill=\"#FBC02D\"/>\r\n          <path d=\"M0.987305 3.36237L2.84909 4.72775C3.35285 3.48052 4.57289 2.59992 6.0006 2.59992C6.86732 2.59992 7.65584 2.92689 8.25622 3.46097L9.85904 1.85815C8.84697 0.914935 7.4932 0.333252 6.0006 0.333252C3.82404 0.333252 1.93647 1.56207 0.987305 3.36237Z\" fill=\"#E53935\"/>\r\n          <path d=\"M6.0008 11.6665C7.4645 11.6665 8.79447 11.1063 9.80002 10.1954L8.04619 8.7113C7.47725 9.14225 6.77005 9.3998 6.0008 9.3998C4.5269 9.3998 3.27542 8.45999 2.80395 7.14844L0.956055 8.57219C1.89389 10.4073 3.79845 11.6665 6.0008 11.6665Z\" fill=\"#4CAF50\"/>\r\n          <path d=\"M11.5564 4.88997L11.5519 4.86646H11.1H6V7.13312H9.20252C8.97812 7.76694 8.5704 8.31349 8.04453 8.71157C8.04482 8.71129 8.0451 8.71129 8.04538 8.71101L9.79922 10.1951C9.67512 10.3079 11.6667 8.83312 11.6667 5.99979C11.6667 5.61984 11.6276 5.24896 11.5564 4.88997Z\" fill=\"#1565C0\"/>\r\n        </svg>\r\n      </a>\r\n\r\n      <div class=\"mrx-gallery-item__preview-controls__button d-flex align-items-center justify-content-center\" *ngIf=\"isEditing\" (click)=\"$event.stopPropagation()\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 text-bold\" (click)=\"deleteImage()\"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"mrx-gallery-item__description\">\r\n    <mrx-input-textarea\r\n      *ngIf=\"isEditing; else textTemplate\"\r\n      [fields]=\"(fields$ | async)!\"\r\n      [ngModel]=\"preview.description\"\r\n      [autosize]=\"false\"\r\n      [rows]=\"2\"\r\n      [maxlength]=\"descriptionMaxLength\"\r\n      (modelChange)=\"changeDescription($event)\"\r\n    ></mrx-input-textarea>\r\n\r\n    <ng-template #textTemplate>\r\n      {{ preview.description }}\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-gallery-item{cursor:pointer}.mrx-gallery-item__preview{width:100%;height:180px;border-radius:4px;overflow:hidden;position:relative;margin-bottom:8px}.mrx-gallery-item__preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.mrx-gallery-item__preview-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 78.93%,rgba(0,0,0,.35) 91.52%)}.mrx-gallery-item__preview-controls{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.mrx-gallery-item__preview-controls--text{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--neutral-text-inverse);opacity:.8}.mrx-gallery-item__preview-controls--icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%}.mrx-gallery-item__preview-controls__button{padding:4px;border-radius:4px;background:var(--system-white, #FFF)}.mrx-gallery-item__description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}\n"], components: [{ type: i4.LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }, { type: i5.InputTextareaComponent, selector: "mrx-input-textarea", inputs: ["fields", "disabled", "readonly", "autosize", "maxlength", "minlength", "rows", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "blurred", "modelChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GalleryItemComponent, decorators: [{
+GalleryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryItemComponent, deps: [{ token: i1.GalleryService }, { token: i2.SimpleModalService }, { token: i3.Store }], target: i0.ɵɵFactoryTarget.Component });
+GalleryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GalleryItemComponent, selector: "mrx-gallery-item", inputs: { preview: "preview", index: "index", isEditing: "isEditing", descriptionMaxLength: "descriptionMaxLength", deleteEndPoint: "deleteEndPoint", updateEndPoint: "updateEndPoint", rotateSlides: "rotateSlides", setIsLoading: ["isLoading", "setIsLoading"] }, outputs: { openGalleryModal: "openGalleryModal", deletePhoto: "deletePhoto", updatePhoto: "updatePhoto" }, providers: [MrxAutosaveService], ngImport: i0, template: "<div class=\"mrx-gallery-item\">\r\n  <div class=\"mrx-gallery-item__preview\" (click)=\"onOpenGalleryModal()\">\r\n\r\n    <img [src]=\"getImageUrl()\" [alt]=\"preview.imageName || 'image'\" *ngIf=\"!isLoadingImage; else skeletonTemplate\">\r\n\r\n    <ng-template #skeletonTemplate>\r\n      <div class=\"d-flex align-items-center justify-content-center w-100 h-100\">\r\n        <mrx-loader size=\"medium\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <div class=\"mrx-gallery-item__preview-overlay\" *ngIf=\"!isLoadingImage\"></div>\r\n\r\n    <div class=\"mrx-gallery-item__preview-controls\" *ngIf=\"!isLoadingImage\">\r\n      <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"yandexCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n          <g clip-path=\"url(#clip0_12346_12076)\">\r\n            <path d=\"M8.00031 15.9838C12.4096 15.9838 15.984 12.4093 15.984 8.00006C15.984 3.59078 12.4096 0.0163574 8.00031 0.0163574C3.59103 0.0163574 0.0166016 3.59078 0.0166016 8.00006C0.0166016 12.4093 3.59103 15.9838 8.00031 15.9838Z\" fill=\"white\"/>\r\n            <path d=\"M10.8893 13.0118H9.1367V4.34361H8.35596C6.92484 4.34361 6.17521 5.05916 6.17521 6.12731C6.17521 7.33916 6.69225 7.90065 7.76188 8.6162L8.64336 9.21028L6.11003 13.0103H4.22559L6.50559 9.61768C5.19447 8.68139 4.4567 7.76731 4.4567 6.22509C4.4567 4.29768 5.8004 2.98657 8.3441 2.98657H10.8774V13.0088H10.8893V13.0118Z\" fill=\"#FC3F1D\"/>\r\n          </g>\r\n          <defs>\r\n            <clipPath id=\"clip0_12346_12076\">\r\n              <rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n            </clipPath>\r\n          </defs>\r\n        </svg>\r\n      </a>\r\n\r\n      <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"googleCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\r\n          <path d=\"M11.5561 4.8901H11.0997V4.86659H5.99967V7.13325H9.20219C8.73497 8.45273 7.47952 9.39992 5.99967 9.39992C4.12202 9.39992 2.59967 7.87757 2.59967 5.99992C2.59967 4.12227 4.12202 2.59992 5.99967 2.59992C6.86639 2.59992 7.65491 2.92689 8.25529 3.46097L9.85811 1.85815C8.84604 0.914935 7.49227 0.333252 5.99967 0.333252C2.87026 0.333252 0.333008 2.8705 0.333008 5.99992C0.333008 9.12934 2.87026 11.6666 5.99967 11.6666C9.12909 11.6666 11.6663 9.12934 11.6663 5.99992C11.6663 5.61997 11.6272 5.24909 11.5561 4.8901Z\" fill=\"#FBC02D\"/>\r\n          <path d=\"M0.987305 3.36237L2.84909 4.72775C3.35285 3.48052 4.57289 2.59992 6.0006 2.59992C6.86732 2.59992 7.65584 2.92689 8.25622 3.46097L9.85904 1.85815C8.84697 0.914935 7.4932 0.333252 6.0006 0.333252C3.82404 0.333252 1.93647 1.56207 0.987305 3.36237Z\" fill=\"#E53935\"/>\r\n          <path d=\"M6.0008 11.6665C7.4645 11.6665 8.79447 11.1063 9.80002 10.1954L8.04619 8.7113C7.47725 9.14225 6.77005 9.3998 6.0008 9.3998C4.5269 9.3998 3.27542 8.45999 2.80395 7.14844L0.956055 8.57219C1.89389 10.4073 3.79845 11.6665 6.0008 11.6665Z\" fill=\"#4CAF50\"/>\r\n          <path d=\"M11.5564 4.88997L11.5519 4.86646H11.1H6V7.13312H9.20252C8.97812 7.76694 8.5704 8.31349 8.04453 8.71157C8.04482 8.71129 8.0451 8.71129 8.04538 8.71101L9.79922 10.1951C9.67512 10.3079 11.6667 8.83312 11.6667 5.99979C11.6667 5.61984 11.6276 5.24896 11.5564 4.88997Z\" fill=\"#1565C0\"/>\r\n        </svg>\r\n      </a>\r\n\r\n      <div class=\"mrx-gallery-item__preview-controls__button d-flex align-items-center justify-content-center\" *ngIf=\"isEditing\" (click)=\"$event.stopPropagation()\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 text-bold\" (click)=\"deleteImage()\"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"mrx-gallery-item__description\">\r\n    <mrx-input-textarea\r\n      *ngIf=\"isEditing; else textTemplate\"\r\n      [fields]=\"(fields$ | async)!\"\r\n      [ngModel]=\"preview.description\"\r\n      [autosize]=\"false\"\r\n      [rows]=\"2\"\r\n      [maxlength]=\"descriptionMaxLength\"\r\n      (modelChange)=\"changeDescription($event)\"\r\n    ></mrx-input-textarea>\r\n\r\n    <ng-template #textTemplate>\r\n      {{ preview.description }}\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-gallery-item{cursor:pointer}.mrx-gallery-item__preview{width:100%;height:180px;border-radius:4px;overflow:hidden;position:relative;margin-bottom:8px}.mrx-gallery-item__preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.mrx-gallery-item__preview-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 78.93%,rgba(0,0,0,.35) 91.52%)}.mrx-gallery-item__preview-controls{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.mrx-gallery-item__preview-controls--text{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--neutral-text-inverse);opacity:.8}.mrx-gallery-item__preview-controls--icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%}.mrx-gallery-item__preview-controls__button{padding:4px;border-radius:4px;background:var(--system-white, #FFF)}.mrx-gallery-item__description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.InputTextareaComponent, selector: "mrx-input-textarea", inputs: ["fields", "disabled", "readonly", "autosize", "maxlength", "minlength", "rows", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput"], outputs: ["changed", "blurred", "modelChange"] }, { kind: "component", type: i7.LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-gallery-item', changeDetection: ChangeDetectionStrategy.OnPush, providers: [MrxAutosaveService], template: "<div class=\"mrx-gallery-item\">\r\n  <div class=\"mrx-gallery-item__preview\" (click)=\"onOpenGalleryModal()\">\r\n\r\n    <img [src]=\"getImageUrl()\" [alt]=\"preview.imageName || 'image'\" *ngIf=\"!isLoadingImage; else skeletonTemplate\">\r\n\r\n    <ng-template #skeletonTemplate>\r\n      <div class=\"d-flex align-items-center justify-content-center w-100 h-100\">\r\n        <mrx-loader size=\"medium\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <div class=\"mrx-gallery-item__preview-overlay\" *ngIf=\"!isLoadingImage\"></div>\r\n\r\n    <div class=\"mrx-gallery-item__preview-controls\" *ngIf=\"!isLoadingImage\">\r\n      <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"yandexCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n          <g clip-path=\"url(#clip0_12346_12076)\">\r\n            <path d=\"M8.00031 15.9838C12.4096 15.9838 15.984 12.4093 15.984 8.00006C15.984 3.59078 12.4096 0.0163574 8.00031 0.0163574C3.59103 0.0163574 0.0166016 3.59078 0.0166016 8.00006C0.0166016 12.4093 3.59103 15.9838 8.00031 15.9838Z\" fill=\"white\"/>\r\n            <path d=\"M10.8893 13.0118H9.1367V4.34361H8.35596C6.92484 4.34361 6.17521 5.05916 6.17521 6.12731C6.17521 7.33916 6.69225 7.90065 7.76188 8.6162L8.64336 9.21028L6.11003 13.0103H4.22559L6.50559 9.61768C5.19447 8.68139 4.4567 7.76731 4.4567 6.22509C4.4567 4.29768 5.8004 2.98657 8.3441 2.98657H10.8774V13.0088H10.8893V13.0118Z\" fill=\"#FC3F1D\"/>\r\n          </g>\r\n          <defs>\r\n            <clipPath id=\"clip0_12346_12076\">\r\n              <rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n            </clipPath>\r\n          </defs>\r\n        </svg>\r\n      </a>\r\n\r\n      <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"googleCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\r\n          <path d=\"M11.5561 4.8901H11.0997V4.86659H5.99967V7.13325H9.20219C8.73497 8.45273 7.47952 9.39992 5.99967 9.39992C4.12202 9.39992 2.59967 7.87757 2.59967 5.99992C2.59967 4.12227 4.12202 2.59992 5.99967 2.59992C6.86639 2.59992 7.65491 2.92689 8.25529 3.46097L9.85811 1.85815C8.84604 0.914935 7.49227 0.333252 5.99967 0.333252C2.87026 0.333252 0.333008 2.8705 0.333008 5.99992C0.333008 9.12934 2.87026 11.6666 5.99967 11.6666C9.12909 11.6666 11.6663 9.12934 11.6663 5.99992C11.6663 5.61997 11.6272 5.24909 11.5561 4.8901Z\" fill=\"#FBC02D\"/>\r\n          <path d=\"M0.987305 3.36237L2.84909 4.72775C3.35285 3.48052 4.57289 2.59992 6.0006 2.59992C6.86732 2.59992 7.65584 2.92689 8.25622 3.46097L9.85904 1.85815C8.84697 0.914935 7.4932 0.333252 6.0006 0.333252C3.82404 0.333252 1.93647 1.56207 0.987305 3.36237Z\" fill=\"#E53935\"/>\r\n          <path d=\"M6.0008 11.6665C7.4645 11.6665 8.79447 11.1063 9.80002 10.1954L8.04619 8.7113C7.47725 9.14225 6.77005 9.3998 6.0008 9.3998C4.5269 9.3998 3.27542 8.45999 2.80395 7.14844L0.956055 8.57219C1.89389 10.4073 3.79845 11.6665 6.0008 11.6665Z\" fill=\"#4CAF50\"/>\r\n          <path d=\"M11.5564 4.88997L11.5519 4.86646H11.1H6V7.13312H9.20252C8.97812 7.76694 8.5704 8.31349 8.04453 8.71157C8.04482 8.71129 8.0451 8.71129 8.04538 8.71101L9.79922 10.1951C9.67512 10.3079 11.6667 8.83312 11.6667 5.99979C11.6667 5.61984 11.6276 5.24896 11.5564 4.88997Z\" fill=\"#1565C0\"/>\r\n        </svg>\r\n      </a>\r\n\r\n      <div class=\"mrx-gallery-item__preview-controls__button d-flex align-items-center justify-content-center\" *ngIf=\"isEditing\" (click)=\"$event.stopPropagation()\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 text-bold\" (click)=\"deleteImage()\"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"mrx-gallery-item__description\">\r\n    <mrx-input-textarea\r\n      *ngIf=\"isEditing; else textTemplate\"\r\n      [fields]=\"(fields$ | async)!\"\r\n      [ngModel]=\"preview.description\"\r\n      [autosize]=\"false\"\r\n      [rows]=\"2\"\r\n      [maxlength]=\"descriptionMaxLength\"\r\n      (modelChange)=\"changeDescription($event)\"\r\n    ></mrx-input-textarea>\r\n\r\n    <ng-template #textTemplate>\r\n      {{ preview.description }}\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".mrx-gallery-item{cursor:pointer}.mrx-gallery-item__preview{width:100%;height:180px;border-radius:4px;overflow:hidden;position:relative;margin-bottom:8px}.mrx-gallery-item__preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.mrx-gallery-item__preview-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 78.93%,rgba(0,0,0,.35) 91.52%)}.mrx-gallery-item__preview-controls{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.mrx-gallery-item__preview-controls--text{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--neutral-text-inverse);opacity:.8}.mrx-gallery-item__preview-controls--icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%}.mrx-gallery-item__preview-controls__button{padding:4px;border-radius:4px;background:var(--system-white, #FFF)}.mrx-gallery-item__description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.GalleryService }, { type: i2.SimpleModalService }, { type: i3.Store }]; }, propDecorators: { preview: [{