myrta-ui 1.0.74 → 1.0.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,10 +5,10 @@ export class SaveStateEditorComponent {
5
5
  constructor() { }
6
6
  }
7
7
  SaveStateEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- 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"] }] });
8
+ 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:42px;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:42px;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"] }] });
9
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateEditorComponent, decorators: [{
10
10
  type: Component,
11
- 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"] }]
11
+ 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:42px;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:42px;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"] }]
12
12
  }], ctorParameters: function () { return []; }, propDecorators: { state: [{
13
13
  type: Input
14
14
  }] } });
@@ -804,10 +804,10 @@ class SaveStateEditorComponent {
804
804
  constructor() { }
805
805
  }
806
806
  SaveStateEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
807
- 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$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
807
+ 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:42px;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:42px;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$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
808
808
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SaveStateEditorComponent, decorators: [{
809
809
  type: Component,
810
- 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"] }]
810
+ 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:42px;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:42px;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"] }]
811
811
  }], ctorParameters: function () { return []; }, propDecorators: { state: [{
812
812
  type: Input
813
813
  }] } });