myrta-ui 1.0.43 → 14.0.0-beta.1

package/esm2020/lib/components/pages-nav/pages-nav.component.mjs

@@ -14,9 +14,9 @@ export class PagesNavComponent {
         return `${PagesNavEnum[this.target]}`;
     }
 }
-PagesNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PagesNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PagesNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: PagesNavComponent, selector: "mrx-pages-nav", inputs: { prevLink: "prevLink", prevText: "prevText", nextLink: "nextLink", nextText: "nextText", target: "target" }, ngImport: i0, template: "<div *ngIf=\"prevLink || nextLink\" class=\"mrx-pages-nav\">\r\n  <a\r\n    *ngIf=\"prevLink\"\r\n    [href]=\"prevLink\"\r\n    [target]=\"getTarget\"\r\n    class=\"mrx-pages-nav__left\"\r\n  >\r\n    <div class=\"mrx-icon icon-font-24 icon-chevron-left\"></div>\r\n    {{prevText}}\r\n  </a>\r\n  <a\r\n    *ngIf=\"nextLink\"\r\n    [href]=\"nextLink\"\r\n    [target]=\"getTarget\"\r\n    class=\"mrx-pages-nav__right\"\r\n  >\r\n    {{nextText}}\r\n    <div class=\"mrx-icon icon-font-24 icon-chevron-right\"></div>\r\n  </a>\r\n</div>\r\n", styles: [".mrx-pages-nav{display:flex;justify-content:space-between;padding:12px 0}.mrx-pages-nav__left,.mrx-pages-nav__right{display:flex;align-items:flex-start;font-family:PT Sans;font-style:normal;font-weight:700;font-size:16px;line-height:20px;color:var(--brand-text-controls-default)}.mrx-pages-nav__left .mrx-icon,.mrx-pages-nav__right .mrx-icon{color:var(--brand-bg-primary-default)}.mrx-pages-nav__left{margin-left:0;margin-right:auto;padding-right:8px}.mrx-pages-nav__left .mrx-icon{margin-right:8px}.mrx-pages-nav__right{margin-left:auto;margin-right:0;padding-left:8px}.mrx-pages-nav__right .mrx-icon{margin-left:8px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PagesNavComponent, decorators: [{
+PagesNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PagesNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PagesNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PagesNavComponent, selector: "mrx-pages-nav", inputs: { prevLink: "prevLink", prevText: "prevText", nextLink: "nextLink", nextText: "nextText", target: "target" }, ngImport: i0, template: "<div *ngIf=\"prevLink || nextLink\" class=\"mrx-pages-nav\">\r\n  <a\r\n    *ngIf=\"prevLink\"\r\n    [href]=\"prevLink\"\r\n    [target]=\"getTarget\"\r\n    class=\"mrx-pages-nav__left\"\r\n  >\r\n    <div class=\"mrx-icon icon-font-24 icon-chevron-left\"></div>\r\n    {{prevText}}\r\n  </a>\r\n  <a\r\n    *ngIf=\"nextLink\"\r\n    [href]=\"nextLink\"\r\n    [target]=\"getTarget\"\r\n    class=\"mrx-pages-nav__right\"\r\n  >\r\n    {{nextText}}\r\n    <div class=\"mrx-icon icon-font-24 icon-chevron-right\"></div>\r\n  </a>\r\n</div>\r\n", styles: [".mrx-pages-nav{display:flex;justify-content:space-between;padding:12px 0}.mrx-pages-nav__left,.mrx-pages-nav__right{display:flex;align-items:flex-start;font-family:PT Sans;font-style:normal;font-weight:700;font-size:16px;line-height:20px;color:var(--brand-text-controls-default)}.mrx-pages-nav__left .mrx-icon,.mrx-pages-nav__right .mrx-icon{color:var(--brand-bg-primary-default)}.mrx-pages-nav__left{margin-left:0;margin-right:auto;padding-right:8px}.mrx-pages-nav__left .mrx-icon{margin-right:8px}.mrx-pages-nav__right{margin-left:auto;margin-right:0;padding-left:8px}.mrx-pages-nav__right .mrx-icon{margin-left:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PagesNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-pages-nav', template: "<div *ngIf=\"prevLink || nextLink\" class=\"mrx-pages-nav\">\r\n  <a\r\n    *ngIf=\"prevLink\"\r\n    [href]=\"prevLink\"\r\n    [target]=\"getTarget\"\r\n    class=\"mrx-pages-nav__left\"\r\n  >\r\n    <div class=\"mrx-icon icon-font-24 icon-chevron-left\"></div>\r\n    {{prevText}}\r\n  </a>\r\n  <a\r\n    *ngIf=\"nextLink\"\r\n    [href]=\"nextLink\"\r\n    [target]=\"getTarget\"\r\n    class=\"mrx-pages-nav__right\"\r\n  >\r\n    {{nextText}}\r\n    <div class=\"mrx-icon icon-font-24 icon-chevron-right\"></div>\r\n  </a>\r\n</div>\r\n", styles: [".mrx-pages-nav{display:flex;justify-content:space-between;padding:12px 0}.mrx-pages-nav__left,.mrx-pages-nav__right{display:flex;align-items:flex-start;font-family:PT Sans;font-style:normal;font-weight:700;font-size:16px;line-height:20px;color:var(--brand-text-controls-default)}.mrx-pages-nav__left .mrx-icon,.mrx-pages-nav__right .mrx-icon{color:var(--brand-bg-primary-default)}.mrx-pages-nav__left{margin-left:0;margin-right:auto;padding-right:8px}.mrx-pages-nav__left .mrx-icon{margin-right:8px}.mrx-pages-nav__right{margin-left:auto;margin-right:0;padding-left:8px}.mrx-pages-nav__right .mrx-icon{margin-left:8px}\n"] }]
         }], propDecorators: { prevLink: [{

package/esm2020/lib/components/pages-nav/pages-nav.module.mjs

@@ -4,12 +4,10 @@ import { PagesNavComponent } from './pages-nav.component';
 import * as i0 from "@angular/core";
 export class PagesNavModule {
 }
-PagesNavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PagesNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PagesNavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PagesNavModule, declarations: [PagesNavComponent], imports: [CommonModule], exports: [PagesNavComponent] });
-PagesNavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PagesNavModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PagesNavModule, decorators: [{
+PagesNavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PagesNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PagesNavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PagesNavModule, declarations: [PagesNavComponent], imports: [CommonModule], exports: [PagesNavComponent] });
+PagesNavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PagesNavModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PagesNavModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -23,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZXMtbmF2Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9wYWdlcy1uYXYvcGFnZXMtbmF2Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUU3QyxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQzs7QUFjeEQsTUFBTSxPQUFPLGNBQWM7OzJHQUFkLGNBQWM7NEdBQWQsY0FBYyxpQkFWdkIsaUJBQWlCLGFBR2pCLFlBQVksYUFHWixpQkFBaUI7NEdBSVIsY0FBYyxZQVJoQjtZQUNQLFlBQVk7U0FDYjsyRkFNVSxjQUFjO2tCQVoxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuaW1wb3J0IHtQYWdlc05hdkNvbXBvbmVudH0gZnJvbSAnLi9wYWdlcy1uYXYuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBQYWdlc05hdkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBQYWdlc05hdkNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBQYWdlc05hdk1vZHVsZSB7fVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZXMtbmF2Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9wYWdlcy1uYXYvcGFnZXMtbmF2Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUU3QyxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQzs7QUFjeEQsTUFBTSxPQUFPLGNBQWM7OzJHQUFkLGNBQWM7NEdBQWQsY0FBYyxpQkFWdkIsaUJBQWlCLGFBR2pCLFlBQVksYUFHWixpQkFBaUI7NEdBSVIsY0FBYyxZQVB2QixZQUFZOzJGQU9ILGNBQWM7a0JBWjFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjtxQkFDbEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5pbXBvcnQge1BhZ2VzTmF2Q29tcG9uZW50fSBmcm9tICcuL3BhZ2VzLW5hdi5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFBhZ2VzTmF2Q29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFBhZ2VzTmF2Q29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFBhZ2VzTmF2TW9kdWxlIHt9XHJcbiJdfQ==

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

@@ -1,8 +1,8 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { PaginatorPositionCss, } from './paginator.enum';
 import * as i0 from "@angular/core";
-import * as i1 from "@ng-select/ng-select";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "@ng-select/ng-select";
 import * as i3 from "@angular/forms";
 export class PaginatorComponent {
     constructor() {
@@ -109,9 +109,9 @@ export class PaginatorComponent {
         return item.id;
     }
 }
-PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: PaginatorComponent, selector: "mrx-paginator", inputs: { pageSizes: "pageSizes", currentPage: "currentPage", pageSize: "pageSize", total: "total", customClasses: "customClasses", isEmptyPaginator: "isEmptyPaginator", isPaginatorText: "isPaginatorText", paginatorText: "paginatorText", setPosition: ["position", "setPosition"], setWithPageSize: ["withPageSize", "setWithPageSize"] }, outputs: { dataStateChanged: "dataStateChanged" }, ngImport: i0, template: "<div class=\"mrx-paginator\" [class]=\"getClasses\" *ngIf=\"isEmptyPaginator || total\">\r\n  <ul class=\"mrx-paginator__list\">\r\n    <li\r\n      class=\"mrx-paginator__previous\"\r\n      [class.disabled]=\"currentPage <= 1\"\r\n      (click)=\"currentPage > 1 && onChangeCurrentPage(currentPage - 1)\">\r\n      <div class=\"mrx-icon icon-chevron-left icon-font-24\"></div>\r\n    </li>\r\n    \r\n    <li *ngIf=\"getViewItems.length === 0\" class=\"mrx-paginator__item\">1</li>\r\n\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage > 3 && getItems > 5\" (click)=\"onChangeCurrentPage(1)\">1</li>\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage > 3 && getItems > 5\">...</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__item\"\r\n      *ngFor=\"let item of getViewItems; trackBy: trackByFn\"\r\n      (click)=\"onChangeCurrentPage(item.index)\"\r\n      [class.active]=\"currentPage === item.index\"\r\n    >\r\n      {{item.index}}\r\n    </li>\r\n\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\">...</li>\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\"\r\n        (click)=\"onChangeCurrentPage(getItems)\">{{getItems}}</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__next\"\r\n      [class.disabled]=\"currentPage >= getItems\"\r\n      (click)=\"currentPage < getItems && onChangeCurrentPage(currentPage + 1)\">\r\n      <div class=\"mrx-icon icon-chevron-right icon-font-24\"></div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ng-template #select>\r\n    <ng-select\r\n      *ngIf=\"withPageSize\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (change)=\"onChangePageSize($event)\"\r\n      class=\"ml-3\"\r\n    ></ng-select>\r\n  </ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"select\"></ng-container>\r\n\r\n  <div *ngIf=\"isPaginatorText\" class=\"mrx-paginator__text\">\r\n    \u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u044B {{paginatorText}} {{getFirstNumberCurrentPage}} - {{getLastNumberCurrentPage}} \u0438\u0437 {{total}}\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0}.mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}.mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-paginator .mrx-paginator__item{padding-left:var(--spacing-3);padding-right:var(--spacing-3);min-width:32px;min-height:32px;border-radius:4px;font-weight:400;font-size:16px;line-height:24px;transition:.2s}.mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}.mrx-paginator .mrx-paginator__item.dots,.mrx-paginator .mrx-paginator__item.disabled{cursor:default}.mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-paginator .mrx-paginator__previous,.mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}.mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,.mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}.mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary);margin-left:var(--spacing-4)}:host::ng-deep .mrx-paginator .ng-select .ng-select-container.ng-select-container{min-height:40px!important;background-color:#fff}:host::ng-deep .mrx-paginator .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:40px!important}:host::ng-deep .mrx-paginator .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value.ng-value{white-space:nowrap!important}:host::ng-deep .mrx-paginator .ng-dropdown-panel.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option{white-space:nowrap!important}.mrx-paginator.mrx-paginator.paginator-centered{justify-content:center}.mrx-paginator.mrx-paginator.paginator-left{justify-content:flex-start}.mrx-paginator.mrx-paginator.paginator-right{justify-content:flex-end}\n"], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PaginatorComponent, decorators: [{
+PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PaginatorComponent, selector: "mrx-paginator", inputs: { pageSizes: "pageSizes", currentPage: "currentPage", pageSize: "pageSize", total: "total", customClasses: "customClasses", isEmptyPaginator: "isEmptyPaginator", isPaginatorText: "isPaginatorText", paginatorText: "paginatorText", setPosition: ["position", "setPosition"], setWithPageSize: ["withPageSize", "setWithPageSize"] }, outputs: { dataStateChanged: "dataStateChanged" }, ngImport: i0, template: "<div class=\"mrx-paginator\" [class]=\"getClasses\" *ngIf=\"isEmptyPaginator || total\">\r\n  <ul class=\"mrx-paginator__list\">\r\n    <li\r\n      class=\"mrx-paginator__previous\"\r\n      [class.disabled]=\"currentPage <= 1\"\r\n      (click)=\"currentPage > 1 && onChangeCurrentPage(currentPage - 1)\">\r\n      <div class=\"mrx-icon icon-chevron-left icon-font-24\"></div>\r\n    </li>\r\n    \r\n    <li *ngIf=\"getViewItems.length === 0\" class=\"mrx-paginator__item\">1</li>\r\n\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage > 3 && getItems > 5\" (click)=\"onChangeCurrentPage(1)\">1</li>\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage > 3 && getItems > 5\">...</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__item\"\r\n      *ngFor=\"let item of getViewItems; trackBy: trackByFn\"\r\n      (click)=\"onChangeCurrentPage(item.index)\"\r\n      [class.active]=\"currentPage === item.index\"\r\n    >\r\n      {{item.index}}\r\n    </li>\r\n\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\">...</li>\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\"\r\n        (click)=\"onChangeCurrentPage(getItems)\">{{getItems}}</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__next\"\r\n      [class.disabled]=\"currentPage >= getItems\"\r\n      (click)=\"currentPage < getItems && onChangeCurrentPage(currentPage + 1)\">\r\n      <div class=\"mrx-icon icon-chevron-right icon-font-24\"></div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ng-template #select>\r\n    <ng-select\r\n      *ngIf=\"withPageSize\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (change)=\"onChangePageSize($event)\"\r\n      class=\"ml-3\"\r\n    ></ng-select>\r\n  </ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"select\"></ng-container>\r\n\r\n  <div *ngIf=\"isPaginatorText\" class=\"mrx-paginator__text\">\r\n    \u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u044B {{paginatorText}} {{getFirstNumberCurrentPage}} - {{getLastNumberCurrentPage}} \u0438\u0437 {{total}}\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0}.mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}.mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-paginator .mrx-paginator__item{padding-left:var(--spacing-3);padding-right:var(--spacing-3);min-width:32px;min-height:32px;border-radius:4px;font-weight:400;font-size:16px;line-height:24px;transition:.2s}.mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}.mrx-paginator .mrx-paginator__item.dots,.mrx-paginator .mrx-paginator__item.disabled{cursor:default}.mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-paginator .mrx-paginator__previous,.mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}.mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,.mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}.mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary);margin-left:var(--spacing-4)}:host::ng-deep .mrx-paginator .ng-select .ng-select-container.ng-select-container{min-height:40px!important;background-color:#fff}:host::ng-deep .mrx-paginator .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:40px!important}:host::ng-deep .mrx-paginator .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value.ng-value{white-space:nowrap!important}:host::ng-deep .mrx-paginator .ng-dropdown-panel.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option{white-space:nowrap!important}.mrx-paginator.mrx-paginator.paginator-centered{justify-content:center}.mrx-paginator.mrx-paginator.paginator-left{justify-content:flex-start}.mrx-paginator.mrx-paginator.paginator-right{justify-content:flex-end}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-paginator', template: "<div class=\"mrx-paginator\" [class]=\"getClasses\" *ngIf=\"isEmptyPaginator || total\">\r\n  <ul class=\"mrx-paginator__list\">\r\n    <li\r\n      class=\"mrx-paginator__previous\"\r\n      [class.disabled]=\"currentPage <= 1\"\r\n      (click)=\"currentPage > 1 && onChangeCurrentPage(currentPage - 1)\">\r\n      <div class=\"mrx-icon icon-chevron-left icon-font-24\"></div>\r\n    </li>\r\n    \r\n    <li *ngIf=\"getViewItems.length === 0\" class=\"mrx-paginator__item\">1</li>\r\n\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage > 3 && getItems > 5\" (click)=\"onChangeCurrentPage(1)\">1</li>\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage > 3 && getItems > 5\">...</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__item\"\r\n      *ngFor=\"let item of getViewItems; trackBy: trackByFn\"\r\n      (click)=\"onChangeCurrentPage(item.index)\"\r\n      [class.active]=\"currentPage === item.index\"\r\n    >\r\n      {{item.index}}\r\n    </li>\r\n\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\">...</li>\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\"\r\n        (click)=\"onChangeCurrentPage(getItems)\">{{getItems}}</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__next\"\r\n      [class.disabled]=\"currentPage >= getItems\"\r\n      (click)=\"currentPage < getItems && onChangeCurrentPage(currentPage + 1)\">\r\n      <div class=\"mrx-icon icon-chevron-right icon-font-24\"></div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ng-template #select>\r\n    <ng-select\r\n      *ngIf=\"withPageSize\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (change)=\"onChangePageSize($event)\"\r\n      class=\"ml-3\"\r\n    ></ng-select>\r\n  </ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"select\"></ng-container>\r\n\r\n  <div *ngIf=\"isPaginatorText\" class=\"mrx-paginator__text\">\r\n    \u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u044B {{paginatorText}} {{getFirstNumberCurrentPage}} - {{getLastNumberCurrentPage}} \u0438\u0437 {{total}}\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0}.mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}.mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-paginator .mrx-paginator__item{padding-left:var(--spacing-3);padding-right:var(--spacing-3);min-width:32px;min-height:32px;border-radius:4px;font-weight:400;font-size:16px;line-height:24px;transition:.2s}.mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}.mrx-paginator .mrx-paginator__item.dots,.mrx-paginator .mrx-paginator__item.disabled{cursor:default}.mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-paginator .mrx-paginator__previous,.mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}.mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,.mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}.mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary);margin-left:var(--spacing-4)}:host::ng-deep .mrx-paginator .ng-select .ng-select-container.ng-select-container{min-height:40px!important;background-color:#fff}:host::ng-deep .mrx-paginator .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:40px!important}:host::ng-deep .mrx-paginator .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value.ng-value{white-space:nowrap!important}:host::ng-deep .mrx-paginator .ng-dropdown-panel.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option{white-space:nowrap!important}.mrx-paginator.mrx-paginator.paginator-centered{justify-content:center}.mrx-paginator.mrx-paginator.paginator-left{justify-content:flex-start}.mrx-paginator.mrx-paginator.paginator-right{justify-content:flex-end}\n"] }]
         }], propDecorators: { pageSizes: [{

package/esm2020/lib/components/paginator/paginator.module.mjs

@@ -6,16 +6,14 @@ import { FormsModule } from "@angular/forms";
 import * as i0 from "@angular/core";
 export class PaginatorModule {
 }
-PaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PaginatorModule, declarations: [PaginatorComponent], imports: [CommonModule,
+PaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PaginatorModule, declarations: [PaginatorComponent], imports: [CommonModule,
         NgSelectModule,
         FormsModule], exports: [PaginatorComponent] });
-PaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PaginatorModule, imports: [[
-            CommonModule,
-            NgSelectModule,
-            FormsModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PaginatorModule, decorators: [{
+PaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginatorModule, imports: [CommonModule,
+        NgSelectModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -30,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     exports: [PaginatorComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9wYWdpbmF0b3IvcGFnaW5hdG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQWU3QyxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQVZ4QixrQkFBa0IsYUFHbEIsWUFBWTtRQUNaLGNBQWM7UUFDZCxXQUFXLGFBR0gsa0JBQWtCOzZHQUVqQixlQUFlLFlBUmpCO1lBQ1AsWUFBWTtZQUNaLGNBQWM7WUFDZCxXQUFXO1NBQ1o7MkZBSVUsZUFBZTtrQkFaM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFdBQVc7cUJBQ1o7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFBhZ2luYXRvckNvbXBvbmVudCB9IGZyb20gJy4vcGFnaW5hdG9yLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE5nU2VsZWN0TW9kdWxlIH0gZnJvbSBcIkBuZy1zZWxlY3Qvbmctc2VsZWN0XCI7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFBhZ2luYXRvckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTmdTZWxlY3RNb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZVxyXG4gIF0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIGV4cG9ydHM6IFtQYWdpbmF0b3JDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQYWdpbmF0b3JNb2R1bGUge31cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9wYWdpbmF0b3IvcGFnaW5hdG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQWU3QyxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQVZ4QixrQkFBa0IsYUFHbEIsWUFBWTtRQUNaLGNBQWM7UUFDZCxXQUFXLGFBR0gsa0JBQWtCOzZHQUVqQixlQUFlLFlBUHhCLFlBQVk7UUFDWixjQUFjO1FBQ2QsV0FBVzsyRkFLRixlQUFlO2tCQVozQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsV0FBVztxQkFDWjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgUGFnaW5hdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmF0b3IuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTmdTZWxlY3RNb2R1bGUgfSBmcm9tIFwiQG5nLXNlbGVjdC9uZy1zZWxlY3RcIjtcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgUGFnaW5hdG9yQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBOZ1NlbGVjdE1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlXHJcbiAgXSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbiAgZXhwb3J0czogW1BhZ2luYXRvckNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2luYXRvck1vZHVsZSB7fVxyXG4iXX0=

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

@@ -11,9 +11,9 @@ export class ProgressComponent {
         return `${ProgressClasses[this.color]} ${this.customClasses}`;
     }
 }
-ProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ProgressComponent, selector: "mrx-progress", inputs: { value: "value", customClasses: "customClasses", color: "color" }, ngImport: i0, template: "<div class=\"mrx-progress\" [class]=\"getProgressClasses\">\r\n  <div class=\"mrx-progress-bar\" [style.width.%]=\"value\"></div>\r\n</div>\t\r\n", styles: [".mrx-progress.mrx-progress{height:var(--sizing-3);width:100%;background-color:var(--neutral-bg-island-default);border-radius:var(--border-radius-helf)}.mrx-progress.mrx-progress .mrx-progress-bar{height:var(--sizing-3);border-radius:var(--border-radius-helf);transition:width .2s}.mrx-progress.mrx-progress.mrx-progress-default .mrx-progress-bar{background-color:var(--brand-bg-primary-default)}.mrx-progress.mrx-progress.mrx-progress-success .mrx-progress-bar{background-color:var(--system-bg-controls-positive-default)}.mrx-progress.mrx-progress.mrx-progress-danger .mrx-progress-bar{background-color:var(--system-bg-controls-negative-default)}.mrx-progress.mrx-progress.mrx-progress-warning .mrx-progress-bar{background-color:var(--system-bg-controls-attention-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ProgressComponent, decorators: [{
+ProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ProgressComponent, selector: "mrx-progress", inputs: { value: "value", customClasses: "customClasses", color: "color" }, ngImport: i0, template: "<div class=\"mrx-progress\" [class]=\"getProgressClasses\">\r\n  <div class=\"mrx-progress-bar\" [style.width.%]=\"value\"></div>\r\n</div>\t\r\n", styles: [".mrx-progress.mrx-progress{height:var(--sizing-3);width:100%;background-color:var(--neutral-bg-island-default);border-radius:var(--border-radius-helf)}.mrx-progress.mrx-progress .mrx-progress-bar{height:var(--sizing-3);border-radius:var(--border-radius-helf);transition:width .2s}.mrx-progress.mrx-progress.mrx-progress-default .mrx-progress-bar{background-color:var(--brand-bg-primary-default)}.mrx-progress.mrx-progress.mrx-progress-success .mrx-progress-bar{background-color:var(--system-bg-controls-positive-default)}.mrx-progress.mrx-progress.mrx-progress-danger .mrx-progress-bar{background-color:var(--system-bg-controls-negative-default)}.mrx-progress.mrx-progress.mrx-progress-warning .mrx-progress-bar{background-color:var(--system-bg-controls-attention-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ProgressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-progress', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-progress\" [class]=\"getProgressClasses\">\r\n  <div class=\"mrx-progress-bar\" [style.width.%]=\"value\"></div>\r\n</div>\t\r\n", styles: [".mrx-progress.mrx-progress{height:var(--sizing-3);width:100%;background-color:var(--neutral-bg-island-default);border-radius:var(--border-radius-helf)}.mrx-progress.mrx-progress .mrx-progress-bar{height:var(--sizing-3);border-radius:var(--border-radius-helf);transition:width .2s}.mrx-progress.mrx-progress.mrx-progress-default .mrx-progress-bar{background-color:var(--brand-bg-primary-default)}.mrx-progress.mrx-progress.mrx-progress-success .mrx-progress-bar{background-color:var(--system-bg-controls-positive-default)}.mrx-progress.mrx-progress.mrx-progress-danger .mrx-progress-bar{background-color:var(--system-bg-controls-negative-default)}.mrx-progress.mrx-progress.mrx-progress-warning .mrx-progress-bar{background-color:var(--system-bg-controls-attention-default)}\n"] }]
         }], propDecorators: { value: [{

package/esm2020/lib/components/progress/progress.module.mjs

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

package/esm2020/lib/components/save-state/components/save-state-checkbox/save-state-checkbox.component.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@angular/common";
 export class SaveStateCheckboxComponent {
     constructor() { }
 }
-SaveStateCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SaveStateCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SaveStateCheckboxComponent, selector: "mrx-save-state-checkbox", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-checkbox\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <div class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <div class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</div>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-checkbox .mrx-save-state__saving{position:absolute;top:-10px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-checkbox .mrx-save-state__saved{position:absolute;top:-12px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-checkbox .mrx-save-state__error{position:absolute;top:-12px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateCheckboxComponent, decorators: [{
+SaveStateCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SaveStateCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SaveStateCheckboxComponent, selector: "mrx-save-state-checkbox", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-checkbox\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <div class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <div class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</div>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-checkbox .mrx-save-state__saving{position:absolute;top:-10px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-checkbox .mrx-save-state__saved{position:absolute;top:-12px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-checkbox .mrx-save-state__error{position:absolute;top:-12px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-save-state-checkbox', template: "<span class=\"mrx-save-state-checkbox\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <div class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <div class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</div>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-checkbox .mrx-save-state__saving{position:absolute;top:-10px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-checkbox .mrx-save-state__saved{position:absolute;top:-12px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-checkbox .mrx-save-state__error{position:absolute;top:-12px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { state: [{

package/esm2020/lib/components/save-state/components/save-state-checkbox-group/save-state-checkbox-group.component.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@angular/common";
 export class SaveStateCheckboxGroupComponent {
     constructor() { }
 }
-SaveStateCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SaveStateCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SaveStateCheckboxGroupComponent, selector: "mrx-save-state-checkbox-group", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-checkbox-group\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-checkbox-group .mrx-save-state__saving{position:absolute;top:-12px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-checkbox-group .mrx-save-state__saved{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-checkbox-group .mrx-save-state__error{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateCheckboxGroupComponent, decorators: [{
+SaveStateCheckboxGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SaveStateCheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SaveStateCheckboxGroupComponent, selector: "mrx-save-state-checkbox-group", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-checkbox-group\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-checkbox-group .mrx-save-state__saving{position:absolute;top:-12px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-checkbox-group .mrx-save-state__saved{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-checkbox-group .mrx-save-state__error{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateCheckboxGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-save-state-checkbox-group', template: "<span class=\"mrx-save-state-checkbox-group\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-checkbox-group .mrx-save-state__saving{position:absolute;top:-12px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-checkbox-group .mrx-save-state__saved{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-checkbox-group .mrx-save-state__error{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { state: [{

package/esm2020/lib/components/save-state/components/save-state-editor/save-state-editor.component.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@angular/common";
 export class SaveStateEditorComponent {
     constructor() { }
 }
-SaveStateEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SaveStateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SaveStateEditorComponent, selector: "mrx-save-state-editor", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-editor\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-editor .mrx-save-state__saving{position:absolute;top:42px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-editor .mrx-save-state__saved{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-editor .mrx-save-state__error{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateEditorComponent, decorators: [{
+SaveStateEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SaveStateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SaveStateEditorComponent, selector: "mrx-save-state-editor", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-editor\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-editor .mrx-save-state__saving{position:absolute;top:42px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-editor .mrx-save-state__saved{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-editor .mrx-save-state__error{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-save-state-editor', template: "<span class=\"mrx-save-state-editor\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-editor .mrx-save-state__saving{position:absolute;top:42px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-editor .mrx-save-state__saved{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-editor .mrx-save-state__error{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { state: [{

package/esm2020/lib/components/save-state/components/save-state-input/save-state-input.component.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@angular/common";
 export class SaveStateInputComponent {
     constructor() { }
 }
-SaveStateInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SaveStateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SaveStateInputComponent, selector: "mrx-save-state-input", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-input\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-input .mrx-save-state__saving{position:absolute;top:2px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-input .mrx-save-state__saved{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive);z-index:2}.mrx-save-state-input .mrx-save-state__error{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative);z-index:2}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateInputComponent, decorators: [{
+SaveStateInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SaveStateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SaveStateInputComponent, selector: "mrx-save-state-input", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-input\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-input .mrx-save-state__saving{position:absolute;top:2px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-input .mrx-save-state__saved{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive);z-index:2}.mrx-save-state-input .mrx-save-state__error{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative);z-index:2}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-save-state-input', template: "<span class=\"mrx-save-state-input\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <span class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <span class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</span>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-input .mrx-save-state__saving{position:absolute;top:2px;right:4px;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-input .mrx-save-state__saved{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive);z-index:2}.mrx-save-state-input .mrx-save-state__error{position:absolute;top:0;right:4px;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative);z-index:2}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { state: [{

package/esm2020/lib/components/save-state/components/save-state-switch/save-state-switch.component.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@angular/common";
 export class SaveStateSwitchComponent {
     constructor() { }
 }
-SaveStateSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SaveStateSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SaveStateSwitchComponent, selector: "mrx-save-state-switch", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-switch\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <div class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <div class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</div>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-switch .mrx-save-state__saving{position:absolute;top:-12px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-switch .mrx-save-state__saved{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-switch .mrx-save-state__error{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateSwitchComponent, decorators: [{
+SaveStateSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SaveStateSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SaveStateSwitchComponent, selector: "mrx-save-state-switch", inputs: { state: "state" }, ngImport: i0, template: "<span class=\"mrx-save-state-switch\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <div class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <div class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</div>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-switch .mrx-save-state__saving{position:absolute;top:-12px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-switch .mrx-save-state__saved{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-switch .mrx-save-state__error{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SaveStateSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-save-state-switch', template: "<span class=\"mrx-save-state-switch\" [ngSwitch]=\"state\">\r\n  <ng-container *ngSwitchCase=\"'saving'\">\r\n    <div class=\"mrx-save-state__saving\">\r\n        <svg width=\"20px\" height=\"16px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.5102040816326531s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;1\"\r\n                     values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"discrete\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\"></animate>\r\n          </circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"16\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-0.5102040816326531s\"></animate>\r\n          </circle>\r\n          <circle cx=\"90\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\"\r\n                     begin=\"-1.0204081632653061s\"></animate>\r\n          </circle>\r\n          <circle cx=\"10\" cy=\"50\" r=\"12\" fill=\"var(--neutral-icon-info)\">\r\n            <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;12;12;12\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n            <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"2.0408163265306123s\" calcMode=\"spline\"\r\n                     keyTimes=\"0;0.25;0.5;0.75;1\" values=\"10;10;10;50;90\"\r\n                     keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.530612244897959s\"></animate>\r\n          </circle>\r\n        </svg>\r\n\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            fill-rule=\"evenodd\"\r\n            clip-rule=\"evenodd\"\r\n            d=\"M8.62542 3.37458C8.47685 3.22601 8.23597 3.22601 8.0874 3.37458L3.67895 7.78303L3.49961 8.50039L4.21697 8.32105L8.62542 3.9126C8.77399 3.76403 8.77399 3.52315 8.62542 3.37458ZM7.19421 2.4814C7.83607 1.83953 8.87674 1.83953 9.5186 2.4814C10.1605 3.12326 10.1605 4.16392 9.5186 4.80579L4.98646 9.33793C4.90552 9.41888 4.8041 9.4763 4.69304 9.50406L2.78477 9.98113C2.56955 10.0349 2.34187 9.97187 2.185 9.815C2.02813 9.65813 1.96506 9.43045 2.01887 9.21523L2.49594 7.30696C2.5237 7.1959 2.58113 7.09449 2.66207 7.01354L7.19421 2.4814Z\"\r\n            fill=\"var(--neutral-icon-info)\"\r\n          />\r\n        </svg>\r\n      </div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'saved'\">\r\n    <div class=\"mrx-save-state__saved\">\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E</div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'error'\">\r\n    <div class=\"mrx-save-state__error\">\u043E\u0448\u0438\u0431\u043A\u0430</div>\r\n  </ng-container>\r\n</span>\r\n", styles: [".mrx-save-state-switch .mrx-save-state__saving{position:absolute;top:-12px;left:0;display:flex;align-items:flex-start;z-index:2}.mrx-save-state-switch .mrx-save-state__saved{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-positive)}.mrx-save-state-switch .mrx-save-state__error{position:absolute;top:-14px;left:0;font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height);color:var(--system-text-negative)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { state: [{