myrta-ui 17.0.7 → 17.0.9

package/esm2022/lib/components/modal/modal.component.mjs

@@ -56,8 +56,8 @@ export class ModalComponent {
     onExpanding() {
         this.isEmbed = !this.isEmbed;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isEmbed: "isEmbed", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div class=\"mrx-modal-title\" [innerHTML]=\"title\" [style]=\"{padding: expandable ? '0 56px' : '0 24px'}\"></div>\r\n\r\n    <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n    ></span>\r\n    <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:absolute;text-align:center;z-index:1000;display:block}::ng-deep .mrx-modal>*{display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse{position:absolute;top:16px;right:48px;cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover{transform:scale(1.1)}.mrx-modal-header .icon-close{position:absolute;top:16px;right:16px;cursor:pointer}.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], dependencies: [{ 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.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ModalComponent, selector: "mrx-modal", inputs: { title: "title", message: "message", okText: "okText", closeText: "closeText", size: "size", color: "color", customClasses: "customClasses", expandable: "expandable", isEmbed: "isEmbed", isClose: "isClose", isBack: "isBack", backText: "backText", enableFooter: "enableFooter", alignButtons: "alignButtons", isLoading: "isLoading", iconPosition: "iconPosition" }, outputs: { ok: "ok", close: "close", back: "back" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerContent"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-modal-content\" [class]=\"getClasses\" [@animateExpand]=\"isEmbed ? 'open' : 'closed'\">\r\n  <div class=\"mrx-modal-header\">\r\n    <div class=\"mrx-modal-title\" [innerHTML]=\"title\" [style]=\"{padding: expandable ? '0 56px' : '0 24px'}\"></div>\r\n\r\n    <span\r\n        *ngIf=\"expandable\"\r\n        class=\"mrx-icon icon-font-24\"\r\n        [class]=\"isEmbed ? 'icon-arrow-collapse' : 'icon-arrow-expand'\"\r\n        (click)=\"onExpanding()\"\r\n    ></span>\r\n    <span class=\"mrx-icon icon-close icon-font-24\" *ngIf=\"isClose\" (click)=\"onClose()\"></span>\r\n  </div>\r\n\r\n  <div class=\"mrx-modal-body\">\r\n    <div *ngIf=\"isBack\" class=\"mrx-modal__back d-flex align-items-center mb-3 mt-2\" (click)=\"onBack()\">\r\n      <span class=\"mrx-icon icon-arrow-left icon-font-16 mr-1\"></span>\r\n      <span>{{ backText }}</span>\r\n    </div>\r\n\r\n    <div class=\"mrx-modal-body__message\" [innerHTML]=\"message\"></div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n\r\n  <div class=\"mrx-modal-footer\" [class]=\"alignButtonsClass\" *ngIf=\"enableFooter\">\r\n    <ng-container *ngIf=\"!footerContent; else footerContentTemplate\">\r\n      <mrx-button\r\n          [customClasses]=\"'mr-3'\"\r\n          [type]=\"'secondary'\"\r\n          [color]=\"getButtonColor\"\r\n          [size]=\"'medium'\"\r\n          (click)=\"onClose()\"\r\n      >{{closeText}}</mrx-button>\r\n\r\n      <mrx-button\r\n          [type]=\"'primary'\"\r\n          [size]=\"'medium'\"\r\n          [color]=\"getButtonColor\"\r\n          [iconPosition]=\"iconPosition\"\r\n          [isLoading]=\"isLoading\"\r\n          (click)=\"onOk()\"\r\n      >{{okText}}</mrx-button>\r\n    </ng-container>\r\n\r\n    <ng-template #footerContentTemplate>\r\n      <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .mrx-modal{background-color:var(--neutral-bg-modal);height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:absolute;text-align:center;z-index:1000;display:block}::ng-deep .mrx-modal>*{display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .mrx-modal mrx-modal{margin:auto 0;width:100vw}::ng-deep .mrx-modal-open{overflow:hidden}.mrx-modal-content{margin:24px auto;background-color:#fff;border-radius:4px;position:relative;transition:opacity .5s ease-out;width:calc(100vw - 32px);will-change:opacity;display:flex;flex-direction:column;text-align:left}::ng-deep .mrx-modal.fade-anim{transition:opacity .4s ease-in-out;will-change:opacity;opacity:0}::ng-deep .mrx-modal.fade-anim.in{opacity:1}.mrx-modal-body{padding:var(--spacing-6, 24px) var(--spacing-4, 16px) var(--spacing-4, 16px);flex-grow:1}.mrx-modal-body .mrx-modal__back{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-body__message{color:var(--neutral-text-primary);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);font-size:var(--body-md-font-size)}.mrx-modal-content.type-default .mrx-modal-header{background:var(--brand-bg-primary-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-default .mrx-modal-header .icon-close,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-default .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-info .mrx-modal-header{background:var(--neutral-bg-island-default);color:var(--neutral-text-primary)}.mrx-modal-content.type-info .mrx-modal-header .icon-close,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-info .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-default)}.mrx-modal-content.type-attention .mrx-modal-header{background:var(--system-bg-controls-attention-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-attention .mrx-modal-header .icon-close,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-attention .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header{background:var(--system-bg-controls-negative-default);color:var(--neutral-icon-inverse)}.mrx-modal-content.type-negative .mrx-modal-header .icon-close,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-expand,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-collapse,.mrx-modal-content.type-negative .mrx-modal-header .icon-arrow-left{color:var(--neutral-icon-inverse)}.mrx-modal-content .mrx-modal__back{cursor:pointer;color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back .mrx-icon{color:var(--brand-text-controls-default)}.mrx-modal-content .mrx-modal__back:hover,.mrx-modal-content .mrx-modal__back:hover .mrx-icon{color:var(--brand-text-controls-hover)}.mrx-modal-footer{align-items:center;display:flex;padding:0 24px 24px}.mrx-modal-header{padding:16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.mrx-modal-header .mrx-modal-title{font-family:var(--headlines-lvl-4-font-family);font-weight:var(--headlines-lvl-4-font-weight);line-height:var(--headlines-lvl-4-line-height);font-size:var(--headlines-lvl-4-font-size);text-align:center}.mrx-modal-header .icon-arrow-expand,.mrx-modal-header .icon-arrow-collapse{position:absolute;top:16px;right:48px;cursor:pointer}.mrx-modal-header .icon-arrow-expand:hover,.mrx-modal-header .icon-arrow-collapse:hover{transform:scale(1.1)}.mrx-modal-header .icon-close{position:absolute;top:16px;right:16px;cursor:pointer}.mrx-modal-header .icon-close:hover{transform:scale(1.1)}.mrx-modal-content.mrx-modal-sm{max-width:440px}.mrx-modal-content.mrx-modal-md{max-width:670px}.mrx-modal-content.mrx-modal-lg{max-width:904px}.mrx-modal-content.mrx-modal-extra-lg{max-width:1024px}\n"], dependencies: [{ 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.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }], animations: [
             trigger('animateExpand', [
                 state('open', style({
                     height: '100%',
@@ -74,7 +74,7 @@ export class ModalComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-modal', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('animateExpand', [

package/esm2022/lib/components/modal/modal.module.mjs

@@ -4,11 +4,11 @@ import { ModalComponent } from './modal.component';
 import { ButtonModule } from "../button/button.module";
 import * as i0 from "@angular/core";
 export class ModalModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ModalModule, declarations: [ModalComponent], imports: [CommonModule, ButtonModule], exports: [ModalComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ModalModule, imports: [CommonModule, ButtonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ModalModule, declarations: [ModalComponent], imports: [CommonModule, ButtonModule], exports: [ModalComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalModule, imports: [CommonModule, ButtonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ModalComponent],

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

@@ -11,10 +11,10 @@ export class PagesNavComponent {
     get getTarget() {
         return `${PagesNavEnum[this.target]}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PagesNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PagesNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: "17.3.11", ngImport: i0, type: PagesNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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/esm2022/lib/components/pages-nav/pages-nav.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { PagesNavComponent } from './pages-nav.component';
 import * as i0 from "@angular/core";
 export class PagesNavModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PagesNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PagesNavModule, declarations: [PagesNavComponent], imports: [CommonModule], exports: [PagesNavComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PagesNavModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PagesNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PagesNavModule, declarations: [PagesNavComponent], imports: [CommonModule], exports: [PagesNavComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PagesNavModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PagesNavModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PagesNavModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -106,10 +106,10 @@ export class PaginatorComponent {
     trackByFn(index, item) {
         return item.id;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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 active\">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    <mrx-input-select\r\n      *ngIf=\"withPageSize\"\r\n      size=\"medium\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (ngModelChange)=\"onChangePageSize($event)\"\r\n    ></mrx-input-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: [":host::ng-deep .mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0;gap:var(--spacing-4)}:host::ng-deep .mrx-paginator .mrx-input-select .ng-select .ng-select-container{padding-left:var(--spacing-4)}:host::ng-deep .mrx-paginator .mrx-input-select .ng-select .ng-select-container .ng-value-container{min-width:36px;padding:0!important;min-height:auto}:host::ng-deep .mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}:host::ng-deep .mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}:host::ng-deep .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}:host::ng-deep .mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}:host::ng-deep .mrx-paginator .mrx-paginator__item.dots,:host::ng-deep .mrx-paginator .mrx-paginator__item.disabled{cursor:default}:host::ng-deep .mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-paginator .mrx-paginator__previous,:host::ng-deep .mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}:host::ng-deep .mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,:host::ng-deep .mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}:host::ng-deep .mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary)}.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: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.InputSelectComponent, selector: "mrx-input-select", inputs: ["fields", "size", "selected", "bindValue", "bindLabel", "customClasses", "wrapperCustomClasses", "multiple", "loading", "addTag", "clearable", "items", "groupBy", "emptyValue", "virtualScroll", "trackByFn", "displayValue", "disabledFromDisplay", "maxLength", "customSearchFn", "isBottomLabel", "search", "required", "disabled", "readonly", "showEmptyFields", "placeholder", "searchable", "loadLabel", "notFoundText", "closeOnSelect", "multiCollapseCount", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 active\">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    <mrx-input-select\r\n      *ngIf=\"withPageSize\"\r\n      size=\"medium\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (ngModelChange)=\"onChangePageSize($event)\"\r\n    ></mrx-input-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: [":host::ng-deep .mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0;gap:var(--spacing-4)}:host::ng-deep .mrx-paginator .mrx-input-select .ng-select .ng-select-container{padding-left:var(--spacing-4)}:host::ng-deep .mrx-paginator .mrx-input-select .ng-select .ng-select-container .ng-value-container{min-width:36px;padding:0!important;min-height:auto}:host::ng-deep .mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}:host::ng-deep .mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}:host::ng-deep .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}:host::ng-deep .mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}:host::ng-deep .mrx-paginator .mrx-paginator__item.dots,:host::ng-deep .mrx-paginator .mrx-paginator__item.disabled{cursor:default}:host::ng-deep .mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-paginator .mrx-paginator__previous,:host::ng-deep .mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}:host::ng-deep .mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,:host::ng-deep .mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}:host::ng-deep .mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary)}.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: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.InputSelectComponent, selector: "mrx-input-select", inputs: ["fields", "size", "selected", "bindValue", "bindLabel", "customClasses", "wrapperCustomClasses", "multiple", "loading", "addTag", "clearable", "items", "groupBy", "emptyValue", "virtualScroll", "trackByFn", "displayValue", "disabledFromDisplay", "maxLength", "customSearchFn", "isBottomLabel", "search", "required", "disabled", "readonly", "showEmptyFields", "placeholder", "searchable", "loadLabel", "notFoundText", "closeOnSelect", "multiCollapseCount", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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 active\">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    <mrx-input-select\r\n      *ngIf=\"withPageSize\"\r\n      size=\"medium\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (ngModelChange)=\"onChangePageSize($event)\"\r\n    ></mrx-input-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: [":host::ng-deep .mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0;gap:var(--spacing-4)}:host::ng-deep .mrx-paginator .mrx-input-select .ng-select .ng-select-container{padding-left:var(--spacing-4)}:host::ng-deep .mrx-paginator .mrx-input-select .ng-select .ng-select-container .ng-value-container{min-width:36px;padding:0!important;min-height:auto}:host::ng-deep .mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}:host::ng-deep .mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}:host::ng-deep .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}:host::ng-deep .mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}:host::ng-deep .mrx-paginator .mrx-paginator__item.dots,:host::ng-deep .mrx-paginator .mrx-paginator__item.disabled{cursor:default}:host::ng-deep .mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-paginator .mrx-paginator__previous,:host::ng-deep .mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}:host::ng-deep .mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,:host::ng-deep .mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}:host::ng-deep .mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary)}.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/esm2022/lib/components/paginator/paginator.module.mjs

@@ -5,15 +5,15 @@ import { FormsModule } from "@angular/forms";
 import { InputSelectModule } from '../form/input-select/input-select.module';
 import * as i0 from "@angular/core";
 export class PaginatorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, declarations: [PaginatorComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PaginatorModule, declarations: [PaginatorComponent], imports: [CommonModule,
             FormsModule,
             InputSelectModule], exports: [PaginatorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginatorModule, imports: [CommonModule,
             FormsModule,
             InputSelectModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/components/pdf-viewer/pdf-viewer.component.mjs

@@ -216,8 +216,8 @@ export class PdfViewerComponent {
     onHandToolClick() {
         this.handTool = !this.handTool;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponent, deps: [{ token: i1.NgxExtendedPdfViewerService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PdfViewerComponent, selector: "mrx-pdf-viewer", inputs: { showSidebarButton: "showSidebarButton", showHandToolButton: "showHandToolButton", handTool: "handTool", showFindbarButton: "showFindbarButton", showRotateButton: "showRotateButton", showPrintButton: "showPrintButton", showDownloadButton: "showDownloadButton", showExpandButton: "showExpandButton", defaultZoom: "defaultZoom", downloadFileName: "downloadFileName", src: "src" }, providers: [TooltipService], viewQueries: [{ propertyName: "pdfViewer", first: true, predicate: NgxExtendedPdfViewerComponent, descendants: true }, { propertyName: "findMenu", first: true, predicate: ["findMenu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #customToolbar>\r\n  <div class=\"mrx-pdf-viewer__toolbar\" id=\"toolbarViewer\">\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n          *ngIf=\"showSidebarButton\"\r\n          [iconClass]=\"'icon-burger'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onSidebarViewClick()\"\r\n          [ngClass]=\"{'mrx-icon-button--toggled': sidebarVisible}\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [title]=\"'test'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          *ngIf=\"showFindbarButton\"\r\n          [iconClass]=\"'icon-search'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onSearchClick()\"\r\n          [customClasses]=\"'py-1 px-2 mrx-pdf-viewer__find-button'\"\r\n          [ngClass]=\"{'mrx-icon-button--toggled': isSearchPanelVisible}\"\r\n      ></mrx-icon-button>\r\n      <div *ngIf=\"isSearchPanelVisible\" class=\"mrx-pdf-viewer__findbar\" #findMenu>\r\n        <mrx-input-text\r\n          [customClasses]=\"findState === 1 ? 'mrx-input-error' :''+'searchText'\"\r\n          placeholder=\"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435...\"\r\n          [ngModel]=\"searchQuery\"\r\n          (ngModelChange)=\"onSearch($event)\">\r\n        </mrx-input-text>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'p-1'\"\r\n          (mrxClick)=\"findPrevious()\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'p-1'\"\r\n          (mrxClick)=\"findNext()\"\r\n        ></mrx-icon-button>\r\n        <div *ngIf=\"findState === 0 || findState === 2\" class=\"mrx-pdf-viewer__findbar-result\">\r\n          {{currentFind}} \u0438\u0437 {{totalFound}}\r\n        </div>\r\n        <div *ngIf=\"findState === 1\" class=\"color-negative d-flex align-items-center\">\u0424\u0440\u0430\u0437\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430</div>\r\n      </div>\r\n      <div class=\"mrx-pdf-viewer__toolbar--nav\">\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-in-the-end-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPageChange(1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPageChange(page - 1 || 1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-input-number [size]=\"'small'\" [customClasses]=\"'wpx-56'\"\r\n          [ngModel]=\"page\"\r\n          [numberType]=\"'int'\"\r\n          [minValue]=\"1\"\r\n          [maxValue]=\"pageCount\"\r\n          [isAutoCorrectingValue]=\"true\"\r\n          (ngModelChange)=\"onPageChange($event)\"\r\n        ></mrx-input-number>\r\n        <span class=\"mx-1\">\u0438\u0437 {{pageCount}}</span>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onNextPage()\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-in-the-end-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onLastPage()\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n        ></mrx-icon-button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n        (mrxClick)=\"zoomClick(false)\"\r\n        [iconClass]=\"'icon-minus'\"\r\n        [size]=\"'medium'\"\r\n        [state]=\"'default'\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          (mrxClick)=\"zoomClick(true)\"\r\n          [iconClass]=\"'icon-plus'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-input-select\r\n        [size]=\"'medium'\"\r\n        [customClasses]=\"'wpx-156'\"\r\n        [items]=\"zoomOptions\"\r\n        (ngModelChange)=\"onZoomLevelSelect($event)\"\r\n        [ngModel]=\"selectedZoom\"\r\n        [clearable]=\"false\">\r\n      </mrx-input-select>\r\n    </div>\r\n\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n        [iconClass]=\"'icon-fc-text'\"\r\n        [size]=\"'medium'\"\r\n        *ngIf=\"showHandToolButton\"\r\n        [ngClass]=\"{'mrx-icon-button--toggled': !handTool}\"\r\n        [state]=\"'default'\"\r\n        (mrxClick)=\"onHandToolClick()\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n        [iconClass]=\"'icon-reload'\"\r\n        [size]=\"'medium'\"\r\n        *ngIf=\"showRotateButton\"\r\n        [state]=\"'default'\"\r\n        (mrxClick)=\"onRotate(1)\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-return'\"\r\n          [size]=\"'medium'\"\r\n          *ngIf=\"showRotateButton\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(-1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-arrow-expand'\"\r\n          *ngIf=\"showExpandButton\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onExpandModeClick()\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-print'\"\r\n          *ngIf=\"showPrintButton\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPrintClick()\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          *ngIf=\"showDownloadButton\"\r\n          [iconClass]=\"'icon-download'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onDownloadClick()\"\r\n      ></mrx-icon-button>\r\n    </div>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<ngx-extended-pdf-viewer\r\n    #pdfViewer\r\n    class=\"mrx-pdf-viewer\"\r\n    [page]=\"page\"\r\n    [sidebarVisible]=\"showSidebarButton && sidebarVisible\"\r\n    (sidebarVisibleChange)=\"onSidebarVisibleChange($event)\"\r\n    [customToolbar]=\"customToolbar\"\r\n    [showSidebarButton]=\"true\"\r\n    (pagesLoaded)=\"onPagesLoaded($event)\"\r\n    [zoom]=\"selectedZoom.value\"\r\n    (zoomChange)=\"onZoomChange($event)\"\r\n    [textLayer]=\"true\"\r\n    (pageChange)=\"onPageChange($event)\"\r\n    [handTool]=\"handTool\"\r\n    [rotation]=\"rotation\"\r\n    (updateFindMatchesCount)=\"onUpdateMatchCase($event)\"\r\n    (updateFindState)=\"onFindStateChanged($event)\"\r\n    [src]=\"src\">\r\n</ngx-extended-pdf-viewer>\r\n", styles: [".mrx-pdf-viewer__toolbar{display:flex;padding:var(--spacing-1, 4px);justify-content:space-between;align-items:center;background:var(--neutral-bg-island-default, #F8F9FA);box-shadow:0 1px 4px #3b43571a;font-family:var(--body-sm-font-family, \"PT Sans\");font-size:var(--body-sm-font-size, 12px);font-style:normal;font-weight:var(--body-extra-sm-font-weight, 400);line-height:var(--body-lg-bold-font-size, 16px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container{min-height:28px!important;min-width:var(--sizing-10);padding:2px;padding-left:var(--spacing-1);padding-right:var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container{padding-left:var(--spacing-1)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container .ng-input{padding-left:var(--spacing-1)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-value .ng-value-label{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{min-height:var(--sizing-5);padding:calc(var(--spacing-1) / 2) var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected:before{content:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");right:var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-number.mrx-input-number.mrx-input-number-sm:not(.mrx-input-number-with-icon) input{padding:var(--spacing-1, 4px) var(--spacing-2, 8px)!important;min-height:28px;border:var(--border-width-default, 1px) solid var(--neutral-bg-stroke-default, #BFC5CC);text-align:right;font-size:var(--body-sm-font-size, 12px)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon{color:var(--neutral-icon-default)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon.icon-font-20{font-size:20px!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button{max-width:36px;max-height:28px;border:var(--border-width-default, 1px) solid transparent;box-sizing:border-box}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button{background:var(--brand-bg-secondary-default, #EDF5FF);border:var(--border-width-default, 1px) solid var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active{background:var(--brand-bg-secondary-default, #EDF5FF);border:1px solid var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button.icon-search.mrx-pdf-viewer__find-button{position:relative}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar .mrx-input-text.mrx-input-text-lg input{font-size:var(--body-sm-font-size, 12px)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar .mrx-icon-button{max-width:20px;max-height:20px}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar-result{display:flex;padding:6px var(--spacing-2, 8px);justify-content:center;align-items:center;gap:10px;border-radius:var(--sizing-1, 4px);background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar--nav{display:flex;align-items:center}.mrx-pdf-viewer__toolbar--nav span{color:var(--neutral-text-tertiary, #71767E)}.mrx-pdf-viewer__toolbar__find-button{position:relative}.mrx-pdf-viewer__findbar{position:absolute;top:47px;left:35px;z-index:100;background:#fff;width:auto;display:flex;padding:var(--spacing-3, 12px);border-radius:var(--sizing-1, 4px);box-shadow:0 1px 4px #3a3a3a4d;max-height:44px;box-sizing:border-box}.mrx-pdf-viewer__findbar:before{position:absolute;content:\"\";background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M24%2012H0L12%200L24%2012Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E);background-repeat:no-repeat;top:-12px;left:12px;width:24px;height:12px}.mrx-pdf-viewer__findbar .searchText{position:absolute;top:20px}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar{background-color:var(--neutral-bg-island-default, #F8F9FA);padding:var(--spacing-1, 4px);height:28px!important;box-sizing:border-box;width:100%}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton{margin-top:0;margin-bottom:0;width:var(--sizing-6, 24px);max-width:var(--sizing-6, 24px);height:20px;padding:0;font-family:mrx-icon-font!important;color:var(--neutral-icon-default, #33373C);line-height:1;font-size:var(--body-lg-font-size, 16px);box-sizing:border-box;border-radius:var(--sizing-1, 4px);outline:none;border:1px solid transparent}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton:focus{border:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton:hover{background:var(--brand-bg-tertiary-hover, #edf5ff)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton.toggled{border:1px solid var(--brand-bg-primary-default, #2A6AB8);background:var(--brand-bg-secondary-default, #EDF5FF)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton svg{display:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewThumbnail:after{content:\"\\e968\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewOutline:after{content:\"\\ea1b\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewLayers:after{content:\"\\e935\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-content #sidebarContent{top:28px!important;background-color:var(--neutral-bg-island-default, #F8F9FA)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar{width:var(--sizing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar-thumb,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar-thumb,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default, #BFC5CC);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar-thumb:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar-thumb:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar-thumb:hover{background:var(--neutral-bg-stroke-default, #BFC5CC)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView{padding:var(--spacing-3, 16px) var(--sizing-10, 40px);width:calc(100% - var(--sizing-20, 80px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView .thumbnail{margin:0;border:var(--spacing-1) solid rgba(0,0,0,0);border-radius:0}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView .thumbnail.selected{border:var(--spacing-1, 4px) solid var(--brand-bg-secondary-selected, #BED6F1)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView{padding:var(--spacing-3, 16px);width:calc(100% - var(--spacing-6, 64px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem:hover{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem>a,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem>a{color:var(--neutral-text-primary, #262626);font-size:var(--body-sm-font-size, 12px);line-height:var(--body-lg-bold-font-size, 16px);outline:none;border:none;padding:calc(var(--spacing-1, 4px) / 2) var(--spacing-1, 4px);min-width:calc(100% - var(--sizing-3, 12px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem>a:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem>a:focus{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem.selected>a,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem.selected>a{border-radius:var(--spacing-1, 4px);border:1px solid var(--brand-bg-primary-default, #2A6AB8)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem input[type=checkbox]:checked,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem input[type=checkbox]:checked{accent-color:var(--brand-bg-primary-default, #2A6AB8)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler{font-family:mrx-icon-font!important;color:var(--neutral-icon-default, 33373C);line-height:1;font-size:var(--body-lg-font-size, 16px);box-sizing:border-box;cursor:pointer}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler:before,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler:before{content:\"\\e926\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler.treeItemsHidden:before,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler.treeItemsHidden:before{content:\"\\e925\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar{width:var(--sizing-2, 8px);height:var(--sizing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default, #BFC5CC);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar-thumb:hover{background:var(--neutral-bg-stroke-default, #BFC5CC)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .pdfViewer .page{border:none;box-shadow:0 1px 4px #3b43571a;margin-bottom:var(--spacing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer .highlight{background-color:var(--brand-bg-primary-default, #2A6AB8)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer .highlight.selected{background-color:var(--system-text-positive, #004A1A)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer ::selection{background:var(--brand-bg-secondary-hover, #bed6f1)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .dialogButton{color:var(--neutral-text-primary, #262626);font-size:var(--body-md-font-size, 14px);line-height:20px;background-color:var(--brand-bg-tertiary-default, #FFF);border:var(--brand-bg-tertiary-default, #FFF)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog{box-shadow:0 1px 4px #3a3a3a4d;border:none;padding:var(--spacing-3, 16px);background:var(--brand-bg-tertiary-default, #FFF)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog::backdrop{background:var(--neutral-bg-modal, rgba(38, 38, 38, .25))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress{border-radius:var(--sizing-1, 4px);width:120px;height:var(--sizing-1, 4px);vertical-align:middle}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress::-webkit-progress-bar{background-color:var(--neutral-bg-island-default, #F8F9FA);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress::-webkit-progress-value{background-color:var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "formData", "disableForms", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "delayFirstView", "showTextEditor", "showStampEditor", "showDrawEditor", "logLevel", "relativeCoordsOptions", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "useBrowserLocale", "forceUsingLegacyES5", "backgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "replaceBrowserPrint", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "activeSidebarView", "findbarVisible", "propertiesDialogVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindCurrentPageOnly", "showFindPageRange", "showFindEntireWord", "showFindEntirePhrase", "showFindMatchDiacritics", "showFindFuzzySearch", "showFindResultsCount", "showFindMessages", "showPagingButtons", "showZoomButtons", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showSinglePageModeButton", "showVerticalScrollButton", "showHorizontalScrollButton", "showWrappedScrollButton", "showInfiniteScrollButton", "showBookModeButton", "showRotateButton", "handTool", "showHandToolButton", "showScrollingButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "mobileFriendlyZoom"], outputs: ["formDataChange", "pageViewModeChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "annotationLayerRendered", "annotationEditorLayerRendered", "xfaLayerRendered", "outlineLoaded", "attachmentsloaded", "layersloaded", "sidebarVisibleChange", "activeSidebarViewChange", "findbarVisibleChange", "propertiesDialogVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "annotationEditorModeChanged", "updateFindMatchesCount", "updateFindState", "zoomChange"] }, { kind: "component", type: i3.IconButtonComponent, selector: "mrx-icon-button", inputs: ["size", "state", "type", "iconClass", "disabled", "tooltip", "tooltipPosition", "tooltipMaxWidth", "isActive", "customClasses"], outputs: ["mrxClick"] }, { kind: "component", type: i4.InputSelectComponent, selector: "mrx-input-select", inputs: ["fields", "size", "selected", "bindValue", "bindLabel", "customClasses", "wrapperCustomClasses", "multiple", "loading", "addTag", "clearable", "items", "groupBy", "emptyValue", "virtualScroll", "trackByFn", "displayValue", "disabledFromDisplay", "maxLength", "customSearchFn", "isBottomLabel", "search", "required", "disabled", "readonly", "showEmptyFields", "placeholder", "searchable", "loadLabel", "notFoundText", "closeOnSelect", "multiCollapseCount", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched"] }, { kind: "component", type: i5.InputNumberComponent, selector: "mrx-input-number", inputs: ["fields", "placeholder", "innerClass", "customClasses", "required", "allowNegative", "size", "separator", "decimalSeparator", "isNullableValue", "isAutoCorrectingValue", "invalid", "checkInvalid", "numberType", "invalidMessage", "disabled", "readonly", "minValue", "maxValue"], outputs: ["modelChange"] }, { kind: "component", type: i6.InputTextComponent, selector: "mrx-input-text", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "size", "isTooltipValue", "icon", "iconColor", "mask", "maskPrefix", "showMaskTyped", "maskDropSpecialCharacters"], outputs: ["changed", "modelChange"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfViewerComponent, deps: [{ token: i1.NgxExtendedPdfViewerService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PdfViewerComponent, selector: "mrx-pdf-viewer", inputs: { showSidebarButton: "showSidebarButton", showHandToolButton: "showHandToolButton", handTool: "handTool", showFindbarButton: "showFindbarButton", showRotateButton: "showRotateButton", showPrintButton: "showPrintButton", showDownloadButton: "showDownloadButton", showExpandButton: "showExpandButton", defaultZoom: "defaultZoom", downloadFileName: "downloadFileName", src: "src" }, providers: [TooltipService], viewQueries: [{ propertyName: "pdfViewer", first: true, predicate: NgxExtendedPdfViewerComponent, descendants: true }, { propertyName: "findMenu", first: true, predicate: ["findMenu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #customToolbar>\r\n  <div class=\"mrx-pdf-viewer__toolbar\" id=\"toolbarViewer\">\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n          *ngIf=\"showSidebarButton\"\r\n          [iconClass]=\"'icon-burger'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onSidebarViewClick()\"\r\n          [ngClass]=\"{'mrx-icon-button--toggled': sidebarVisible}\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [title]=\"'test'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          *ngIf=\"showFindbarButton\"\r\n          [iconClass]=\"'icon-search'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onSearchClick()\"\r\n          [customClasses]=\"'py-1 px-2 mrx-pdf-viewer__find-button'\"\r\n          [ngClass]=\"{'mrx-icon-button--toggled': isSearchPanelVisible}\"\r\n      ></mrx-icon-button>\r\n      <div *ngIf=\"isSearchPanelVisible\" class=\"mrx-pdf-viewer__findbar\" #findMenu>\r\n        <mrx-input-text\r\n          [customClasses]=\"findState === 1 ? 'mrx-input-error' :''+'searchText'\"\r\n          placeholder=\"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435...\"\r\n          [ngModel]=\"searchQuery\"\r\n          (ngModelChange)=\"onSearch($event)\">\r\n        </mrx-input-text>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'p-1'\"\r\n          (mrxClick)=\"findPrevious()\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'p-1'\"\r\n          (mrxClick)=\"findNext()\"\r\n        ></mrx-icon-button>\r\n        <div *ngIf=\"findState === 0 || findState === 2\" class=\"mrx-pdf-viewer__findbar-result\">\r\n          {{currentFind}} \u0438\u0437 {{totalFound}}\r\n        </div>\r\n        <div *ngIf=\"findState === 1\" class=\"color-negative d-flex align-items-center\">\u0424\u0440\u0430\u0437\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430</div>\r\n      </div>\r\n      <div class=\"mrx-pdf-viewer__toolbar--nav\">\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-in-the-end-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPageChange(1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPageChange(page - 1 || 1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-input-number [size]=\"'small'\" [customClasses]=\"'wpx-56'\"\r\n          [ngModel]=\"page\"\r\n          [numberType]=\"'int'\"\r\n          [minValue]=\"1\"\r\n          [maxValue]=\"pageCount\"\r\n          [isAutoCorrectingValue]=\"true\"\r\n          (ngModelChange)=\"onPageChange($event)\"\r\n        ></mrx-input-number>\r\n        <span class=\"mx-1\">\u0438\u0437 {{pageCount}}</span>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onNextPage()\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-in-the-end-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onLastPage()\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n        ></mrx-icon-button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n        (mrxClick)=\"zoomClick(false)\"\r\n        [iconClass]=\"'icon-minus'\"\r\n        [size]=\"'medium'\"\r\n        [state]=\"'default'\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          (mrxClick)=\"zoomClick(true)\"\r\n          [iconClass]=\"'icon-plus'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-input-select\r\n        [size]=\"'medium'\"\r\n        [customClasses]=\"'wpx-156'\"\r\n        [items]=\"zoomOptions\"\r\n        (ngModelChange)=\"onZoomLevelSelect($event)\"\r\n        [ngModel]=\"selectedZoom\"\r\n        [clearable]=\"false\">\r\n      </mrx-input-select>\r\n    </div>\r\n\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n        [iconClass]=\"'icon-fc-text'\"\r\n        [size]=\"'medium'\"\r\n        *ngIf=\"showHandToolButton\"\r\n        [ngClass]=\"{'mrx-icon-button--toggled': !handTool}\"\r\n        [state]=\"'default'\"\r\n        (mrxClick)=\"onHandToolClick()\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n        [iconClass]=\"'icon-reload'\"\r\n        [size]=\"'medium'\"\r\n        *ngIf=\"showRotateButton\"\r\n        [state]=\"'default'\"\r\n        (mrxClick)=\"onRotate(1)\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-return'\"\r\n          [size]=\"'medium'\"\r\n          *ngIf=\"showRotateButton\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(-1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-arrow-expand'\"\r\n          *ngIf=\"showExpandButton\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onExpandModeClick()\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-print'\"\r\n          *ngIf=\"showPrintButton\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPrintClick()\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          *ngIf=\"showDownloadButton\"\r\n          [iconClass]=\"'icon-download'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onDownloadClick()\"\r\n      ></mrx-icon-button>\r\n    </div>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<ngx-extended-pdf-viewer\r\n    #pdfViewer\r\n    class=\"mrx-pdf-viewer\"\r\n    [page]=\"page\"\r\n    [sidebarVisible]=\"showSidebarButton && sidebarVisible\"\r\n    (sidebarVisibleChange)=\"onSidebarVisibleChange($event)\"\r\n    [customToolbar]=\"customToolbar\"\r\n    [showSidebarButton]=\"true\"\r\n    (pagesLoaded)=\"onPagesLoaded($event)\"\r\n    [zoom]=\"selectedZoom.value\"\r\n    (zoomChange)=\"onZoomChange($event)\"\r\n    [textLayer]=\"true\"\r\n    (pageChange)=\"onPageChange($event)\"\r\n    [handTool]=\"handTool\"\r\n    [rotation]=\"rotation\"\r\n    (updateFindMatchesCount)=\"onUpdateMatchCase($event)\"\r\n    (updateFindState)=\"onFindStateChanged($event)\"\r\n    [src]=\"src\">\r\n</ngx-extended-pdf-viewer>\r\n", styles: [".mrx-pdf-viewer__toolbar{display:flex;padding:var(--spacing-1, 4px);justify-content:space-between;align-items:center;background:var(--neutral-bg-island-default, #F8F9FA);box-shadow:0 1px 4px #3b43571a;font-family:var(--body-sm-font-family, \"PT Sans\");font-size:var(--body-sm-font-size, 12px);font-style:normal;font-weight:var(--body-extra-sm-font-weight, 400);line-height:var(--body-lg-bold-font-size, 16px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container{min-height:28px!important;min-width:var(--sizing-10);padding:2px;padding-left:var(--spacing-1);padding-right:var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container{padding-left:var(--spacing-1)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container .ng-input{padding-left:var(--spacing-1)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-value .ng-value-label{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{min-height:var(--sizing-5);padding:calc(var(--spacing-1) / 2) var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected:before{content:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");right:var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-number.mrx-input-number.mrx-input-number-sm:not(.mrx-input-number-with-icon) input{padding:var(--spacing-1, 4px) var(--spacing-2, 8px)!important;min-height:28px;border:var(--border-width-default, 1px) solid var(--neutral-bg-stroke-default, #BFC5CC);text-align:right;font-size:var(--body-sm-font-size, 12px)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon{color:var(--neutral-icon-default)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon.icon-font-20{font-size:20px!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button{max-width:36px;max-height:28px;border:var(--border-width-default, 1px) solid transparent;box-sizing:border-box}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button{background:var(--brand-bg-secondary-default, #EDF5FF);border:var(--border-width-default, 1px) solid var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active{background:var(--brand-bg-secondary-default, #EDF5FF);border:1px solid var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button.icon-search.mrx-pdf-viewer__find-button{position:relative}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar .mrx-input-text.mrx-input-text-lg input{font-size:var(--body-sm-font-size, 12px)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar .mrx-icon-button{max-width:20px;max-height:20px}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar-result{display:flex;padding:6px var(--spacing-2, 8px);justify-content:center;align-items:center;gap:10px;border-radius:var(--sizing-1, 4px);background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar--nav{display:flex;align-items:center}.mrx-pdf-viewer__toolbar--nav span{color:var(--neutral-text-tertiary, #71767E)}.mrx-pdf-viewer__toolbar__find-button{position:relative}.mrx-pdf-viewer__findbar{position:absolute;top:47px;left:35px;z-index:100;background:#fff;width:auto;display:flex;padding:var(--spacing-3, 12px);border-radius:var(--sizing-1, 4px);box-shadow:0 1px 4px #3a3a3a4d;max-height:44px;box-sizing:border-box}.mrx-pdf-viewer__findbar:before{position:absolute;content:\"\";background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M24%2012H0L12%200L24%2012Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E);background-repeat:no-repeat;top:-12px;left:12px;width:24px;height:12px}.mrx-pdf-viewer__findbar .searchText{position:absolute;top:20px}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar{background-color:var(--neutral-bg-island-default, #F8F9FA);padding:var(--spacing-1, 4px);height:28px!important;box-sizing:border-box;width:100%}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton{margin-top:0;margin-bottom:0;width:var(--sizing-6, 24px);max-width:var(--sizing-6, 24px);height:20px;padding:0;font-family:mrx-icon-font!important;color:var(--neutral-icon-default, #33373C);line-height:1;font-size:var(--body-lg-font-size, 16px);box-sizing:border-box;border-radius:var(--sizing-1, 4px);outline:none;border:1px solid transparent}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton:focus{border:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton:hover{background:var(--brand-bg-tertiary-hover, #edf5ff)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton.toggled{border:1px solid var(--brand-bg-primary-default, #2A6AB8);background:var(--brand-bg-secondary-default, #EDF5FF)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton svg{display:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewThumbnail:after{content:\"\\e968\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewOutline:after{content:\"\\ea1b\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewLayers:after{content:\"\\e935\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-content #sidebarContent{top:28px!important;background-color:var(--neutral-bg-island-default, #F8F9FA)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar{width:var(--sizing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar-thumb,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar-thumb,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default, #BFC5CC);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar-thumb:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar-thumb:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar-thumb:hover{background:var(--neutral-bg-stroke-default, #BFC5CC)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView{padding:var(--spacing-3, 16px) var(--sizing-10, 40px);width:calc(100% - var(--sizing-20, 80px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView .thumbnail{margin:0;border:var(--spacing-1) solid rgba(0,0,0,0);border-radius:0}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView .thumbnail.selected{border:var(--spacing-1, 4px) solid var(--brand-bg-secondary-selected, #BED6F1)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView{padding:var(--spacing-3, 16px);width:calc(100% - var(--spacing-6, 64px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem:hover{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem>a,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem>a{color:var(--neutral-text-primary, #262626);font-size:var(--body-sm-font-size, 12px);line-height:var(--body-lg-bold-font-size, 16px);outline:none;border:none;padding:calc(var(--spacing-1, 4px) / 2) var(--spacing-1, 4px);min-width:calc(100% - var(--sizing-3, 12px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem>a:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem>a:focus{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem.selected>a,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem.selected>a{border-radius:var(--spacing-1, 4px);border:1px solid var(--brand-bg-primary-default, #2A6AB8)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem input[type=checkbox]:checked,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem input[type=checkbox]:checked{accent-color:var(--brand-bg-primary-default, #2A6AB8)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler{font-family:mrx-icon-font!important;color:var(--neutral-icon-default, 33373C);line-height:1;font-size:var(--body-lg-font-size, 16px);box-sizing:border-box;cursor:pointer}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler:before,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler:before{content:\"\\e926\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler.treeItemsHidden:before,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler.treeItemsHidden:before{content:\"\\e925\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar{width:var(--sizing-2, 8px);height:var(--sizing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default, #BFC5CC);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar-thumb:hover{background:var(--neutral-bg-stroke-default, #BFC5CC)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .pdfViewer .page{border:none;box-shadow:0 1px 4px #3b43571a;margin-bottom:var(--spacing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer .highlight{background-color:var(--brand-bg-primary-default, #2A6AB8)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer .highlight.selected{background-color:var(--system-text-positive, #004A1A)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer ::selection{background:var(--brand-bg-secondary-hover, #bed6f1)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .dialogButton{color:var(--neutral-text-primary, #262626);font-size:var(--body-md-font-size, 14px);line-height:20px;background-color:var(--brand-bg-tertiary-default, #FFF);border:var(--brand-bg-tertiary-default, #FFF)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog{box-shadow:0 1px 4px #3a3a3a4d;border:none;padding:var(--spacing-3, 16px);background:var(--brand-bg-tertiary-default, #FFF)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog::backdrop{background:var(--neutral-bg-modal, rgba(38, 38, 38, .25))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress{border-radius:var(--sizing-1, 4px);width:120px;height:var(--sizing-1, 4px);vertical-align:middle}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress::-webkit-progress-bar{background-color:var(--neutral-bg-island-default, #F8F9FA);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress::-webkit-progress-value{background-color:var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "formData", "disableForms", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "delayFirstView", "showTextEditor", "showStampEditor", "showDrawEditor", "logLevel", "relativeCoordsOptions", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "useBrowserLocale", "forceUsingLegacyES5", "backgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "replaceBrowserPrint", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "activeSidebarView", "findbarVisible", "propertiesDialogVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindCurrentPageOnly", "showFindPageRange", "showFindEntireWord", "showFindEntirePhrase", "showFindMatchDiacritics", "showFindFuzzySearch", "showFindResultsCount", "showFindMessages", "showPagingButtons", "showZoomButtons", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showSinglePageModeButton", "showVerticalScrollButton", "showHorizontalScrollButton", "showWrappedScrollButton", "showInfiniteScrollButton", "showBookModeButton", "showRotateButton", "handTool", "showHandToolButton", "showScrollingButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "mobileFriendlyZoom"], outputs: ["formDataChange", "pageViewModeChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "annotationLayerRendered", "annotationEditorLayerRendered", "xfaLayerRendered", "outlineLoaded", "attachmentsloaded", "layersloaded", "sidebarVisibleChange", "activeSidebarViewChange", "findbarVisibleChange", "propertiesDialogVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "annotationEditorModeChanged", "updateFindMatchesCount", "updateFindState", "zoomChange"] }, { kind: "component", type: i3.IconButtonComponent, selector: "mrx-icon-button", inputs: ["size", "state", "type", "iconClass", "disabled", "tooltip", "tooltipPosition", "tooltipMaxWidth", "isActive", "customClasses"], outputs: ["mrxClick"] }, { kind: "component", type: i4.InputSelectComponent, selector: "mrx-input-select", inputs: ["fields", "size", "selected", "bindValue", "bindLabel", "customClasses", "wrapperCustomClasses", "multiple", "loading", "addTag", "clearable", "items", "groupBy", "emptyValue", "virtualScroll", "trackByFn", "displayValue", "disabledFromDisplay", "maxLength", "customSearchFn", "isBottomLabel", "search", "required", "disabled", "readonly", "showEmptyFields", "placeholder", "searchable", "loadLabel", "notFoundText", "closeOnSelect", "multiCollapseCount", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched"] }, { kind: "component", type: i5.InputNumberComponent, selector: "mrx-input-number", inputs: ["fields", "placeholder", "innerClass", "customClasses", "required", "allowNegative", "size", "separator", "decimalSeparator", "isNullableValue", "isAutoCorrectingValue", "invalid", "checkInvalid", "numberType", "invalidMessage", "disabled", "readonly", "minValue", "maxValue"], outputs: ["modelChange"] }, { kind: "component", type: i6.InputTextComponent, selector: "mrx-input-text", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "size", "isTooltipValue", "icon", "iconColor", "mask", "maskPrefix", "showMaskTyped", "maskDropSpecialCharacters"], outputs: ["changed", "modelChange"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
             trigger('openClose', [
                 state('open', style({ height: '*', padding: '*', 'margin-bottom': '8px' })),
                 state('closed', style({ height: 0, padding: 0, 'margin-bottom': 0 })),
@@ -226,7 +226,7 @@ export class PdfViewerComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mrx-pdf-viewer', animations: [
                         trigger('openClose', [

package/esm2022/lib/components/pdf-viewer/pdf-viewer.module.mjs

@@ -11,8 +11,8 @@ import { InputTextModule } from "../form/input-text/input-text.module";
 import { FormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class PdfViewerComponentModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponentModule, declarations: [PdfViewerComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfViewerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PdfViewerComponentModule, declarations: [PdfViewerComponent], imports: [CommonModule,
             TooltipModule,
             CdkTooltipModule,
             NgxExtendedPdfViewerModule,
@@ -23,7 +23,7 @@ export class PdfViewerComponentModule {
             CommonModule,
             FormsModule,
             InputNumberModule], exports: [PdfViewerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponentModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfViewerComponentModule, imports: [CommonModule,
             TooltipModule,
             CdkTooltipModule,
             NgxExtendedPdfViewerModule,
@@ -35,7 +35,7 @@ export class PdfViewerComponentModule {
             FormsModule,
             InputNumberModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfViewerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PdfViewerComponent],

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

@@ -8,10 +8,10 @@ export class ProgressComponent {
     get getProgressClasses() {
         return `${ProgressClasses[this.color]} ${this.customClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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-half)}.mrx-progress.mrx-progress .mrx-progress-bar{height:var(--sizing-3);border-radius:var(--border-radius-half);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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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-half)}.mrx-progress.mrx-progress .mrx-progress-bar{height:var(--sizing-3);border-radius:var(--border-radius-half);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: "17.3.11", ngImport: i0, type: ProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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-half)}.mrx-progress.mrx-progress .mrx-progress-bar{height:var(--sizing-3);border-radius:var(--border-radius-half);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/esm2022/lib/components/progress/progress.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { ProgressComponent } from './progress.component';
 import * as i0 from "@angular/core";
 export class ProgressModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ProgressModule, declarations: [ProgressComponent], imports: [CommonModule], exports: [ProgressComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProgressModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ProgressModule, declarations: [ProgressComponent], imports: [CommonModule], exports: [ProgressComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProgressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ProgressComponent],

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

@@ -4,10 +4,10 @@ import * as i1 from "@angular/common";
 export class SaveStateCheckboxComponent {
     state;
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SaveStateCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: "17.3.11", ngImport: i0, type: SaveStateCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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: () => [], propDecorators: { state: [{

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

@@ -4,10 +4,10 @@ import * as i1 from "@angular/common";
 export class SaveStateCheckboxGroupComponent {
     state;
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SaveStateCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SaveStateCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: "17.3.11", ngImport: i0, type: SaveStateCheckboxGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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: () => [], propDecorators: { state: [{