myrta-ui 17.0.89 → 17.0.91

package/fesm2022/myrta-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Input, Component, Pipe, EventEmitter, Output, ChangeDetectionStrategy, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, forwardRef, InjectionToken, TemplateRef, Inject, Injector, HostListener, Directive, ViewChild, ContentChild, ContentChildren, HostBinding, ViewEncapsulation, ViewChildren } from '@angular/core';
+import { Input, Component, Pipe, EventEmitter, Output, ChangeDetectionStrategy, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, forwardRef, InjectionToken, TemplateRef, Inject, Injector, HostListener, Directive, ViewChild, ContentChild, ContentChildren, HostBinding, ViewEncapsulation, ViewChildren, viewChild } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, NgOptimizedImage, registerLocaleData, DatePipe, DOCUMENT } from '@angular/common';
 import * as i2 from '@angular/router';
@@ -16222,7 +16222,6 @@ class RadioGroupItemComponent {
     isLast;
     disabled = false;
     readonly = false;
-    animationEnd = new EventEmitter();
     radioChanged = new EventEmitter();
     constructor(detector) {
         this.detector = detector;
@@ -16240,11 +16239,11 @@ class RadioGroupItemComponent {
         this.detector.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { animationEnd: "animationEnd", radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n  @if (item.array.length && level < 10) {\r\n    <div class=\"mrx-radio-group__item--array\">\r\n      <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n        <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [value]=\"item.id\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n        >{{ item.text }}</mrx-radio>\r\n      </div>\r\n\r\n      <div class=\"mrx-radio-group__item--array-list\">\r\n        @for (child of item.array; track child.id) {\r\n          <mrx-radio-group-item\r\n            [level]=\"level + 1\"\r\n            [selectedValue]=\"selectedValue\"\r\n            [item]=\"child\"\r\n            [invalid]=\"invalid\"\r\n            [bold]=\"bold\"\r\n            [name]=\"name\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            (radioChanged)=\"radioChanged.emit($event)\"\r\n          ></mrx-radio-group-item>\r\n        }\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"mrx-radio-group__item--single\">\r\n      <mrx-radio\r\n        [ngModel]=\"selectedValue?.id\"\r\n        [name]=\"name\"\r\n        [boldLabel]=\"bold\"\r\n        [type]=\"'default'\"\r\n        [value]=\"item.id\"\r\n        [invalid]=\"invalid\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "invalid", "value"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n  @if (item.array.length && level < 10) {\r\n    <div class=\"mrx-radio-group__item--array\">\r\n      <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n        <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [value]=\"item.id\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n        >{{ item.text }}</mrx-radio>\r\n      </div>\r\n\r\n      <div class=\"mrx-radio-group__item--array-list\">\r\n        @for (child of item.array; track child.id) {\r\n          <mrx-radio-group-item\r\n            [level]=\"level + 1\"\r\n            [selectedValue]=\"selectedValue\"\r\n            [item]=\"child\"\r\n            [invalid]=\"invalid\"\r\n            [bold]=\"bold\"\r\n            [name]=\"name\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            (radioChanged)=\"radioChanged.emit($event)\"\r\n          ></mrx-radio-group-item>\r\n        }\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"mrx-radio-group__item--single\">\r\n      <mrx-radio\r\n        [ngModel]=\"selectedValue?.id\"\r\n        [name]=\"name\"\r\n        [boldLabel]=\"bold\"\r\n        [type]=\"'default'\"\r\n        [value]=\"item.id\"\r\n        [invalid]=\"invalid\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "invalid", "value"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["radioChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-radio-group-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n  @if (item.array.length && level < 10) {\r\n    <div class=\"mrx-radio-group__item--array\">\r\n      <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n\r\n        <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [value]=\"item.id\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n        >{{ item.text }}</mrx-radio>\r\n      </div>\r\n\r\n      <div class=\"mrx-radio-group__item--array-list\">\r\n        @for (child of item.array; track child.id) {\r\n          <mrx-radio-group-item\r\n            [level]=\"level + 1\"\r\n            [selectedValue]=\"selectedValue\"\r\n            [item]=\"child\"\r\n            [invalid]=\"invalid\"\r\n            [bold]=\"bold\"\r\n            [name]=\"name\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            (radioChanged)=\"radioChanged.emit($event)\"\r\n          ></mrx-radio-group-item>\r\n        }\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"mrx-radio-group__item--single\">\r\n      <mrx-radio\r\n        [ngModel]=\"selectedValue?.id\"\r\n        [name]=\"name\"\r\n        [boldLabel]=\"bold\"\r\n        [type]=\"'default'\"\r\n        [value]=\"item.id\"\r\n        [invalid]=\"invalid\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"] }]
+            args: [{ selector: 'mrx-radio-group-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n  @if (item.array.length && level < 10) {\r\n    <div class=\"mrx-radio-group__item--array\">\r\n      <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n        <mrx-radio\r\n          [ngModel]=\"selectedValue?.id\"\r\n          [value]=\"item.id\"\r\n          [name]=\"name\"\r\n          [boldLabel]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          (ngModelChange)=\"radioChangeModel($event, item)\"\r\n        >{{ item.text }}</mrx-radio>\r\n      </div>\r\n\r\n      <div class=\"mrx-radio-group__item--array-list\">\r\n        @for (child of item.array; track child.id) {\r\n          <mrx-radio-group-item\r\n            [level]=\"level + 1\"\r\n            [selectedValue]=\"selectedValue\"\r\n            [item]=\"child\"\r\n            [invalid]=\"invalid\"\r\n            [bold]=\"bold\"\r\n            [name]=\"name\"\r\n            [disabled]=\"disabled\"\r\n            [readonly]=\"readonly\"\r\n            [animationTrigger]=\"animationTrigger\"\r\n            (radioChanged)=\"radioChanged.emit($event)\"\r\n          ></mrx-radio-group-item>\r\n        }\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"mrx-radio-group__item--single\">\r\n      <mrx-radio\r\n        [ngModel]=\"selectedValue?.id\"\r\n        [name]=\"name\"\r\n        [boldLabel]=\"bold\"\r\n        [type]=\"'default'\"\r\n        [value]=\"item.id\"\r\n        [invalid]=\"invalid\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        (ngModelChange)=\"radioChangeModel($event, item)\"\r\n      >{{ item.text }}</mrx-radio>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { invalid: [{
                 type: Input
             }], name: [{
@@ -16267,8 +16266,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], readonly: [{
                 type: Input
-            }], animationEnd: [{
-                type: Output
             }], radioChanged: [{
                 type: Output
             }] } });
@@ -16317,7 +16314,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 class RadioGroupComponent {
     _detector;
-    _groupItemsWrapperHeight = 0;
     _searchValue = '';
     _list = [];
     selectedValue = null;
@@ -16353,7 +16349,7 @@ class RadioGroupComponent {
     get items() {
         return this.filteredList;
     }
-    groupItemsWrapper;
+    itemsWrapper = viewChild.required('groupItemsWrapper');
     changed = new EventEmitter();
     modelChange = new EventEmitter();
     modelCheckedChange = new EventEmitter();
@@ -16371,7 +16367,7 @@ class RadioGroupComponent {
         return `${this.customClasses}`;
     }
     get getShowScroll() {
-        return this._groupItemsWrapperHeight > this.scrollMaxHeight;
+        return this.itemsWrapper().nativeElement.scrollHeight > this.scrollMaxHeight;
     }
     get isInvalidMessage() {
         return !!this.invalidMessage || !!this.invalidMessage?.length;
@@ -16392,9 +16388,6 @@ class RadioGroupComponent {
         this.onChange(targetItem);
         this.onTouched();
     }
-    checkHeightGroupWrapper() {
-        this._groupItemsWrapperHeight = this.groupItemsWrapper.nativeElement.scrollHeight;
-    }
     updateRadioGroupSearchValue(searchValue) {
         this._searchValue = searchValue;
         this.filteredList = filterSearchGroup(this._list, this._searchValue);
@@ -16419,7 +16412,7 @@ class RadioGroupComponent {
                 useExisting: forwardRef(() => RadioGroupComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n  <mrx-radio-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"required\"\r\n    [searchSize]=\"searchSize\"\r\n    [labelText]=\"labelText\"\r\n    (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n  ></mrx-radio-group-header>\r\n\r\n  @if (filteredList && filteredList.length) {\r\n    <div\r\n      #groupItemsWrapper\r\n      class=\"mrx-radio-group-wrapper\"\r\n      [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n    >\r\n      @for (item of filteredList; track item.id; let last = $last) {\r\n        <mrx-radio-group-item\r\n          [displaced]=\"displaced || false\"\r\n          [item]=\"item\"\r\n          [isLast]=\"last\"\r\n          [selectedValue]=\"selectedValue\"\r\n          [name]=\"name\"\r\n          [bold]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          [animationTrigger]=\"!!isSearchValue\"\r\n          (animationEnd)=\"checkHeightGroupWrapper()\"\r\n          (radioChanged)=\"radioChanged($event)\"\r\n        ></mrx-radio-group-item>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n  }\r\n\r\n  @if (invalid && isInvalidMessage) {\r\n    <mrx-error-message [invalidMessage]=\"invalidMessage\" [customClasses]=\"'mt-2'\"></mrx-error-message>\r\n  }\r\n</div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}\n"], dependencies: [{ kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }, { kind: "component", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateradioGroupSearchValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "itemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n  <mrx-radio-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"required\"\r\n    [searchSize]=\"searchSize\"\r\n    [labelText]=\"labelText\"\r\n    (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n  ></mrx-radio-group-header>\r\n\r\n  @if (filteredList && filteredList.length) {\r\n    <div\r\n      #groupItemsWrapper\r\n      class=\"mrx-radio-group-wrapper\"\r\n      [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n    >\r\n      @for (item of filteredList; track item.id; let last = $last) {\r\n        <mrx-radio-group-item\r\n          [displaced]=\"displaced || false\"\r\n          [item]=\"item\"\r\n          [isLast]=\"last\"\r\n          [selectedValue]=\"selectedValue\"\r\n          [name]=\"name\"\r\n          [bold]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          [animationTrigger]=\"!!isSearchValue\"\r\n          (radioChanged)=\"radioChanged($event)\"\r\n        ></mrx-radio-group-item>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n  }\r\n\r\n  @if (invalid && isInvalidMessage) {\r\n    <mrx-error-message [invalidMessage]=\"invalidMessage\" [customClasses]=\"'mt-2'\"></mrx-error-message>\r\n  }\r\n</div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:var(--spacing-3, 12px);padding-bottom:var(--spacing-3, 12px);border-color:var(--neutral-bg-divider)}\n"], dependencies: [{ kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["radioChanged"] }, { kind: "component", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateradioGroupSearchValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, providedIn: RadioGroupComponent });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, decorators: [{
@@ -16435,7 +16428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                             useExisting: forwardRef(() => RadioGroupComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n  <mrx-radio-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"required\"\r\n    [searchSize]=\"searchSize\"\r\n    [labelText]=\"labelText\"\r\n    (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n  ></mrx-radio-group-header>\r\n\r\n  @if (filteredList && filteredList.length) {\r\n    <div\r\n      #groupItemsWrapper\r\n      class=\"mrx-radio-group-wrapper\"\r\n      [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n    >\r\n      @for (item of filteredList; track item.id; let last = $last) {\r\n        <mrx-radio-group-item\r\n          [displaced]=\"displaced || false\"\r\n          [item]=\"item\"\r\n          [isLast]=\"last\"\r\n          [selectedValue]=\"selectedValue\"\r\n          [name]=\"name\"\r\n          [bold]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          [animationTrigger]=\"!!isSearchValue\"\r\n          (animationEnd)=\"checkHeightGroupWrapper()\"\r\n          (radioChanged)=\"radioChanged($event)\"\r\n        ></mrx-radio-group-item>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n  }\r\n\r\n  @if (invalid && isInvalidMessage) {\r\n    <mrx-error-message [invalidMessage]=\"invalidMessage\" [customClasses]=\"'mt-2'\"></mrx-error-message>\r\n  }\r\n</div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}\n"] }]
+                    ], template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n  <mrx-radio-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [required]=\"required\"\r\n    [searchSize]=\"searchSize\"\r\n    [labelText]=\"labelText\"\r\n    (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n  ></mrx-radio-group-header>\r\n\r\n  @if (filteredList && filteredList.length) {\r\n    <div\r\n      #groupItemsWrapper\r\n      class=\"mrx-radio-group-wrapper\"\r\n      [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n    >\r\n      @for (item of filteredList; track item.id; let last = $last) {\r\n        <mrx-radio-group-item\r\n          [displaced]=\"displaced || false\"\r\n          [item]=\"item\"\r\n          [isLast]=\"last\"\r\n          [selectedValue]=\"selectedValue\"\r\n          [name]=\"name\"\r\n          [bold]=\"bold\"\r\n          [invalid]=\"invalid\"\r\n          [disabled]=\"disabled\"\r\n          [readonly]=\"readonly\"\r\n          [animationTrigger]=\"!!isSearchValue\"\r\n          (radioChanged)=\"radioChanged($event)\"\r\n        ></mrx-radio-group-item>\r\n      }\r\n    </div>\r\n  } @else {\r\n    <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n  }\r\n\r\n  @if (invalid && isInvalidMessage) {\r\n    <mrx-error-message [invalidMessage]=\"invalidMessage\" [customClasses]=\"'mt-2'\"></mrx-error-message>\r\n  }\r\n</div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:var(--spacing-3, 12px);padding-bottom:var(--spacing-3, 12px);border-color:var(--neutral-bg-divider)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { fields: [{
                 type: Input
             }], searchSize: [{
@@ -16476,9 +16469,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], items: [{
                 type: Input
-            }], groupItemsWrapper: [{
-                type: ViewChild,
-                args: ['groupItemsWrapper']
             }], changed: [{
                 type: Output
             }], modelChange: [{
@@ -17914,7 +17904,7 @@ class PdfViewerComponent {
         this.handTool = !this.handTool;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfViewerComponent, deps: [{ token: i1$7.NgxExtendedPdfViewerService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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 g-2\">\r\n      <div class=\"d-flex g-1\">\r\n        @if (showSidebarButton) {\r\n          <mrx-icon-button\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            [tooltip]=\"'\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C/\u0441\u043A\u0440\u044B\u0442\u044C \u0431\u043E\u043A\u043E\u0432\u0443\u044E \u043F\u0430\u043D\u0435\u043B\u044C'\"\r\n            [tooltipPosition]=\"'bottom-start'\"\r\n          ></mrx-icon-button>\r\n        }\r\n        @if (showFindbarButton) {\r\n          <mrx-icon-button\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            [tooltip]=\"'\u041D\u0430\u0439\u0442\u0438 \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435'\"\r\n            [tooltipPosition]=\"'bottom-start'\"\r\n          ></mrx-icon-button>\r\n        }\r\n      </div>\r\n\r\n      @if (isSearchPanelVisible) {\r\n        <div class=\"mrx-pdf-viewer__findbar g-1\" #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          <div class=\"d-flex\">\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>\r\n          @if (findState === 0 || findState === 2) {\r\n            <div class=\"mrx-pdf-viewer__findbar-result\">\r\n              {{ currentFind }} \u0438\u0437 {{ totalFound }} \u0441\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439\r\n            </div>\r\n          }\r\n          @if (findState === 1) {\r\n            <div class=\"color-negative d-flex align-items-center nowrap\">\u0424\u0440\u0430\u0437\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430</div>\r\n          }\r\n        </div>\r\n      }\r\n\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          [tooltip]=\"'\u041F\u0435\u0440\u0432\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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          [tooltip]=\"'\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onPageChange(page - 1 || 1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-input-number\r\n          [size]=\"'small'\"\r\n          [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          [tooltip]=\"'\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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          [tooltip]=\"'\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u044F\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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        [tooltip]=\"'\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C'\"\r\n        [tooltipPosition]=\"'bottom-start'\"\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        [tooltip]=\"'\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C'\"\r\n        [tooltipPosition]=\"'bottom-start'\"\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      @if (showHandToolButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-fc-text'\"\r\n          [size]=\"'medium'\"\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      }\r\n      @if (showRotateButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-reload'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E \u0447\u0430\u0441\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0435\u043B\u043A\u0435'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showRotateButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-return'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(-1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u0440\u043E\u0442\u0438\u0432 \u0447\u0430\u0441\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0435\u043B\u043A\u0438'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showExpandButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-arrow-expand'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onExpandModeClick()\"\r\n          [tooltip]=\"'\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043D\u0430 \u0432\u0435\u0441\u044C \u044D\u043A\u0440\u0430\u043D'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showPrintButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-print'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u0435\u0447\u0430\u0442\u044C'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onPrintClick()\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showDownloadButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-download'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u0421\u043A\u0430\u0447\u0430\u0442\u044C'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onDownloadClick()\"\r\n        ></mrx-icon-button>\r\n      }\r\n    </div>\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  [src]=\"src\"\r\n  [page]=\"page\"\r\n  [sidebarVisible]=\"showSidebarButton && sidebarVisible\"\r\n  [customToolbar]=\"customToolbar\"\r\n  [showSidebarButton]=\"true\"\r\n  [zoom]=\"selectedZoom.value\"\r\n  [textLayer]=\"true\"\r\n  [handTool]=\"handTool\"\r\n  [rotation]=\"rotation\"\r\n  (zoomChange)=\"onZoomChange($event)\"\r\n  (pageChange)=\"onPageChange($event)\"\r\n  (pagesLoaded)=\"onPagesLoaded($event)\"\r\n  (updateFindState)=\"onFindStateChanged($event)\"\r\n  (sidebarVisibleChange)=\"onSidebarVisibleChange($event)\"\r\n  (updateFindMatchesCount)=\"onUpdateMatchCase($event)\"\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-select-container .ng-value-container .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-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.icon-font-24{font-size:24px!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button{position:relative;max-width:36px;max-height:28px;box-sizing:border-box}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:after{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--border-radius-1, 4px);border:1px solid transparent;transition:.2s}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button{background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button:after{border-color:var(--brand-bg-primary-default, #2A6AB8)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active{background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active:after{border-color:var(--brand-bg-primary-default, #2A6AB8)}.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-input-text{width:100%}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar mrx-input-text .mrx-input-text{box-shadow:0 1px 4px #3a3a3a4d;border-radius:var(--border-radius-1)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar mrx-icon-button .mrx-icon-button{max-width:unset;max-height:unset}.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);white-space:nowrap}.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-2, 8px);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}.mrx-pdf-viewer__findbar ::ng-deep .mrx-input-text.mrx-input-text{max-width:279px;min-width:279px}::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: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$7.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: IconButtonComponent, selector: "mrx-icon-button", inputs: ["size", "state", "type", "iconClass", "disabled", "tooltip", "tooltipPosition", "tooltipMaxWidth", "isActive", "customClasses"], outputs: ["mrxClick"] }, { kind: "component", type: 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", "dropdownPosition", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched"] }, { kind: "component", type: InputNumberComponent, selector: "mrx-input-number", inputs: ["fields", "placeholder", "innerClass", "customClasses", "required", "allowNegative", "size", "separator", "decimalSeparator", "decimals", "isNullableValue", "isAutoCorrectingValue", "invalid", "checkInvalid", "numberType", "invalidMessage", "disabled", "readonly", "minValue", "maxValue"], outputs: ["modelChange"] }, { kind: "component", type: 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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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 g-2\">\r\n      <div class=\"d-flex g-1\">\r\n        @if (showSidebarButton) {\r\n          <mrx-icon-button\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            [tooltip]=\"'\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C/\u0441\u043A\u0440\u044B\u0442\u044C \u0431\u043E\u043A\u043E\u0432\u0443\u044E \u043F\u0430\u043D\u0435\u043B\u044C'\"\r\n            [tooltipPosition]=\"'bottom-start'\"\r\n          ></mrx-icon-button>\r\n        }\r\n        @if (showFindbarButton) {\r\n          <mrx-icon-button\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            [tooltip]=\"'\u041D\u0430\u0439\u0442\u0438 \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435'\"\r\n            [tooltipPosition]=\"'bottom-start'\"\r\n          ></mrx-icon-button>\r\n        }\r\n      </div>\r\n\r\n      @if (isSearchPanelVisible) {\r\n        <div class=\"mrx-pdf-viewer__findbar g-1\" #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          <div class=\"d-flex\">\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>\r\n          @if (findState === 0 || findState === 2) {\r\n            <div class=\"mrx-pdf-viewer__findbar-result\">\r\n              {{ currentFind }} \u0438\u0437 {{ totalFound }} \u0441\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439\r\n            </div>\r\n          }\r\n          @if (findState === 1) {\r\n            <div class=\"color-negative d-flex align-items-center nowrap\">\u0424\u0440\u0430\u0437\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430</div>\r\n          }\r\n        </div>\r\n      }\r\n\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          [tooltip]=\"'\u041F\u0435\u0440\u0432\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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          [tooltip]=\"'\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onPageChange(page - 1 || 1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-input-number\r\n          [size]=\"'small'\"\r\n          [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          [tooltip]=\"'\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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          [tooltip]=\"'\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u044F\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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        [tooltip]=\"'\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C'\"\r\n        [tooltipPosition]=\"'bottom-start'\"\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        [tooltip]=\"'\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C'\"\r\n        [tooltipPosition]=\"'bottom-start'\"\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      @if (showHandToolButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-fc-text'\"\r\n          [size]=\"'medium'\"\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      }\r\n      @if (showRotateButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-reload'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E \u0447\u0430\u0441\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0435\u043B\u043A\u0435'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showRotateButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-return'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(-1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u0440\u043E\u0442\u0438\u0432 \u0447\u0430\u0441\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0435\u043B\u043A\u0438'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showExpandButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-arrow-expand'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onExpandModeClick()\"\r\n          [tooltip]=\"'\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043D\u0430 \u0432\u0435\u0441\u044C \u044D\u043A\u0440\u0430\u043D'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showPrintButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-print'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u0435\u0447\u0430\u0442\u044C'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onPrintClick()\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showDownloadButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-download'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u0421\u043A\u0430\u0447\u0430\u0442\u044C'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onDownloadClick()\"\r\n        ></mrx-icon-button>\r\n      }\r\n    </div>\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  [src]=\"src\"\r\n  [page]=\"page\"\r\n  [sidebarVisible]=\"showSidebarButton && sidebarVisible\"\r\n  [customToolbar]=\"customToolbar\"\r\n  [showSidebarButton]=\"true\"\r\n  [zoom]=\"selectedZoom.value\"\r\n  [textLayer]=\"true\"\r\n  [handTool]=\"handTool\"\r\n  [rotation]=\"rotation\"\r\n  (zoomChange)=\"onZoomChange($event)\"\r\n  (pageChange)=\"onPageChange($event)\"\r\n  (pagesLoaded)=\"onPagesLoaded($event)\"\r\n  (updateFindState)=\"onFindStateChanged($event)\"\r\n  (sidebarVisibleChange)=\"onSidebarVisibleChange($event)\"\r\n  (updateFindMatchesCount)=\"onUpdateMatchCase($event)\"\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);background:var(--brand-bg-tertiary-default, #FFF)}.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-select-container .ng-value-container .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-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.icon-font-24{font-size:24px!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button{position:relative;max-width:36px;max-height:28px;box-sizing:border-box}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:after{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--border-radius-1, 4px);border:1px solid transparent;transition:.2s}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button{background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button:after{border-color:var(--brand-bg-primary-default, #2A6AB8)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active{background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active:after{border-color:var(--brand-bg-primary-default, #2A6AB8)}.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-input-text{width:100%}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar mrx-input-text .mrx-input-text{box-shadow:0 1px 4px #3a3a3a4d;border-radius:var(--border-radius-1)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar mrx-icon-button .mrx-icon-button{max-width:unset;max-height:unset}.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);white-space:nowrap}.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-2, 8px);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}.mrx-pdf-viewer__findbar ::ng-deep .mrx-input-text.mrx-input-text{max-width:279px;min-width:279px}::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: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$7.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: IconButtonComponent, selector: "mrx-icon-button", inputs: ["size", "state", "type", "iconClass", "disabled", "tooltip", "tooltipPosition", "tooltipMaxWidth", "isActive", "customClasses"], outputs: ["mrxClick"] }, { kind: "component", type: 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", "dropdownPosition", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched"] }, { kind: "component", type: InputNumberComponent, selector: "mrx-input-number", inputs: ["fields", "placeholder", "innerClass", "customClasses", "required", "allowNegative", "size", "separator", "decimalSeparator", "decimals", "isNullableValue", "isAutoCorrectingValue", "invalid", "checkInvalid", "numberType", "invalidMessage", "disabled", "readonly", "minValue", "maxValue"], outputs: ["modelChange"] }, { kind: "component", type: 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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.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 })),
@@ -17932,7 +17922,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                             transition('open => closed', [animate('0.5s ease')]),
                             transition('closed => open', [animate('0.5s ease')]),
                         ]),
-                    ], providers: [TooltipService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #customToolbar>\r\n  <div class=\"mrx-pdf-viewer__toolbar\" id=\"toolbarViewer\">\r\n    <div class=\"d-flex g-2\">\r\n      <div class=\"d-flex g-1\">\r\n        @if (showSidebarButton) {\r\n          <mrx-icon-button\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            [tooltip]=\"'\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C/\u0441\u043A\u0440\u044B\u0442\u044C \u0431\u043E\u043A\u043E\u0432\u0443\u044E \u043F\u0430\u043D\u0435\u043B\u044C'\"\r\n            [tooltipPosition]=\"'bottom-start'\"\r\n          ></mrx-icon-button>\r\n        }\r\n        @if (showFindbarButton) {\r\n          <mrx-icon-button\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            [tooltip]=\"'\u041D\u0430\u0439\u0442\u0438 \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435'\"\r\n            [tooltipPosition]=\"'bottom-start'\"\r\n          ></mrx-icon-button>\r\n        }\r\n      </div>\r\n\r\n      @if (isSearchPanelVisible) {\r\n        <div class=\"mrx-pdf-viewer__findbar g-1\" #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          <div class=\"d-flex\">\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>\r\n          @if (findState === 0 || findState === 2) {\r\n            <div class=\"mrx-pdf-viewer__findbar-result\">\r\n              {{ currentFind }} \u0438\u0437 {{ totalFound }} \u0441\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439\r\n            </div>\r\n          }\r\n          @if (findState === 1) {\r\n            <div class=\"color-negative d-flex align-items-center nowrap\">\u0424\u0440\u0430\u0437\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430</div>\r\n          }\r\n        </div>\r\n      }\r\n\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          [tooltip]=\"'\u041F\u0435\u0440\u0432\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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          [tooltip]=\"'\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onPageChange(page - 1 || 1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-input-number\r\n          [size]=\"'small'\"\r\n          [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          [tooltip]=\"'\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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          [tooltip]=\"'\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u044F\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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        [tooltip]=\"'\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C'\"\r\n        [tooltipPosition]=\"'bottom-start'\"\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        [tooltip]=\"'\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C'\"\r\n        [tooltipPosition]=\"'bottom-start'\"\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      @if (showHandToolButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-fc-text'\"\r\n          [size]=\"'medium'\"\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      }\r\n      @if (showRotateButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-reload'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E \u0447\u0430\u0441\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0435\u043B\u043A\u0435'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showRotateButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-return'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(-1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u0440\u043E\u0442\u0438\u0432 \u0447\u0430\u0441\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0435\u043B\u043A\u0438'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showExpandButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-arrow-expand'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onExpandModeClick()\"\r\n          [tooltip]=\"'\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043D\u0430 \u0432\u0435\u0441\u044C \u044D\u043A\u0440\u0430\u043D'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showPrintButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-print'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u0435\u0447\u0430\u0442\u044C'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onPrintClick()\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showDownloadButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-download'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u0421\u043A\u0430\u0447\u0430\u0442\u044C'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onDownloadClick()\"\r\n        ></mrx-icon-button>\r\n      }\r\n    </div>\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  [src]=\"src\"\r\n  [page]=\"page\"\r\n  [sidebarVisible]=\"showSidebarButton && sidebarVisible\"\r\n  [customToolbar]=\"customToolbar\"\r\n  [showSidebarButton]=\"true\"\r\n  [zoom]=\"selectedZoom.value\"\r\n  [textLayer]=\"true\"\r\n  [handTool]=\"handTool\"\r\n  [rotation]=\"rotation\"\r\n  (zoomChange)=\"onZoomChange($event)\"\r\n  (pageChange)=\"onPageChange($event)\"\r\n  (pagesLoaded)=\"onPagesLoaded($event)\"\r\n  (updateFindState)=\"onFindStateChanged($event)\"\r\n  (sidebarVisibleChange)=\"onSidebarVisibleChange($event)\"\r\n  (updateFindMatchesCount)=\"onUpdateMatchCase($event)\"\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-select-container .ng-value-container .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-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.icon-font-24{font-size:24px!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button{position:relative;max-width:36px;max-height:28px;box-sizing:border-box}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:after{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--border-radius-1, 4px);border:1px solid transparent;transition:.2s}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button{background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button:after{border-color:var(--brand-bg-primary-default, #2A6AB8)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active{background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active:after{border-color:var(--brand-bg-primary-default, #2A6AB8)}.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-input-text{width:100%}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar mrx-input-text .mrx-input-text{box-shadow:0 1px 4px #3a3a3a4d;border-radius:var(--border-radius-1)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar mrx-icon-button .mrx-icon-button{max-width:unset;max-height:unset}.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);white-space:nowrap}.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-2, 8px);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}.mrx-pdf-viewer__findbar ::ng-deep .mrx-input-text.mrx-input-text{max-width:279px;min-width:279px}::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"] }]
+                    ], providers: [TooltipService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #customToolbar>\r\n  <div class=\"mrx-pdf-viewer__toolbar\" id=\"toolbarViewer\">\r\n    <div class=\"d-flex g-2\">\r\n      <div class=\"d-flex g-1\">\r\n        @if (showSidebarButton) {\r\n          <mrx-icon-button\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            [tooltip]=\"'\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C/\u0441\u043A\u0440\u044B\u0442\u044C \u0431\u043E\u043A\u043E\u0432\u0443\u044E \u043F\u0430\u043D\u0435\u043B\u044C'\"\r\n            [tooltipPosition]=\"'bottom-start'\"\r\n          ></mrx-icon-button>\r\n        }\r\n        @if (showFindbarButton) {\r\n          <mrx-icon-button\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            [tooltip]=\"'\u041D\u0430\u0439\u0442\u0438 \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435'\"\r\n            [tooltipPosition]=\"'bottom-start'\"\r\n          ></mrx-icon-button>\r\n        }\r\n      </div>\r\n\r\n      @if (isSearchPanelVisible) {\r\n        <div class=\"mrx-pdf-viewer__findbar g-1\" #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          <div class=\"d-flex\">\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>\r\n          @if (findState === 0 || findState === 2) {\r\n            <div class=\"mrx-pdf-viewer__findbar-result\">\r\n              {{ currentFind }} \u0438\u0437 {{ totalFound }} \u0441\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439\r\n            </div>\r\n          }\r\n          @if (findState === 1) {\r\n            <div class=\"color-negative d-flex align-items-center nowrap\">\u0424\u0440\u0430\u0437\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430</div>\r\n          }\r\n        </div>\r\n      }\r\n\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          [tooltip]=\"'\u041F\u0435\u0440\u0432\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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          [tooltip]=\"'\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onPageChange(page - 1 || 1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-input-number\r\n          [size]=\"'small'\"\r\n          [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          [tooltip]=\"'\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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          [tooltip]=\"'\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u044F\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\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        [tooltip]=\"'\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C'\"\r\n        [tooltipPosition]=\"'bottom-start'\"\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        [tooltip]=\"'\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C'\"\r\n        [tooltipPosition]=\"'bottom-start'\"\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      @if (showHandToolButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-fc-text'\"\r\n          [size]=\"'medium'\"\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      }\r\n      @if (showRotateButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-reload'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u043E \u0447\u0430\u0441\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0435\u043B\u043A\u0435'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showRotateButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-return'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(-1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u0440\u043E\u0442\u0438\u0432 \u0447\u0430\u0441\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0435\u043B\u043A\u0438'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showExpandButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-arrow-expand'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onExpandModeClick()\"\r\n          [tooltip]=\"'\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043D\u0430 \u0432\u0435\u0441\u044C \u044D\u043A\u0440\u0430\u043D'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showPrintButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-print'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u041F\u0435\u0447\u0430\u0442\u044C'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onPrintClick()\"\r\n        ></mrx-icon-button>\r\n      }\r\n      @if (showDownloadButton) {\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-download'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [tooltip]=\"'\u0421\u043A\u0430\u0447\u0430\u0442\u044C'\"\r\n          [tooltipPosition]=\"'bottom-start'\"\r\n          (mrxClick)=\"onDownloadClick()\"\r\n        ></mrx-icon-button>\r\n      }\r\n    </div>\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  [src]=\"src\"\r\n  [page]=\"page\"\r\n  [sidebarVisible]=\"showSidebarButton && sidebarVisible\"\r\n  [customToolbar]=\"customToolbar\"\r\n  [showSidebarButton]=\"true\"\r\n  [zoom]=\"selectedZoom.value\"\r\n  [textLayer]=\"true\"\r\n  [handTool]=\"handTool\"\r\n  [rotation]=\"rotation\"\r\n  (zoomChange)=\"onZoomChange($event)\"\r\n  (pageChange)=\"onPageChange($event)\"\r\n  (pagesLoaded)=\"onPagesLoaded($event)\"\r\n  (updateFindState)=\"onFindStateChanged($event)\"\r\n  (sidebarVisibleChange)=\"onSidebarVisibleChange($event)\"\r\n  (updateFindMatchesCount)=\"onUpdateMatchCase($event)\"\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);background:var(--brand-bg-tertiary-default, #FFF)}.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-select-container .ng-value-container .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-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.icon-font-24{font-size:24px!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button{position:relative;max-width:36px;max-height:28px;box-sizing:border-box}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:after{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--border-radius-1, 4px);border:1px solid transparent;transition:.2s}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button{background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button:after{border-color:var(--brand-bg-primary-default, #2A6AB8)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active{background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active:after{border-color:var(--brand-bg-primary-default, #2A6AB8)}.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-input-text{width:100%}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar mrx-input-text .mrx-input-text{box-shadow:0 1px 4px #3a3a3a4d;border-radius:var(--border-radius-1)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar mrx-icon-button .mrx-icon-button{max-width:unset;max-height:unset}.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);white-space:nowrap}.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-2, 8px);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}.mrx-pdf-viewer__findbar ::ng-deep .mrx-input-text.mrx-input-text{max-width:279px;min-width:279px}::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"] }]
         }], ctorParameters: () => [{ type: i1$7.NgxExtendedPdfViewerService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { showSidebarButton: [{
                 type: Input
             }], showHandToolButton: [{