myrta-ui 17.0.0-beta.17 → 17.0.0-beta.19

package/fesm2022/myrta-ui.mjs

@@ -55,6 +55,8 @@ import { ImageCropperComponent } from 'ngx-image-cropper';
 import localeRu$1 from '@angular/common/locales/ru';
 import { parsePhoneNumber } from 'libphonenumber-js';
 import { getExample, getAsYouType } from 'awesome-phonenumber';
+import * as i1$8 from 'ngx-extended-pdf-viewer';
+import { FindState, NgxExtendedPdfViewerComponent, NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
 
 var ButtonTypesEnum;
 (function (ButtonTypesEnum) {
@@ -1720,6 +1722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
 var IconButtonSizeEnum;
 (function (IconButtonSizeEnum) {
     IconButtonSizeEnum["small"] = "icon-font-16";
+    IconButtonSizeEnum["medium"] = "icon-font-20";
     IconButtonSizeEnum["large"] = "icon-font-24";
 })(IconButtonSizeEnum || (IconButtonSizeEnum = {}));
 var IconButtonStateEnum;
@@ -1740,6 +1743,8 @@ class IconButtonComponent {
     iconClass = '';
     disabled = false;
     tooltip = '';
+    tooltipPosition = 'top';
+    tooltipMaxWidth = null;
     isActive = false;
     customClasses = '';
     mrxClick = new EventEmitter();
@@ -1753,11 +1758,11 @@ class IconButtonComponent {
         this.mrxClick.emit($event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: IconButtonComponent, selector: "mrx-icon-button", inputs: { size: "size", state: "state", type: "type", iconClass: "iconClass", disabled: "disabled", tooltip: "tooltip", isActive: "isActive", customClasses: "customClasses" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n  class=\"mrx-icon mrx-icon-button\"\r\n  [mrxCdkTooltip]=\"tooltip\"\r\n  [tooltipActive]=\"stateTooltip\"\r\n  [class]=\"getClasses\"\r\n  [class.active]=\"isActive\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"], dependencies: [{ kind: "directive", type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: IconButtonComponent, selector: "mrx-icon-button", inputs: { size: "size", state: "state", type: "type", iconClass: "iconClass", disabled: "disabled", tooltip: "tooltip", tooltipPosition: "tooltipPosition", tooltipMaxWidth: "tooltipMaxWidth", isActive: "isActive", customClasses: "customClasses" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n  class=\"mrx-icon mrx-icon-button\"\r\n  [mrxCdkTooltip]=\"tooltip\"\r\n  [tooltipActive]=\"stateTooltip\"\r\n  [tooltipPosition]=\"tooltipPosition\"\r\n  [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n  [class]=\"getClasses\"\r\n  [class.active]=\"isActive\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"], dependencies: [{ kind: "directive", type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: IconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  class=\"mrx-icon mrx-icon-button\"\r\n  [mrxCdkTooltip]=\"tooltip\"\r\n  [tooltipActive]=\"stateTooltip\"\r\n  [class]=\"getClasses\"\r\n  [class.active]=\"isActive\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"] }]
+            args: [{ selector: 'mrx-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  class=\"mrx-icon mrx-icon-button\"\r\n  [mrxCdkTooltip]=\"tooltip\"\r\n  [tooltipActive]=\"stateTooltip\"\r\n  [tooltipPosition]=\"tooltipPosition\"\r\n  [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n  [class]=\"getClasses\"\r\n  [class.active]=\"isActive\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], state: [{
@@ -1770,6 +1775,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Input
             }], tooltip: [{
                 type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], tooltipMaxWidth: [{
+                type: Input
             }], isActive: [{
                 type: Input
             }], customClasses: [{
@@ -2471,7 +2480,7 @@ class TableComponent {
         this.changeTypeTable.emit(type);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TableComponent, selector: "mrx-table", inputs: { type: "type", data: "data", pageSize: "pageSize", currentPage: "currentPage", total: "total", link: "link", isLoading: "isLoading", sort: "sort", trackById: "trackById", sortable: "sortable", striped: "striped", customClasses: "customClasses", emptyResultMsg: "emptyResultMsg", hovered: "hovered", autoHeight: "autoHeight", headerSettings: "headerSettings", contentSettings: "contentSettings", paginatorSettings: "paginatorSettings", setPageable: ["pageable", "setPageable"] }, outputs: { dataStateChanged: "dataStateChanged", downloadData: "downloadData", changeTypeTable: "changeTypeTable", change: "change" }, queries: [{ propertyName: "templateCard", first: true, predicate: ["templateCard"], descendants: true }, { propertyName: "emptyResultMsgTemplate", first: true, predicate: ["emptyResultMsgTemplate"], descendants: true }, { propertyName: "contentChildren", predicate: ColumnComponent }], ngImport: i0, template: "<div class=\"mrx-table\" [class]=\"getClasses\" [class.mb-3]=\"pageable\">\r\n  <ng-container *ngIf=\"headerSettings\">\r\n    <div\r\n      class=\"mrx-table-card-header pt-2 pb-2 mb-3\"\r\n      [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n      *ngIf=\"headerSettings.type === 'default'\"\r\n    >\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"mrx-table-card-header--left col col-12 col-md-6 mb-1 mb-md-0 d-flex justify-content-start align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"counterTemplate\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"mrx-table-card-header--right col col-12 col-md-6 d-flex justify-content-end align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n          <div class=\"ml-4\" *ngIf=\"headerSettings.toggle\">\r\n            <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"mrx-table-card-header mb-3 pt-2 pb-2\"\r\n      [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n      *ngIf=\"headerSettings.type === 'second'\"\r\n    >\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"mrx-table-card-header--left col col-12 col-sm-6 mb-1 mb-sm-0 d-flex justify-content-start align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"mrx-table-card-header--right col col-12 col-sm-6 d-flex justify-content-end align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"downloadTemplate\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'default'\"\r\n         [class.mrx-table__wrapper--substrate]=\"contentSettings.substrate\">\r\n      <table\r\n        [class.table-striped]=\"striped\"\r\n        [class.table-solid]=\"!striped\"\r\n        [class.mt-2]=\"contentSettings.substrate\"\r\n        [class.mb-3]=\"contentSettings.substrate && data.length\"\r\n      >\r\n        <thead [class.table-head-gray]=\"!headerSettings || headerSettings.background\">\r\n        <tr>\r\n          <th *ngFor=\"let col of contentChildren; let index = index; let first = first; let last = last; trackBy: trackByFn\" [class]=\"col.customClasses\">\r\n            <ng-container *ngIf=\"!col.templateHead; else headerItemTemplate\">\r\n              <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n                <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n                  <span>{{ col.label }}</span>\r\n                  <svg\r\n                    width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    [class]=\"columnSortedDir(col.name)\"\r\n                    class=\"mrx-table__sort-icon\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n                  </svg>\r\n                </div>\r\n              </ng-container>\r\n              <ng-template #defaultHeadCol>\r\n                <div><span>{{ col.label }}</span></div>\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <ng-template #headerItemTemplate>\r\n              <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n                <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n                  <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col }\"></ng-container>\r\n                  <svg\r\n                    width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    [class]=\"columnSortedDir(col.name)\"\r\n                    class=\"mrx-table__sort-icon\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n                  </svg>\r\n                </div>\r\n              </ng-container>\r\n              <ng-template #defaultHeadCol>\r\n                <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col, index, first, last }\"></ng-container>\r\n              </ng-template>\r\n            </ng-template>\r\n          </th>\r\n        </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n        <tr *ngFor=\"let dataItem of data; let index = index; let first = first; let last = last\" [class.-hovered]=\"hovered\">\r\n          <td\r\n            #tableTD\r\n            class=\"p-0\"\r\n            *ngFor=\"let col of contentChildren\"\r\n            [class]=\"col.customClasses\"\r\n          >\r\n            <a\r\n              class=\"link-wrapper td-content-wrapper\"\r\n              [href]=\"getLinkForStroke(link, dataItem)\"\r\n              *ngIf=\"link && col['isLink']; else defaultTemplate\"\r\n            >\r\n              <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n                <div class=\"p-2\">{{ dataItem[col.name] }}</div>\r\n              </ng-container>\r\n\r\n              <ng-template #bodyItemTemplate>\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n              </ng-template>\r\n            </a>\r\n\r\n            <ng-template #defaultTemplate>\r\n              <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n                <div class=\"p-2 td-content-wrapper\">{{ dataItem[col.name] }}</div>\r\n              </ng-container>\r\n\r\n              <ng-template #bodyItemTemplate>\r\n                <div class=\"td-content-wrapper\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n                </div>\r\n              </ng-template>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <div class=\"mrx-table__result-message\" *ngIf=\"!data.length\">\r\n        <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n        <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'cards'\">\r\n      <ng-container *ngFor=\"let item of data; let index = index; let first = first; let last = last\">\r\n        <ng-container *ngTemplateOutlet=\"templateCard; context: { $implicit: item, index, first, last }\"></ng-container>\r\n      </ng-container>\r\n\r\n      <div class=\"mrx-table__result-message--substrate\" *ngIf=\"!data.length\" >\r\n        <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n        <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-table__paginator pt-2 pb-2\" [class.mrx-table__paginator--substrate]=\"paginatorSettings.substrate\" *ngIf=\"total\">\r\n  <mrx-paginator\r\n    *ngIf=\"pageable\"\r\n    [total]=\"total\"\r\n    [pageSize]=\"pageSize\"\r\n    [position]=\"pageable.position\"\r\n    [pageSizes]=\"pageable.pageSizes\"\r\n    [currentPage]=\"currentPage\"\r\n    [withPageSize]=\"pageable.withPageSize\"\r\n    (dataStateChanged)=\"onDataStatePaginatorChanged($event)\">\r\n  </mrx-paginator>\r\n</div>\r\n\r\n<ng-template #counterTemplate>\r\n  <span class=\"d-flex align-items-center\" *ngIf=\"headerSettings?.count\">\r\n    {{ total }} {{headerSettings?.countText || '\u043D\u043E\u0432\u043E\u0441\u0442\u0435\u0439'}}\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #sortTemplate>\r\n  <div class=\"d-flex mrx-table-sort\" *ngIf=\"headerSettings?.sort\">\r\n    <div class=\"mrx-table-sort-scale\" (click)=\"changeSort()\">\r\n      <span class=\"mrx-table-sort-scale__title\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E:</span>\r\n      <div class=\"mrx-table-sort-scale__icon\">\r\n        <span *ngIf=\"sort?.dir === 'desc'\" class=\"mrx-icon icon-sorting-down icon-font-16\"></span>\r\n        <span *ngIf=\"sort?.dir === 'asc'\" class=\"mrx-icon icon-sorting-up icon-font-16\"></span>\r\n      </div>\r\n    </div>\r\n    <ng-select\r\n      bindLabel=\"sortLabel\"\r\n      bindValue=\"name\"\r\n      [items]=\"colArray\"\r\n      [ngModel]=\"selectedSort\"\r\n      (change)=\"updateSortSelect($event)\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      [closeOnSelect]=\"true\"\r\n    ></ng-select>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #downloadTemplate>\r\n  <div class=\"mrx-table-download\" (click)=\"clickToDownload($event)\" *ngIf=\"headerSettings?.download\">\r\n    <span class=\"desktop\">\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435</span>\r\n    <span class=\"mrx-icon icon-download icon-font-24\"></span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #toggleTemplate>\r\n  <div class=\"mrx-table-toggle\">\r\n    <div class=\"mrx-table-toggle--item mr-1\" (click)=\"onChangeTypeTable('cards')\" [class.active]=\"type === 'cards'\">\r\n      <span class=\"mrx-icon icon-cards-view icon-font-24\"></span>\r\n    </div>\r\n    <div class=\"mrx-table-toggle--item\" (click)=\"onChangeTypeTable('default')\" [class.active]=\"type === 'default'\">\r\n      <span class=\"mrx-icon icon-table-view icon-font-24\"></span>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #emptyResultMsgTemplateDefault>\r\n  {{emptyResultMsg}}\r\n</ng-template>\r\n", styles: [".mrx-table.mrx-table{display:block;width:100%}.mrx-table.mrx-table .th-wrapper{display:flex;cursor:pointer;word-break:inherit;justify-content:space-between;align-items:flex-end}.mrx-table.mrx-table .th-wrapper span{word-break:inherit}.mrx-table.mrx-table .mrx-table__sort-icon.asc path:last-child{fill:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table__sort-icon.desc path:first-child{fill:var(--brand-bg-primary-default)}.mrx-table__wrapper.mrx-table__wrapper{overflow-x:auto;overflow-y:hidden;position:relative}.mrx-table__wrapper.mrx-table__wrapper .mrx-table__wrapper--substrate{padding-top:8px}.mrx-table.mrx-table.type-default table{width:100%;text-align:left;background-color:transparent;border-spacing:0}.mrx-table.mrx-table.type-default table thead.table-head-gray{background:var(--Disabled)}.mrx-table.mrx-table.type-default table thead .sort-asc .custom-table__sort path:nth-child(2){fill:var(--Main2)}.mrx-table.mrx-table.type-default table thead .sort-desc .custom-table__sort path:nth-child(1){fill:var(--Main2)}.mrx-table.mrx-table.type-default table td{max-width:340px;vertical-align:top}.mrx-table.mrx-table.type-default table td .link-wrapper{display:block;color:initial;height:100%}.mrx-table.mrx-table.type-default table td .link-wrapper:active{color:var(--Main1)}.mrx-table.mrx-table.type-default table td .left-border{border-left:4px solid var(--Main2)}.mrx-table.mrx-table.type-default table td .light-border{border-left:4px solid transparent}.mrx-table.mrx-table.type-default table td .warning-back{background-color:#ffece7}.mrx-table.mrx-table.type-default table td .disabled-back{background-color:#fafafa}.mrx-table.mrx-table.type-default table td .link-colored,.mrx-table.mrx-table.type-default table td .link-colored:active{color:var(--Main2)}.mrx-table.mrx-table.type-default table th{padding:8px;vertical-align:bottom;word-break:inherit;font-weight:700}.mrx-table.mrx-table.type-default table th svg{margin-left:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-card-header{position:relative}.mrx-table.mrx-table .mrx-table-card-header--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table__wrapper--substrate{background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table-toggle{display:flex}.mrx-table.mrx-table .mrx-table-toggle--item{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-table.mrx-table .mrx-table-toggle--item .mrx-icon{color:#e5e5e5}.mrx-table.mrx-table .mrx-table-toggle--item.active .mrx-icon{color:var(--Main2)}.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-card,.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-table{justify-content:flex-start}.mrx-table.mrx-table .mrx-table-sort-scale{display:flex;align-items:center;margin-right:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-sort-scale__title{font-family:PT Sans;font-style:normal;font-weight:400;font-size:14px;line-height:143%;color:var(--Main1);margin-right:12px}.mrx-table.mrx-table .mrx-table-sort-scale__icon{display:flex;align-items:center;justify-content:center}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select{max-width:215px;margin-bottom:0}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-select-container.ng-select-container{min-height:auto!important;border:none;cursor:pointer;align-items:center;height:100%!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-value-container.ng-value-container{padding-left:0!important;margin-right:8px}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:auto;width:auto!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-dropdown-panel.ng-dropdown-panel{width:100vw;max-width:215px;left:auto;right:0}.mrx-table__paginator.mrx-table__paginator.mrx-table__paginator--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .table-striped tbody tr:nth-child(2n){background-color:var(--Disabled)}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n){transition:.2s}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n).-hovered:hover{background-color:var(--Bg2)}.mrx-table.mrx-table .table-solid{border-collapse:collapse}.mrx-table.mrx-table .table-solid thead tr{border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr:not(:last-child){border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr.-hovered:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-table.mrx-table .mrx-table__wrapper .mrx-table__overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border-radius:4px}.mrx-table.mrx-table .mrx-table__result-message{display:flex;justify-content:center;width:100%;padding:16px;font-weight:400;font-size:14px;line-height:16px;color:var(--neutral-text-primary)}.mrx-table.mrx-table .mrx-table__result-message--substrate{display:flex;justify-content:center;width:100%;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-text-primary);padding:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px;position:relative}.mrx-table.mrx-table .mrx-table-download{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.mrx-table.mrx-table .mrx-table-download span{margin-right:8px;color:var(--Main2)}.mrx-table.mrx-table .mrx-table-download svg path{stroke:var(--Main2)}.mrx-table.mrx-table .mrx-table-counter{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: PaginatorComponent, selector: "mrx-paginator", inputs: ["pageSizes", "currentPage", "pageSize", "total", "customClasses", "isEmptyPaginator", "isPaginatorText", "paginatorText", "position", "withPageSize"], outputs: ["dataStateChanged"] }, { kind: "component", type: i6.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: TableComponent, selector: "mrx-table", inputs: { type: "type", data: "data", pageSize: "pageSize", currentPage: "currentPage", total: "total", link: "link", isLoading: "isLoading", sort: "sort", trackById: "trackById", sortable: "sortable", striped: "striped", customClasses: "customClasses", emptyResultMsg: "emptyResultMsg", hovered: "hovered", autoHeight: "autoHeight", headerSettings: "headerSettings", contentSettings: "contentSettings", paginatorSettings: "paginatorSettings", setPageable: ["pageable", "setPageable"] }, outputs: { dataStateChanged: "dataStateChanged", downloadData: "downloadData", changeTypeTable: "changeTypeTable", change: "change" }, queries: [{ propertyName: "templateCard", first: true, predicate: ["templateCard"], descendants: true }, { propertyName: "emptyResultMsgTemplate", first: true, predicate: ["emptyResultMsgTemplate"], descendants: true }, { propertyName: "contentChildren", predicate: ColumnComponent }], ngImport: i0, template: "<div class=\"mrx-table\" [class]=\"getClasses\" [class.mb-3]=\"pageable\">\r\n  <ng-container *ngIf=\"headerSettings\">\r\n    <div\r\n      class=\"mrx-table-card-header pt-2 pb-2 mb-3\"\r\n      [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n      *ngIf=\"headerSettings.type === 'default'\"\r\n    >\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"mrx-table-card-header--left col col-12 col-md-6 mb-1 mb-md-0 d-flex justify-content-start align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"counterTemplate\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"mrx-table-card-header--right col col-12 col-md-6 d-flex justify-content-end align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n          <div class=\"ml-4\" *ngIf=\"headerSettings.toggle\">\r\n            <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"mrx-table-card-header mb-3 pt-2 pb-2\"\r\n      [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n      *ngIf=\"headerSettings.type === 'second'\"\r\n    >\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"mrx-table-card-header--left col col-12 col-sm-6 mb-1 mb-sm-0 d-flex justify-content-start align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"mrx-table-card-header--right col col-12 col-sm-6 d-flex justify-content-end align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"downloadTemplate\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'default'\"\r\n         [class.mrx-table__wrapper--substrate]=\"contentSettings.substrate\">\r\n      <table\r\n        [class.table-striped]=\"striped\"\r\n        [class.table-solid]=\"!striped\"\r\n        [class.mt-2]=\"contentSettings.substrate\"\r\n        [class.mb-3]=\"contentSettings.substrate && data.length\"\r\n      >\r\n        <thead [class.table-head-gray]=\"!headerSettings || headerSettings.background\">\r\n        <tr>\r\n          <th *ngFor=\"let col of contentChildren; let index = index; let first = first; let last = last; trackBy: trackByFn\" [class]=\"col.customClasses\">\r\n            <ng-container *ngIf=\"!col.templateHead; else headerItemTemplate\">\r\n              <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n                <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n                  <span>{{ col.label }}</span>\r\n                  <svg\r\n                    width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    [class]=\"columnSortedDir(col.name)\"\r\n                    class=\"mrx-table__sort-icon\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n                  </svg>\r\n                </div>\r\n              </ng-container>\r\n              <ng-template #defaultHeadCol>\r\n                <div><span>{{ col.label }}</span></div>\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <ng-template #headerItemTemplate>\r\n              <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n                <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n                  <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col }\"></ng-container>\r\n                  <svg\r\n                    width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    [class]=\"columnSortedDir(col.name)\"\r\n                    class=\"mrx-table__sort-icon\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n                  </svg>\r\n                </div>\r\n              </ng-container>\r\n              <ng-template #defaultHeadCol>\r\n                <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col, index, first, last }\"></ng-container>\r\n              </ng-template>\r\n            </ng-template>\r\n          </th>\r\n        </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n        <tr *ngFor=\"let dataItem of data; let index = index; let first = first; let last = last\" [class.-hovered]=\"hovered\">\r\n          <td\r\n            #tableTD\r\n            class=\"p-0\"\r\n            *ngFor=\"let col of contentChildren\"\r\n            [class]=\"col.customClasses\"\r\n          >\r\n            <a\r\n              class=\"link-wrapper td-content-wrapper\"\r\n              [href]=\"getLinkForStroke(link, dataItem)\"\r\n              *ngIf=\"link && col['isLink']; else defaultTemplate\"\r\n            >\r\n              <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n                <div class=\"p-2\">{{ dataItem[col.name] }}</div>\r\n              </ng-container>\r\n\r\n              <ng-template #bodyItemTemplate>\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n              </ng-template>\r\n            </a>\r\n\r\n            <ng-template #defaultTemplate>\r\n              <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n                <div class=\"p-2 td-content-wrapper\">{{ dataItem[col.name] }}</div>\r\n              </ng-container>\r\n\r\n              <ng-template #bodyItemTemplate>\r\n                <div class=\"td-content-wrapper\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n                </div>\r\n              </ng-template>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <div class=\"mrx-table__result-message\" *ngIf=\"!data.length\">\r\n        <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n        <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'cards'\">\r\n      <ng-container *ngFor=\"let item of data; let index = index; let first = first; let last = last\">\r\n        <ng-container *ngTemplateOutlet=\"templateCard; context: { $implicit: item, index, first, last }\"></ng-container>\r\n      </ng-container>\r\n\r\n      <div class=\"mrx-table__result-message--substrate\" *ngIf=\"!data.length\" >\r\n        <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n        <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-table__paginator pt-2 pb-2\" [class.mrx-table__paginator--substrate]=\"paginatorSettings.substrate\" *ngIf=\"total\">\r\n  <mrx-paginator\r\n    *ngIf=\"pageable\"\r\n    [total]=\"total\"\r\n    [pageSize]=\"pageSize\"\r\n    [position]=\"pageable.position\"\r\n    [pageSizes]=\"pageable.pageSizes\"\r\n    [currentPage]=\"currentPage\"\r\n    [withPageSize]=\"pageable.withPageSize\"\r\n    (dataStateChanged)=\"onDataStatePaginatorChanged($event)\">\r\n  </mrx-paginator>\r\n</div>\r\n\r\n<ng-template #counterTemplate>\r\n  <span class=\"d-flex align-items-center\" *ngIf=\"headerSettings?.count\">\r\n    {{ total }} {{headerSettings?.countText || '\u043D\u043E\u0432\u043E\u0441\u0442\u0435\u0439'}}\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #sortTemplate>\r\n  <div class=\"d-flex mrx-table-sort\" *ngIf=\"headerSettings?.sort\">\r\n    <div class=\"mrx-table-sort-scale\" (click)=\"changeSort()\">\r\n      <span class=\"mrx-table-sort-scale__title\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E:</span>\r\n      <div class=\"mrx-table-sort-scale__icon\">\r\n        <span *ngIf=\"sort?.dir === 'desc'\" class=\"mrx-icon icon-sorting-down icon-font-16\"></span>\r\n        <span *ngIf=\"sort?.dir === 'asc'\" class=\"mrx-icon icon-sorting-up icon-font-16\"></span>\r\n      </div>\r\n    </div>\r\n    <ng-select\r\n      bindLabel=\"sortLabel\"\r\n      bindValue=\"name\"\r\n      [items]=\"colArray\"\r\n      [ngModel]=\"selectedSort\"\r\n      (change)=\"updateSortSelect($event)\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      [closeOnSelect]=\"true\"\r\n    ></ng-select>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #downloadTemplate>\r\n  <div class=\"mrx-table-download\" (click)=\"clickToDownload($event)\" *ngIf=\"headerSettings?.download\">\r\n    <span class=\"desktop\">\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435</span>\r\n    <span class=\"mrx-icon icon-download icon-font-24\"></span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #toggleTemplate>\r\n  <div class=\"mrx-table-toggle\">\r\n    <div class=\"mrx-table-toggle--item mr-1\" (click)=\"onChangeTypeTable('cards')\" [class.active]=\"type === 'cards'\">\r\n      <span class=\"mrx-icon icon-cards-view icon-font-24\"></span>\r\n    </div>\r\n    <div class=\"mrx-table-toggle--item\" (click)=\"onChangeTypeTable('default')\" [class.active]=\"type === 'default'\">\r\n      <span class=\"mrx-icon icon-table-view icon-font-24\"></span>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #emptyResultMsgTemplateDefault>\r\n  {{emptyResultMsg}}\r\n</ng-template>\r\n", styles: [".mrx-table.mrx-table{display:block;width:100%}.mrx-table.mrx-table .th-wrapper{display:flex;cursor:pointer;word-break:inherit;justify-content:space-between;align-items:flex-end}.mrx-table.mrx-table .th-wrapper span{word-break:inherit}.mrx-table.mrx-table .mrx-table__sort-icon.asc path:last-child{fill:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table__sort-icon.desc path:first-child{fill:var(--brand-bg-primary-default)}.mrx-table__wrapper.mrx-table__wrapper{overflow-x:auto;overflow-y:hidden;position:relative}.mrx-table__wrapper.mrx-table__wrapper .mrx-table__wrapper--substrate{padding-top:8px}.mrx-table.mrx-table.type-default table{width:100%;text-align:left;background-color:transparent;border-spacing:0}.mrx-table.mrx-table.type-default table thead.table-head-gray{background:var(--neutral-bg-island-default)}.mrx-table.mrx-table.type-default table thead .sort-asc .custom-table__sort path:nth-child(2){fill:var(--brand-bg-primary-default)}.mrx-table.mrx-table.type-default table thead .sort-desc .custom-table__sort path:nth-child(1){fill:var(--brand-bg-primary-default)}.mrx-table.mrx-table.type-default table td{max-width:340px;vertical-align:top}.mrx-table.mrx-table.type-default table td .link-wrapper{display:block;color:initial;height:100%}.mrx-table.mrx-table.type-default table td .link-wrapper:active{color:var(--neutral-text-primary)}.mrx-table.mrx-table.type-default table td .left-border{border-left:4px solid var(--brand-bg-primary-default)}.mrx-table.mrx-table.type-default table td .light-border{border-left:4px solid transparent}.mrx-table.mrx-table.type-default table td .warning-back{background-color:#ffece7}.mrx-table.mrx-table.type-default table td .disabled-back{background-color:#fafafa}.mrx-table.mrx-table.type-default table td .link-colored,.mrx-table.mrx-table.type-default table td .link-colored:active{color:var(--brand-bg-primary-default)}.mrx-table.mrx-table.type-default table th{padding:8px;vertical-align:bottom;word-break:inherit;font-weight:700}.mrx-table.mrx-table.type-default table th svg{margin-left:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-card-header{position:relative}.mrx-table.mrx-table .mrx-table-card-header--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table__wrapper--substrate{background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table-toggle{display:flex}.mrx-table.mrx-table .mrx-table-toggle--item{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-table.mrx-table .mrx-table-toggle--item .mrx-icon{color:#e5e5e5}.mrx-table.mrx-table .mrx-table-toggle--item.active .mrx-icon{color:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-card,.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-table{justify-content:flex-start}.mrx-table.mrx-table .mrx-table-sort-scale{display:flex;align-items:center;margin-right:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-sort-scale__title{font-family:PT Sans;font-style:normal;font-weight:400;font-size:14px;line-height:143%;color:var(--Main1);margin-right:12px}.mrx-table.mrx-table .mrx-table-sort-scale__icon{display:flex;align-items:center;justify-content:center}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select{max-width:215px;margin-bottom:0}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-select-container.ng-select-container{min-height:auto!important;border:none;cursor:pointer;align-items:center;height:100%!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-value-container.ng-value-container{padding-left:0!important;margin-right:8px}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:auto;width:auto!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-dropdown-panel.ng-dropdown-panel{width:100vw;max-width:215px;left:auto;right:0}.mrx-table__paginator.mrx-table__paginator.mrx-table__paginator--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .table-striped tbody tr:nth-child(2n){background-color:var(--neutral-bg-island-default)}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n){transition:.2s}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n).-hovered:hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-table.mrx-table .table-solid{border-collapse:collapse}.mrx-table.mrx-table .table-solid thead tr{border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr:not(:last-child){border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr.-hovered:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-table.mrx-table .mrx-table__wrapper .mrx-table__overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border-radius:4px}.mrx-table.mrx-table .mrx-table__result-message{display:flex;justify-content:center;width:100%;padding:16px;font-weight:400;font-size:14px;line-height:16px;color:var(--neutral-text-primary)}.mrx-table.mrx-table .mrx-table__result-message--substrate{display:flex;justify-content:center;width:100%;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-text-primary);padding:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px;position:relative}.mrx-table.mrx-table .mrx-table-download{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.mrx-table.mrx-table .mrx-table-download span{margin-right:8px;color:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table-download svg path{stroke:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table-counter{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: PaginatorComponent, selector: "mrx-paginator", inputs: ["pageSizes", "currentPage", "pageSize", "total", "customClasses", "isEmptyPaginator", "isPaginatorText", "paginatorText", "position", "withPageSize"], outputs: ["dataStateChanged"] }, { kind: "component", type: i6.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }], animations: [
             trigger('visibleLoading', [
                 state('in', style({ opacity: 1, visibility: 'visible' })),
                 state('out', style({ opacity: 0, visibility: 'hidden' })),
@@ -2501,7 +2510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                                     animate('300ms ease-in-out', style({ opacity: 1 }))
                                 ])])
                         ])
-                    ], template: "<div class=\"mrx-table\" [class]=\"getClasses\" [class.mb-3]=\"pageable\">\r\n  <ng-container *ngIf=\"headerSettings\">\r\n    <div\r\n      class=\"mrx-table-card-header pt-2 pb-2 mb-3\"\r\n      [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n      *ngIf=\"headerSettings.type === 'default'\"\r\n    >\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"mrx-table-card-header--left col col-12 col-md-6 mb-1 mb-md-0 d-flex justify-content-start align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"counterTemplate\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"mrx-table-card-header--right col col-12 col-md-6 d-flex justify-content-end align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n          <div class=\"ml-4\" *ngIf=\"headerSettings.toggle\">\r\n            <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"mrx-table-card-header mb-3 pt-2 pb-2\"\r\n      [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n      *ngIf=\"headerSettings.type === 'second'\"\r\n    >\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"mrx-table-card-header--left col col-12 col-sm-6 mb-1 mb-sm-0 d-flex justify-content-start align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"mrx-table-card-header--right col col-12 col-sm-6 d-flex justify-content-end align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"downloadTemplate\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'default'\"\r\n         [class.mrx-table__wrapper--substrate]=\"contentSettings.substrate\">\r\n      <table\r\n        [class.table-striped]=\"striped\"\r\n        [class.table-solid]=\"!striped\"\r\n        [class.mt-2]=\"contentSettings.substrate\"\r\n        [class.mb-3]=\"contentSettings.substrate && data.length\"\r\n      >\r\n        <thead [class.table-head-gray]=\"!headerSettings || headerSettings.background\">\r\n        <tr>\r\n          <th *ngFor=\"let col of contentChildren; let index = index; let first = first; let last = last; trackBy: trackByFn\" [class]=\"col.customClasses\">\r\n            <ng-container *ngIf=\"!col.templateHead; else headerItemTemplate\">\r\n              <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n                <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n                  <span>{{ col.label }}</span>\r\n                  <svg\r\n                    width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    [class]=\"columnSortedDir(col.name)\"\r\n                    class=\"mrx-table__sort-icon\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n                  </svg>\r\n                </div>\r\n              </ng-container>\r\n              <ng-template #defaultHeadCol>\r\n                <div><span>{{ col.label }}</span></div>\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <ng-template #headerItemTemplate>\r\n              <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n                <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n                  <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col }\"></ng-container>\r\n                  <svg\r\n                    width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    [class]=\"columnSortedDir(col.name)\"\r\n                    class=\"mrx-table__sort-icon\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n                  </svg>\r\n                </div>\r\n              </ng-container>\r\n              <ng-template #defaultHeadCol>\r\n                <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col, index, first, last }\"></ng-container>\r\n              </ng-template>\r\n            </ng-template>\r\n          </th>\r\n        </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n        <tr *ngFor=\"let dataItem of data; let index = index; let first = first; let last = last\" [class.-hovered]=\"hovered\">\r\n          <td\r\n            #tableTD\r\n            class=\"p-0\"\r\n            *ngFor=\"let col of contentChildren\"\r\n            [class]=\"col.customClasses\"\r\n          >\r\n            <a\r\n              class=\"link-wrapper td-content-wrapper\"\r\n              [href]=\"getLinkForStroke(link, dataItem)\"\r\n              *ngIf=\"link && col['isLink']; else defaultTemplate\"\r\n            >\r\n              <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n                <div class=\"p-2\">{{ dataItem[col.name] }}</div>\r\n              </ng-container>\r\n\r\n              <ng-template #bodyItemTemplate>\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n              </ng-template>\r\n            </a>\r\n\r\n            <ng-template #defaultTemplate>\r\n              <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n                <div class=\"p-2 td-content-wrapper\">{{ dataItem[col.name] }}</div>\r\n              </ng-container>\r\n\r\n              <ng-template #bodyItemTemplate>\r\n                <div class=\"td-content-wrapper\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n                </div>\r\n              </ng-template>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <div class=\"mrx-table__result-message\" *ngIf=\"!data.length\">\r\n        <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n        <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'cards'\">\r\n      <ng-container *ngFor=\"let item of data; let index = index; let first = first; let last = last\">\r\n        <ng-container *ngTemplateOutlet=\"templateCard; context: { $implicit: item, index, first, last }\"></ng-container>\r\n      </ng-container>\r\n\r\n      <div class=\"mrx-table__result-message--substrate\" *ngIf=\"!data.length\" >\r\n        <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n        <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-table__paginator pt-2 pb-2\" [class.mrx-table__paginator--substrate]=\"paginatorSettings.substrate\" *ngIf=\"total\">\r\n  <mrx-paginator\r\n    *ngIf=\"pageable\"\r\n    [total]=\"total\"\r\n    [pageSize]=\"pageSize\"\r\n    [position]=\"pageable.position\"\r\n    [pageSizes]=\"pageable.pageSizes\"\r\n    [currentPage]=\"currentPage\"\r\n    [withPageSize]=\"pageable.withPageSize\"\r\n    (dataStateChanged)=\"onDataStatePaginatorChanged($event)\">\r\n  </mrx-paginator>\r\n</div>\r\n\r\n<ng-template #counterTemplate>\r\n  <span class=\"d-flex align-items-center\" *ngIf=\"headerSettings?.count\">\r\n    {{ total }} {{headerSettings?.countText || '\u043D\u043E\u0432\u043E\u0441\u0442\u0435\u0439'}}\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #sortTemplate>\r\n  <div class=\"d-flex mrx-table-sort\" *ngIf=\"headerSettings?.sort\">\r\n    <div class=\"mrx-table-sort-scale\" (click)=\"changeSort()\">\r\n      <span class=\"mrx-table-sort-scale__title\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E:</span>\r\n      <div class=\"mrx-table-sort-scale__icon\">\r\n        <span *ngIf=\"sort?.dir === 'desc'\" class=\"mrx-icon icon-sorting-down icon-font-16\"></span>\r\n        <span *ngIf=\"sort?.dir === 'asc'\" class=\"mrx-icon icon-sorting-up icon-font-16\"></span>\r\n      </div>\r\n    </div>\r\n    <ng-select\r\n      bindLabel=\"sortLabel\"\r\n      bindValue=\"name\"\r\n      [items]=\"colArray\"\r\n      [ngModel]=\"selectedSort\"\r\n      (change)=\"updateSortSelect($event)\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      [closeOnSelect]=\"true\"\r\n    ></ng-select>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #downloadTemplate>\r\n  <div class=\"mrx-table-download\" (click)=\"clickToDownload($event)\" *ngIf=\"headerSettings?.download\">\r\n    <span class=\"desktop\">\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435</span>\r\n    <span class=\"mrx-icon icon-download icon-font-24\"></span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #toggleTemplate>\r\n  <div class=\"mrx-table-toggle\">\r\n    <div class=\"mrx-table-toggle--item mr-1\" (click)=\"onChangeTypeTable('cards')\" [class.active]=\"type === 'cards'\">\r\n      <span class=\"mrx-icon icon-cards-view icon-font-24\"></span>\r\n    </div>\r\n    <div class=\"mrx-table-toggle--item\" (click)=\"onChangeTypeTable('default')\" [class.active]=\"type === 'default'\">\r\n      <span class=\"mrx-icon icon-table-view icon-font-24\"></span>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #emptyResultMsgTemplateDefault>\r\n  {{emptyResultMsg}}\r\n</ng-template>\r\n", styles: [".mrx-table.mrx-table{display:block;width:100%}.mrx-table.mrx-table .th-wrapper{display:flex;cursor:pointer;word-break:inherit;justify-content:space-between;align-items:flex-end}.mrx-table.mrx-table .th-wrapper span{word-break:inherit}.mrx-table.mrx-table .mrx-table__sort-icon.asc path:last-child{fill:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table__sort-icon.desc path:first-child{fill:var(--brand-bg-primary-default)}.mrx-table__wrapper.mrx-table__wrapper{overflow-x:auto;overflow-y:hidden;position:relative}.mrx-table__wrapper.mrx-table__wrapper .mrx-table__wrapper--substrate{padding-top:8px}.mrx-table.mrx-table.type-default table{width:100%;text-align:left;background-color:transparent;border-spacing:0}.mrx-table.mrx-table.type-default table thead.table-head-gray{background:var(--Disabled)}.mrx-table.mrx-table.type-default table thead .sort-asc .custom-table__sort path:nth-child(2){fill:var(--Main2)}.mrx-table.mrx-table.type-default table thead .sort-desc .custom-table__sort path:nth-child(1){fill:var(--Main2)}.mrx-table.mrx-table.type-default table td{max-width:340px;vertical-align:top}.mrx-table.mrx-table.type-default table td .link-wrapper{display:block;color:initial;height:100%}.mrx-table.mrx-table.type-default table td .link-wrapper:active{color:var(--Main1)}.mrx-table.mrx-table.type-default table td .left-border{border-left:4px solid var(--Main2)}.mrx-table.mrx-table.type-default table td .light-border{border-left:4px solid transparent}.mrx-table.mrx-table.type-default table td .warning-back{background-color:#ffece7}.mrx-table.mrx-table.type-default table td .disabled-back{background-color:#fafafa}.mrx-table.mrx-table.type-default table td .link-colored,.mrx-table.mrx-table.type-default table td .link-colored:active{color:var(--Main2)}.mrx-table.mrx-table.type-default table th{padding:8px;vertical-align:bottom;word-break:inherit;font-weight:700}.mrx-table.mrx-table.type-default table th svg{margin-left:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-card-header{position:relative}.mrx-table.mrx-table .mrx-table-card-header--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table__wrapper--substrate{background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table-toggle{display:flex}.mrx-table.mrx-table .mrx-table-toggle--item{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-table.mrx-table .mrx-table-toggle--item .mrx-icon{color:#e5e5e5}.mrx-table.mrx-table .mrx-table-toggle--item.active .mrx-icon{color:var(--Main2)}.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-card,.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-table{justify-content:flex-start}.mrx-table.mrx-table .mrx-table-sort-scale{display:flex;align-items:center;margin-right:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-sort-scale__title{font-family:PT Sans;font-style:normal;font-weight:400;font-size:14px;line-height:143%;color:var(--Main1);margin-right:12px}.mrx-table.mrx-table .mrx-table-sort-scale__icon{display:flex;align-items:center;justify-content:center}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select{max-width:215px;margin-bottom:0}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-select-container.ng-select-container{min-height:auto!important;border:none;cursor:pointer;align-items:center;height:100%!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-value-container.ng-value-container{padding-left:0!important;margin-right:8px}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:auto;width:auto!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-dropdown-panel.ng-dropdown-panel{width:100vw;max-width:215px;left:auto;right:0}.mrx-table__paginator.mrx-table__paginator.mrx-table__paginator--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .table-striped tbody tr:nth-child(2n){background-color:var(--Disabled)}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n){transition:.2s}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n).-hovered:hover{background-color:var(--Bg2)}.mrx-table.mrx-table .table-solid{border-collapse:collapse}.mrx-table.mrx-table .table-solid thead tr{border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr:not(:last-child){border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr.-hovered:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-table.mrx-table .mrx-table__wrapper .mrx-table__overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border-radius:4px}.mrx-table.mrx-table .mrx-table__result-message{display:flex;justify-content:center;width:100%;padding:16px;font-weight:400;font-size:14px;line-height:16px;color:var(--neutral-text-primary)}.mrx-table.mrx-table .mrx-table__result-message--substrate{display:flex;justify-content:center;width:100%;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-text-primary);padding:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px;position:relative}.mrx-table.mrx-table .mrx-table-download{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.mrx-table.mrx-table .mrx-table-download span{margin-right:8px;color:var(--Main2)}.mrx-table.mrx-table .mrx-table-download svg path{stroke:var(--Main2)}.mrx-table.mrx-table .mrx-table-counter{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}\n"] }]
+                    ], template: "<div class=\"mrx-table\" [class]=\"getClasses\" [class.mb-3]=\"pageable\">\r\n  <ng-container *ngIf=\"headerSettings\">\r\n    <div\r\n      class=\"mrx-table-card-header pt-2 pb-2 mb-3\"\r\n      [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n      *ngIf=\"headerSettings.type === 'default'\"\r\n    >\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"mrx-table-card-header--left col col-12 col-md-6 mb-1 mb-md-0 d-flex justify-content-start align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"counterTemplate\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"mrx-table-card-header--right col col-12 col-md-6 d-flex justify-content-end align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n          <div class=\"ml-4\" *ngIf=\"headerSettings.toggle\">\r\n            <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"mrx-table-card-header mb-3 pt-2 pb-2\"\r\n      [class.mrx-table-card-header--substrate]=\"headerSettings.substrate\"\r\n      *ngIf=\"headerSettings.type === 'second'\"\r\n    >\r\n      <div class=\"row\">\r\n        <div\r\n          class=\"mrx-table-card-header--left col col-12 col-sm-6 mb-1 mb-sm-0 d-flex justify-content-start align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"sortTemplate\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"mrx-table-card-header--right col col-12 col-sm-6 d-flex justify-content-end align-content-center\">\r\n          <ng-container *ngTemplateOutlet=\"downloadTemplate\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'default'\"\r\n         [class.mrx-table__wrapper--substrate]=\"contentSettings.substrate\">\r\n      <table\r\n        [class.table-striped]=\"striped\"\r\n        [class.table-solid]=\"!striped\"\r\n        [class.mt-2]=\"contentSettings.substrate\"\r\n        [class.mb-3]=\"contentSettings.substrate && data.length\"\r\n      >\r\n        <thead [class.table-head-gray]=\"!headerSettings || headerSettings.background\">\r\n        <tr>\r\n          <th *ngFor=\"let col of contentChildren; let index = index; let first = first; let last = last; trackBy: trackByFn\" [class]=\"col.customClasses\">\r\n            <ng-container *ngIf=\"!col.templateHead; else headerItemTemplate\">\r\n              <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n                <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n                  <span>{{ col.label }}</span>\r\n                  <svg\r\n                    width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    [class]=\"columnSortedDir(col.name)\"\r\n                    class=\"mrx-table__sort-icon\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n                  </svg>\r\n                </div>\r\n              </ng-container>\r\n              <ng-template #defaultHeadCol>\r\n                <div><span>{{ col.label }}</span></div>\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <ng-template #headerItemTemplate>\r\n              <ng-container *ngIf=\"col.sortable; else defaultHeadCol\">\r\n                <div [class.th-wrapper]=\"sortable\" (click)=\"onSortColumn(col.name, col.sortable)\">\r\n                  <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col }\"></ng-container>\r\n                  <svg\r\n                    width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                    [class]=\"columnSortedDir(col.name)\"\r\n                    class=\"mrx-table__sort-icon\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 9L8 13L12 9\" fill=\"#DAD5CE\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 7L8 3L4 7\" fill=\"#DAD5CE\"/>\r\n                  </svg>\r\n                </div>\r\n              </ng-container>\r\n              <ng-template #defaultHeadCol>\r\n                <ng-container *ngTemplateOutlet=\"col.templateHead; context: { $implicit: col, index, first, last }\"></ng-container>\r\n              </ng-template>\r\n            </ng-template>\r\n          </th>\r\n        </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n        <tr *ngFor=\"let dataItem of data; let index = index; let first = first; let last = last\" [class.-hovered]=\"hovered\">\r\n          <td\r\n            #tableTD\r\n            class=\"p-0\"\r\n            *ngFor=\"let col of contentChildren\"\r\n            [class]=\"col.customClasses\"\r\n          >\r\n            <a\r\n              class=\"link-wrapper td-content-wrapper\"\r\n              [href]=\"getLinkForStroke(link, dataItem)\"\r\n              *ngIf=\"link && col['isLink']; else defaultTemplate\"\r\n            >\r\n              <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n                <div class=\"p-2\">{{ dataItem[col.name] }}</div>\r\n              </ng-container>\r\n\r\n              <ng-template #bodyItemTemplate>\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n              </ng-template>\r\n            </a>\r\n\r\n            <ng-template #defaultTemplate>\r\n              <ng-container *ngIf=\"!col.templateCell; else bodyItemTemplate\">\r\n                <div class=\"p-2 td-content-wrapper\">{{ dataItem[col.name] }}</div>\r\n              </ng-container>\r\n\r\n              <ng-template #bodyItemTemplate>\r\n                <div class=\"td-content-wrapper\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"col.templateCell; context: { $implicit: col, row: dataItem, index, first, last }\"></ng-container>\r\n                </div>\r\n              </ng-template>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <div class=\"mrx-table__result-message\" *ngIf=\"!data.length\">\r\n        <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n        <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"mrx-table__wrapper\" *ngSwitchCase=\"'cards'\">\r\n      <ng-container *ngFor=\"let item of data; let index = index; let first = first; let last = last\">\r\n        <ng-container *ngTemplateOutlet=\"templateCard; context: { $implicit: item, index, first, last }\"></ng-container>\r\n      </ng-container>\r\n\r\n      <div class=\"mrx-table__result-message--substrate\" *ngIf=\"!data.length\" >\r\n        <ng-container *ngTemplateOutlet=\"emptyResultMsg ? emptyResultMsgTemplateDefault : emptyResultMsgTemplate\">\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"mrx-table__overlay\" [@visibleLoading]=\"isLoading ? 'in' : 'out'\" [ngClass]=\"{'open': isLoading}\" >\r\n        <mrx-loader size=\"large\" color=\"brand\"></mrx-loader>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n<div class=\"mrx-table__paginator pt-2 pb-2\" [class.mrx-table__paginator--substrate]=\"paginatorSettings.substrate\" *ngIf=\"total\">\r\n  <mrx-paginator\r\n    *ngIf=\"pageable\"\r\n    [total]=\"total\"\r\n    [pageSize]=\"pageSize\"\r\n    [position]=\"pageable.position\"\r\n    [pageSizes]=\"pageable.pageSizes\"\r\n    [currentPage]=\"currentPage\"\r\n    [withPageSize]=\"pageable.withPageSize\"\r\n    (dataStateChanged)=\"onDataStatePaginatorChanged($event)\">\r\n  </mrx-paginator>\r\n</div>\r\n\r\n<ng-template #counterTemplate>\r\n  <span class=\"d-flex align-items-center\" *ngIf=\"headerSettings?.count\">\r\n    {{ total }} {{headerSettings?.countText || '\u043D\u043E\u0432\u043E\u0441\u0442\u0435\u0439'}}\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #sortTemplate>\r\n  <div class=\"d-flex mrx-table-sort\" *ngIf=\"headerSettings?.sort\">\r\n    <div class=\"mrx-table-sort-scale\" (click)=\"changeSort()\">\r\n      <span class=\"mrx-table-sort-scale__title\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E:</span>\r\n      <div class=\"mrx-table-sort-scale__icon\">\r\n        <span *ngIf=\"sort?.dir === 'desc'\" class=\"mrx-icon icon-sorting-down icon-font-16\"></span>\r\n        <span *ngIf=\"sort?.dir === 'asc'\" class=\"mrx-icon icon-sorting-up icon-font-16\"></span>\r\n      </div>\r\n    </div>\r\n    <ng-select\r\n      bindLabel=\"sortLabel\"\r\n      bindValue=\"name\"\r\n      [items]=\"colArray\"\r\n      [ngModel]=\"selectedSort\"\r\n      (change)=\"updateSortSelect($event)\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      [closeOnSelect]=\"true\"\r\n    ></ng-select>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #downloadTemplate>\r\n  <div class=\"mrx-table-download\" (click)=\"clickToDownload($event)\" *ngIf=\"headerSettings?.download\">\r\n    <span class=\"desktop\">\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435</span>\r\n    <span class=\"mrx-icon icon-download icon-font-24\"></span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #toggleTemplate>\r\n  <div class=\"mrx-table-toggle\">\r\n    <div class=\"mrx-table-toggle--item mr-1\" (click)=\"onChangeTypeTable('cards')\" [class.active]=\"type === 'cards'\">\r\n      <span class=\"mrx-icon icon-cards-view icon-font-24\"></span>\r\n    </div>\r\n    <div class=\"mrx-table-toggle--item\" (click)=\"onChangeTypeTable('default')\" [class.active]=\"type === 'default'\">\r\n      <span class=\"mrx-icon icon-table-view icon-font-24\"></span>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #emptyResultMsgTemplateDefault>\r\n  {{emptyResultMsg}}\r\n</ng-template>\r\n", styles: [".mrx-table.mrx-table{display:block;width:100%}.mrx-table.mrx-table .th-wrapper{display:flex;cursor:pointer;word-break:inherit;justify-content:space-between;align-items:flex-end}.mrx-table.mrx-table .th-wrapper span{word-break:inherit}.mrx-table.mrx-table .mrx-table__sort-icon.asc path:last-child{fill:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table__sort-icon.desc path:first-child{fill:var(--brand-bg-primary-default)}.mrx-table__wrapper.mrx-table__wrapper{overflow-x:auto;overflow-y:hidden;position:relative}.mrx-table__wrapper.mrx-table__wrapper .mrx-table__wrapper--substrate{padding-top:8px}.mrx-table.mrx-table.type-default table{width:100%;text-align:left;background-color:transparent;border-spacing:0}.mrx-table.mrx-table.type-default table thead.table-head-gray{background:var(--neutral-bg-island-default)}.mrx-table.mrx-table.type-default table thead .sort-asc .custom-table__sort path:nth-child(2){fill:var(--brand-bg-primary-default)}.mrx-table.mrx-table.type-default table thead .sort-desc .custom-table__sort path:nth-child(1){fill:var(--brand-bg-primary-default)}.mrx-table.mrx-table.type-default table td{max-width:340px;vertical-align:top}.mrx-table.mrx-table.type-default table td .link-wrapper{display:block;color:initial;height:100%}.mrx-table.mrx-table.type-default table td .link-wrapper:active{color:var(--neutral-text-primary)}.mrx-table.mrx-table.type-default table td .left-border{border-left:4px solid var(--brand-bg-primary-default)}.mrx-table.mrx-table.type-default table td .light-border{border-left:4px solid transparent}.mrx-table.mrx-table.type-default table td .warning-back{background-color:#ffece7}.mrx-table.mrx-table.type-default table td .disabled-back{background-color:#fafafa}.mrx-table.mrx-table.type-default table td .link-colored,.mrx-table.mrx-table.type-default table td .link-colored:active{color:var(--brand-bg-primary-default)}.mrx-table.mrx-table.type-default table th{padding:8px;vertical-align:bottom;word-break:inherit;font-weight:700}.mrx-table.mrx-table.type-default table th svg{margin-left:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-card-header{position:relative}.mrx-table.mrx-table .mrx-table-card-header--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table__wrapper--substrate{background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .mrx-table-toggle{display:flex}.mrx-table.mrx-table .mrx-table-toggle--item{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-table.mrx-table .mrx-table-toggle--item .mrx-icon{color:#e5e5e5}.mrx-table.mrx-table .mrx-table-toggle--item.active .mrx-icon{color:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-card,.mrx-table.mrx-table .mrx-table-sort.mrx-table-sort--is-table{justify-content:flex-start}.mrx-table.mrx-table .mrx-table-sort-scale{display:flex;align-items:center;margin-right:8px;cursor:pointer}.mrx-table.mrx-table .mrx-table-sort-scale__title{font-family:PT Sans;font-style:normal;font-weight:400;font-size:14px;line-height:143%;color:var(--Main1);margin-right:12px}.mrx-table.mrx-table .mrx-table-sort-scale__icon{display:flex;align-items:center;justify-content:center}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select{max-width:215px;margin-bottom:0}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-select-container.ng-select-container{min-height:auto!important;border:none;cursor:pointer;align-items:center;height:100%!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-value-container.ng-value-container{padding-left:0!important;margin-right:8px}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:auto;width:auto!important}:host::ng-deep .mrx-table.mrx-table .mrx-table-sort .ng-select .ng-dropdown-panel.ng-dropdown-panel{width:100vw;max-width:215px;left:auto;right:0}.mrx-table__paginator.mrx-table__paginator.mrx-table__paginator--substrate{padding-left:24px;padding-right:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px}.mrx-table.mrx-table .table-striped tbody tr:nth-child(2n){background-color:var(--neutral-bg-island-default)}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n){transition:.2s}.mrx-table.mrx-table .table-striped tbody tr:nth-child(n).-hovered:hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-table.mrx-table .table-solid{border-collapse:collapse}.mrx-table.mrx-table .table-solid thead tr{border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr:not(:last-child){border-bottom:1px solid #f2f2f2}.mrx-table.mrx-table .table-solid tbody tr.-hovered:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-table.mrx-table .mrx-table__wrapper .mrx-table__overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border-radius:4px}.mrx-table.mrx-table .mrx-table__result-message{display:flex;justify-content:center;width:100%;padding:16px;font-weight:400;font-size:14px;line-height:16px;color:var(--neutral-text-primary)}.mrx-table.mrx-table .mrx-table__result-message--substrate{display:flex;justify-content:center;width:100%;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-text-primary);padding:24px;background:#fff;box-shadow:0 1px 4px #3b43571a;border-radius:4px;position:relative}.mrx-table.mrx-table .mrx-table-download{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.mrx-table.mrx-table .mrx-table-download span{margin-right:8px;color:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table-download svg path{stroke:var(--brand-bg-primary-default)}.mrx-table.mrx-table .mrx-table-counter{font-family:var(--body-lg-font-family);font-size:var(--body-lg-font-size);font-weight:var(--body-lg-font-weight);line-height:var(--body-lg-line-height)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { contentChildren: [{
                 type: ContentChildren,
                 args: [ColumnComponent]
@@ -15591,11 +15600,315 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 }]
         }] });
 
+class PdfViewerComponent {
+    _pdfViewerService;
+    _renderer;
+    _ref;
+    searchQuery = '';
+    findState = FindState.PENDING;
+    totalFound = 0;
+    currentFind = 0;
+    page = 1;
+    isSearchPanelVisible = false;
+    sidebarVisible = true;
+    pageCount = 1;
+    selectedZoom = { value: 'auto', label: 'Автоматически' };
+    zoomOptions = [
+        { value: 'auto', label: 'Автоматически' },
+        { value: 'page-actual', label: 'Реальный размер' },
+        { value: 'pge-fit', label: 'По размеру страницы' },
+        { value: 'page-width', label: 'По ширине страницы' },
+        { value: 50, label: '50%' },
+        { value: 100, label: '100%' },
+        { value: 125, label: '125%' },
+        { value: 150, label: '150%' },
+        { value: 200, label: '200%' },
+        { value: 300, label: '300%' },
+        { value: 400, label: '400%' },
+    ];
+    rotation = 0;
+    showSidebarButton = true;
+    showHandToolButton = false;
+    handTool = true;
+    showFindbarButton = true;
+    showRotateButton = true;
+    showPrintButton = true;
+    showDownloadButton = true;
+    showExpandButton = true;
+    defaultZoom = 'auto';
+    downloadFileName = '';
+    src = '';
+    pdfViewer;
+    findMenu = null;
+    constructor(_pdfViewerService, _renderer, _ref) {
+        this._pdfViewerService = _pdfViewerService;
+        this._renderer = _renderer;
+        this._ref = _ref;
+    }
+    ngOnChanges(changes) {
+        const { defaultZoom } = changes;
+        if (defaultZoom.currentValue != defaultZoom.previousValue) {
+            this.initZoom();
+        }
+    }
+    initZoom() {
+        const existingValue = this.zoomOptions.find(x => x.value === this.defaultZoom);
+        if (existingValue) {
+            this.selectedZoom = { ...existingValue };
+            return;
+        }
+        this.selectedZoom = { value: this.defaultZoom, label: `${this.defaultZoom}%` };
+    }
+    initSearch() {
+        if (this.showFindbarButton) {
+            document.addEventListener('keydown', (event) => {
+                if (event.key.toLowerCase() === 'f' && event.ctrlKey) {
+                    this.isSearchPanelVisible = true;
+                }
+            });
+        }
+    }
+    ngOnInit() {
+        this.initSearch();
+        this.initZoom();
+        this._renderer.listen('window', 'click', (event) => {
+            if (this.isSearchPanelVisible) {
+                const isInMenu = this.findMenu?.nativeElement.contains(event.target)
+                    || event.target.id === 'findNext'
+                    || event.target.id === 'findPrevious';
+                const isFindButton = event.target.classList.contains('mrx-pdf-viewer__find-button');
+                if (!isInMenu && !isFindButton) {
+                    this.isSearchPanelVisible = false;
+                    this._ref.markForCheck();
+                }
+            }
+        });
+    }
+    onPageChange($event) {
+        this.page = $event || 1;
+    }
+    onNextPage() {
+        if (this.page < this.pageCount) {
+            this.page = this.page + 1;
+        }
+    }
+    onLastPage() {
+        this.page = this.pageCount;
+    }
+    onPagesLoaded($event) {
+        const viewOutline = document.querySelector('#viewOutline');
+        const viewThumbnail = document.querySelector('#viewThumbnail');
+        this.pageCount = $event.pagesCount;
+        if (viewOutline) {
+            viewOutline.title = '';
+        }
+        if (viewThumbnail) {
+            viewThumbnail.title = '';
+        }
+    }
+    zoomClick(increase) {
+        if (typeof this.selectedZoom.value === 'string') {
+            this.selectedZoom = { value: 100, label: '100%' };
+            return;
+        }
+        const newValue = increase ? this.selectedZoom.value += 20 : this.selectedZoom.value -= 20;
+        this.selectedZoom = { value: newValue, label: `${newValue}%` };
+    }
+    onZoomLevelSelect(item) {
+        this.selectedZoom = item;
+    }
+    onZoomChange($event) {
+        const existingOption = this.zoomOptions.find(x => x.value === $event);
+        if (existingOption) {
+            this.selectedZoom = { ...existingOption };
+            return;
+        }
+        const fixedValue = Math.round(Number($event));
+        this.selectedZoom = { value: fixedValue, label: `${fixedValue}%` };
+    }
+    onRotate(direction) {
+        let data = this.rotation;
+        if (direction < 0) {
+            data -= 90;
+        }
+        else {
+            data += 90;
+        }
+        if (data >= 360) {
+            this.rotation = data - 360;
+            return;
+        }
+        if (data < 0) {
+            this.rotation = 360 + data;
+            return;
+        }
+        this.rotation = data;
+    }
+    onPrintClick() {
+        this._pdfViewerService.print();
+        setTimeout(() => {
+            const printDialog = document.querySelector('dialog#printServiceDialog');
+            const progressText = printDialog?.querySelector('.row span');
+            const cancelButton = printDialog?.querySelector('#printCancel span');
+            if (progressText) {
+                progressText.textContent = 'Подготовка документа к печати...';
+            }
+            if (cancelButton) {
+                cancelButton.textContent = 'Отмена';
+            }
+        }, 1);
+    }
+    async onDownloadClick() {
+        const blob = await this._pdfViewerService.getCurrentDocumentAsBlob();
+        const objectUrl = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = objectUrl;
+        a.download = this.downloadFileName || this.src;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(objectUrl);
+    }
+    onSidebarViewClick() {
+        this.sidebarVisible = !this.sidebarVisible;
+    }
+    onExpandModeClick() {
+        const pdfViewerApplication = window.PDFViewerApplication;
+        if (pdfViewerApplication?.pdfViewer) {
+            pdfViewerApplication.requestPresentationMode();
+        }
+    }
+    onSearchClick() {
+        this.isSearchPanelVisible = !this.isSearchPanelVisible;
+    }
+    onSearch($event) {
+        if ($event) {
+            this._pdfViewerService.find($event, { highlightAll: true });
+            return;
+        }
+        this._pdfViewerService.find('', {});
+    }
+    findNext() {
+        this._pdfViewerService.findNext();
+    }
+    findPrevious() {
+        this._pdfViewerService.findPrevious();
+    }
+    onUpdateMatchCase($event) {
+        this.totalFound = $event.total;
+        this.currentFind = $event.current;
+    }
+    onFindStateChanged($event) {
+        this.findState = $event;
+    }
+    onSidebarVisibleChange($event) {
+        this.sidebarVisible = $event;
+    }
+    onHandToolClick() {
+        this.handTool = !this.handTool;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponent, deps: [{ token: i1$8.NgxExtendedPdfViewerService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PdfViewerComponent, selector: "mrx-pdf-viewer", inputs: { showSidebarButton: "showSidebarButton", showHandToolButton: "showHandToolButton", handTool: "handTool", showFindbarButton: "showFindbarButton", showRotateButton: "showRotateButton", showPrintButton: "showPrintButton", showDownloadButton: "showDownloadButton", showExpandButton: "showExpandButton", defaultZoom: "defaultZoom", downloadFileName: "downloadFileName", src: "src" }, providers: [TooltipService], viewQueries: [{ propertyName: "pdfViewer", first: true, predicate: NgxExtendedPdfViewerComponent, descendants: true }, { propertyName: "findMenu", first: true, predicate: ["findMenu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #customToolbar>\r\n  <div class=\"mrx-pdf-viewer__toolbar\" id=\"toolbarViewer\">\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n          *ngIf=\"showSidebarButton\"\r\n          [iconClass]=\"'icon-burger'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onSidebarViewClick()\"\r\n          [ngClass]=\"{'mrx-icon-button--toggled': sidebarVisible}\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [title]=\"'test'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          *ngIf=\"showFindbarButton\"\r\n          [iconClass]=\"'icon-search'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onSearchClick()\"\r\n          [customClasses]=\"'py-1 px-2 mrx-pdf-viewer__find-button'\"\r\n          [ngClass]=\"{'mrx-icon-button--toggled': isSearchPanelVisible}\"\r\n      ></mrx-icon-button>\r\n      <div *ngIf=\"isSearchPanelVisible\" class=\"mrx-pdf-viewer__findbar\" #findMenu>\r\n        <mrx-input-text\r\n          [customClasses]=\"findState === 1 ? 'mrx-input-error' :''+'searchText'\"\r\n          placeholder=\"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435...\"\r\n          [ngModel]=\"searchQuery\"\r\n          (ngModelChange)=\"onSearch($event)\">\r\n        </mrx-input-text>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'p-1'\"\r\n          (mrxClick)=\"findPrevious()\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'p-1'\"\r\n          (mrxClick)=\"findNext()\"\r\n        ></mrx-icon-button>\r\n        <div *ngIf=\"findState === 0 || findState === 2\" class=\"mrx-pdf-viewer__findbar-result\">\r\n          {{currentFind}} \u0438\u0437 {{totalFound}}\r\n        </div>\r\n        <div *ngIf=\"findState === 1\" class=\"color-negative d-flex align-items-center\">\u0424\u0440\u0430\u0437\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430</div>\r\n      </div>\r\n      <div class=\"mrx-pdf-viewer__toolbar--nav\">\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-in-the-end-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPageChange(1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPageChange(page - 1 || 1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-input-number [size]=\"'small'\" [customClasses]=\"'wpx-56'\"\r\n          [ngModel]=\"page\"\r\n          [numberType]=\"'int'\"\r\n          [minValue]=\"1\"\r\n          [maxValue]=\"pageCount\"\r\n          [isAutoCorrectingValue]=\"true\"\r\n          (ngModelChange)=\"onPageChange($event)\"\r\n        ></mrx-input-number>\r\n        <span class=\"mx-1\">\u0438\u0437 {{pageCount}}</span>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onNextPage()\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-in-the-end-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onLastPage()\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n        ></mrx-icon-button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n        (mrxClick)=\"zoomClick(false)\"\r\n        [iconClass]=\"'icon-minus'\"\r\n        [size]=\"'medium'\"\r\n        [state]=\"'default'\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          (mrxClick)=\"zoomClick(true)\"\r\n          [iconClass]=\"'icon-plus'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-input-select\r\n        [size]=\"'medium'\"\r\n        [customClasses]=\"'wpx-156'\"\r\n        [items]=\"zoomOptions\"\r\n        (ngModelChange)=\"onZoomLevelSelect($event)\"\r\n        [ngModel]=\"selectedZoom\"\r\n        [clearable]=\"false\">\r\n      </mrx-input-select>\r\n    </div>\r\n\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n        [iconClass]=\"'icon-fc-text'\"\r\n        [size]=\"'medium'\"\r\n        *ngIf=\"showHandToolButton\"\r\n        [ngClass]=\"{'mrx-icon-button--toggled': !handTool}\"\r\n        [state]=\"'default'\"\r\n        (mrxClick)=\"onHandToolClick()\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n        [iconClass]=\"'icon-reload'\"\r\n        [size]=\"'medium'\"\r\n        *ngIf=\"showRotateButton\"\r\n        [state]=\"'default'\"\r\n        (mrxClick)=\"onRotate(1)\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-return'\"\r\n          [size]=\"'medium'\"\r\n          *ngIf=\"showRotateButton\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(-1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-arrow-expand'\"\r\n          *ngIf=\"showExpandButton\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onExpandModeClick()\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-print'\"\r\n          *ngIf=\"showPrintButton\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPrintClick()\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          *ngIf=\"showDownloadButton\"\r\n          [iconClass]=\"'icon-download'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onDownloadClick()\"\r\n      ></mrx-icon-button>\r\n    </div>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<ngx-extended-pdf-viewer\r\n    #pdfViewer\r\n    class=\"mrx-pdf-viewer\"\r\n    [page]=\"page\"\r\n    [sidebarVisible]=\"showSidebarButton && sidebarVisible\"\r\n    (sidebarVisibleChange)=\"onSidebarVisibleChange($event)\"\r\n    [customToolbar]=\"customToolbar\"\r\n    [showSidebarButton]=\"true\"\r\n    (pagesLoaded)=\"onPagesLoaded($event)\"\r\n    [zoom]=\"selectedZoom.value\"\r\n    (zoomChange)=\"onZoomChange($event)\"\r\n    [textLayer]=\"true\"\r\n    (pageChange)=\"onPageChange($event)\"\r\n    [handTool]=\"handTool\"\r\n    [rotation]=\"rotation\"\r\n    (updateFindMatchesCount)=\"onUpdateMatchCase($event)\"\r\n    (updateFindState)=\"onFindStateChanged($event)\"\r\n    [src]=\"src\">\r\n</ngx-extended-pdf-viewer>\r\n", styles: [".mrx-pdf-viewer__toolbar{display:flex;padding:var(--spacing-1, 4px);justify-content:space-between;align-items:center;background:var(--neutral-bg-island-default, #F8F9FA);box-shadow:0 1px 4px #3b43571a;font-family:var(--body-sm-font-family, \"PT Sans\");font-size:var(--body-sm-font-size, 12px);font-style:normal;font-weight:var(--body-extra-sm-font-weight, 400);line-height:var(--body-lg-bold-font-size, 16px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container{min-height:28px!important;min-width:var(--sizing-10);padding:2px;padding-left:var(--spacing-1);padding-right:var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container{padding-left:var(--spacing-1)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container .ng-input{padding-left:var(--spacing-1)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-value .ng-value-label{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{min-height:var(--sizing-5);padding:calc(var(--spacing-1) / 2) var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected:before{content:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");right:var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-number.mrx-input-number.mrx-input-number-sm:not(.mrx-input-number-with-icon) input{padding:var(--spacing-1, 4px) var(--spacing-2, 8px)!important;min-height:28px;border:var(--border-width-default, 1px) solid var(--neutral-bg-stroke-default, #BFC5CC);text-align:right;font-size:var(--body-sm-font-size, 12px)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon{color:var(--neutral-icon-default)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon.icon-font-20{font-size:20px!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button{max-width:36px;max-height:28px;border:var(--border-width-default, 1px) solid transparent;box-sizing:border-box}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button{background:var(--brand-bg-secondary-default, #EDF5FF);border:var(--border-width-default, 1px) solid var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active{background:var(--brand-bg-secondary-default, #EDF5FF);border:1px solid var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button.icon-search.mrx-pdf-viewer__find-button{position:relative}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar .mrx-input-text.mrx-input-text-lg input{font-size:var(--body-sm-font-size, 12px)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar .mrx-icon-button{max-width:20px;max-height:20px}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar-result{display:flex;padding:6px var(--spacing-2, 8px);justify-content:center;align-items:center;gap:10px;border-radius:var(--sizing-1, 4px);background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar--nav{display:flex;align-items:center}.mrx-pdf-viewer__toolbar--nav span{color:var(--neutral-text-tertiary, #71767E)}.mrx-pdf-viewer__toolbar__find-button{position:relative}.mrx-pdf-viewer__findbar{position:absolute;top:47px;left:35px;z-index:100;background:#fff;width:auto;display:flex;padding:var(--spacing-3, 12px);border-radius:var(--sizing-1, 4px);box-shadow:0 1px 4px #3a3a3a4d;max-height:44px;box-sizing:border-box}.mrx-pdf-viewer__findbar:before{position:absolute;content:\"\";background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M24%2012H0L12%200L24%2012Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E);background-repeat:no-repeat;top:-12px;left:12px;width:24px;height:12px}.mrx-pdf-viewer__findbar .searchText{position:absolute;top:20px}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar{background-color:var(--neutral-bg-island-default, #F8F9FA);padding:var(--spacing-1, 4px);height:28px!important;box-sizing:border-box;width:100%}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton{margin-top:0;margin-bottom:0;width:var(--sizing-6, 24px);max-width:var(--sizing-6, 24px);height:20px;padding:0;font-family:mrx-icon-font!important;color:var(--neutral-icon-default, #33373C);line-height:1;font-size:var(--body-lg-font-size, 16px);box-sizing:border-box;border-radius:var(--sizing-1, 4px);outline:none;border:1px solid transparent}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton:focus{border:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton:hover{background:var(--brand-bg-tertiary-hover, #edf5ff)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton.toggled{border:1px solid var(--brand-bg-primary-default, #2A6AB8);background:var(--brand-bg-secondary-default, #EDF5FF)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton svg{display:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewThumbnail:after{content:\"\\e968\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewOutline:after{content:\"\\ea1b\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewLayers:after{content:\"\\e935\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-content #sidebarContent{top:28px!important;background-color:var(--neutral-bg-island-default, #F8F9FA)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar{width:var(--sizing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar-thumb,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar-thumb,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default, #BFC5CC);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar-thumb:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar-thumb:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar-thumb:hover{background:var(--neutral-bg-stroke-default, #BFC5CC)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView{padding:var(--spacing-3, 16px) var(--sizing-10, 40px);width:calc(100% - var(--sizing-20, 80px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView .thumbnail{margin:0;border:var(--spacing-1) solid rgba(0,0,0,0);border-radius:0}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView .thumbnail.selected{border:var(--spacing-1, 4px) solid var(--brand-bg-secondary-selected, #BED6F1)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView{padding:var(--spacing-3, 16px);width:calc(100% - var(--spacing-6, 64px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem:hover{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem>a,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem>a{color:var(--neutral-text-primary, #262626);font-size:var(--body-sm-font-size, 12px);line-height:var(--body-lg-bold-font-size, 16px);outline:none;border:none;padding:calc(var(--spacing-1, 4px) / 2) var(--spacing-1, 4px);min-width:calc(100% - var(--sizing-3, 12px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem>a:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem>a:focus{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem.selected>a,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem.selected>a{border-radius:var(--spacing-1, 4px);border:1px solid var(--brand-bg-primary-default, #2A6AB8)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem input[type=checkbox]:checked,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem input[type=checkbox]:checked{accent-color:var(--brand-bg-primary-default, #2A6AB8)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler{font-family:mrx-icon-font!important;color:var(--neutral-icon-default, 33373C);line-height:1;font-size:var(--body-lg-font-size, 16px);box-sizing:border-box;cursor:pointer}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler:before,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler:before{content:\"\\e926\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler.treeItemsHidden:before,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler.treeItemsHidden:before{content:\"\\e925\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar{width:var(--sizing-2, 8px);height:var(--sizing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default, #BFC5CC);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar-thumb:hover{background:var(--neutral-bg-stroke-default, #BFC5CC)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .pdfViewer .page{border:none;box-shadow:0 1px 4px #3b43571a;margin-bottom:var(--spacing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer .highlight{background-color:var(--brand-bg-primary-default, #2A6AB8)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer .highlight.selected{background-color:var(--system-text-positive, #004A1A)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer ::selection{background:var(--brand-bg-secondary-hover, #bed6f1)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .dialogButton{color:var(--neutral-text-primary, #262626);font-size:var(--body-md-font-size, 14px);line-height:20px;background-color:var(--brand-bg-tertiary-default, #FFF);border:var(--brand-bg-tertiary-default, #FFF)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog{box-shadow:0 1px 4px #3a3a3a4d;border:none;padding:var(--spacing-3, 16px);background:var(--brand-bg-tertiary-default, #FFF)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog::backdrop{background:var(--neutral-bg-modal, rgba(38, 38, 38, .25))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress{border-radius:var(--sizing-1, 4px);width:120px;height:var(--sizing-1, 4px);vertical-align:middle}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress::-webkit-progress-bar{background-color:var(--neutral-bg-island-default, #F8F9FA);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress::-webkit-progress-value{background-color:var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$8.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", "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", "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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
+            trigger('openClose', [
+                state('open', style({ height: '*', padding: '*', 'margin-bottom': '8px' })),
+                state('closed', style({ height: 0, padding: 0, 'margin-bottom': 0 })),
+                transition('open => closed', [animate('0.5s ease')]),
+                transition('closed => open', [animate('0.5s ease')]),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-pdf-viewer', animations: [
+                        trigger('openClose', [
+                            state('open', style({ height: '*', padding: '*', 'margin-bottom': '8px' })),
+                            state('closed', style({ height: 0, padding: 0, 'margin-bottom': 0 })),
+                            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\">\r\n      <mrx-icon-button\r\n          *ngIf=\"showSidebarButton\"\r\n          [iconClass]=\"'icon-burger'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onSidebarViewClick()\"\r\n          [ngClass]=\"{'mrx-icon-button--toggled': sidebarVisible}\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          [title]=\"'test'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          *ngIf=\"showFindbarButton\"\r\n          [iconClass]=\"'icon-search'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onSearchClick()\"\r\n          [customClasses]=\"'py-1 px-2 mrx-pdf-viewer__find-button'\"\r\n          [ngClass]=\"{'mrx-icon-button--toggled': isSearchPanelVisible}\"\r\n      ></mrx-icon-button>\r\n      <div *ngIf=\"isSearchPanelVisible\" class=\"mrx-pdf-viewer__findbar\" #findMenu>\r\n        <mrx-input-text\r\n          [customClasses]=\"findState === 1 ? 'mrx-input-error' :''+'searchText'\"\r\n          placeholder=\"\u041D\u0430\u0439\u0442\u0438 \u0432 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0435...\"\r\n          [ngModel]=\"searchQuery\"\r\n          (ngModelChange)=\"onSearch($event)\">\r\n        </mrx-input-text>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'p-1'\"\r\n          (mrxClick)=\"findPrevious()\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'p-1'\"\r\n          (mrxClick)=\"findNext()\"\r\n        ></mrx-icon-button>\r\n        <div *ngIf=\"findState === 0 || findState === 2\" class=\"mrx-pdf-viewer__findbar-result\">\r\n          {{currentFind}} \u0438\u0437 {{totalFound}}\r\n        </div>\r\n        <div *ngIf=\"findState === 1\" class=\"color-negative d-flex align-items-center\">\u0424\u0440\u0430\u0437\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430</div>\r\n      </div>\r\n      <div class=\"mrx-pdf-viewer__toolbar--nav\">\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-in-the-end-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPageChange(1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-left'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPageChange(page - 1 || 1)\"\r\n        ></mrx-icon-button>\r\n        <mrx-input-number [size]=\"'small'\" [customClasses]=\"'wpx-56'\"\r\n          [ngModel]=\"page\"\r\n          [numberType]=\"'int'\"\r\n          [minValue]=\"1\"\r\n          [maxValue]=\"pageCount\"\r\n          [isAutoCorrectingValue]=\"true\"\r\n          (ngModelChange)=\"onPageChange($event)\"\r\n        ></mrx-input-number>\r\n        <span class=\"mx-1\">\u0438\u0437 {{pageCount}}</span>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-chevron-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onNextPage()\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n        ></mrx-icon-button>\r\n        <mrx-icon-button\r\n          [iconClass]=\"'icon-in-the-end-right'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onLastPage()\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n        ></mrx-icon-button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n        (mrxClick)=\"zoomClick(false)\"\r\n        [iconClass]=\"'icon-minus'\"\r\n        [size]=\"'medium'\"\r\n        [state]=\"'default'\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          (mrxClick)=\"zoomClick(true)\"\r\n          [iconClass]=\"'icon-plus'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-input-select\r\n        [size]=\"'medium'\"\r\n        [customClasses]=\"'wpx-156'\"\r\n        [items]=\"zoomOptions\"\r\n        (ngModelChange)=\"onZoomLevelSelect($event)\"\r\n        [ngModel]=\"selectedZoom\"\r\n        [clearable]=\"false\">\r\n      </mrx-input-select>\r\n    </div>\r\n\r\n    <div class=\"d-flex\">\r\n      <mrx-icon-button\r\n        [iconClass]=\"'icon-fc-text'\"\r\n        [size]=\"'medium'\"\r\n        *ngIf=\"showHandToolButton\"\r\n        [ngClass]=\"{'mrx-icon-button--toggled': !handTool}\"\r\n        [state]=\"'default'\"\r\n        (mrxClick)=\"onHandToolClick()\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n        [iconClass]=\"'icon-reload'\"\r\n        [size]=\"'medium'\"\r\n        *ngIf=\"showRotateButton\"\r\n        [state]=\"'default'\"\r\n        (mrxClick)=\"onRotate(1)\"\r\n        [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-return'\"\r\n          [size]=\"'medium'\"\r\n          *ngIf=\"showRotateButton\"\r\n          [state]=\"'default'\"\r\n          (mrxClick)=\"onRotate(-1)\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-arrow-expand'\"\r\n          *ngIf=\"showExpandButton\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onExpandModeClick()\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          [iconClass]=\"'icon-print'\"\r\n          *ngIf=\"showPrintButton\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onPrintClick()\"\r\n      ></mrx-icon-button>\r\n      <mrx-icon-button\r\n          *ngIf=\"showDownloadButton\"\r\n          [iconClass]=\"'icon-download'\"\r\n          [size]=\"'medium'\"\r\n          [state]=\"'default'\"\r\n          [customClasses]=\"'py-1 px-2'\"\r\n          (mrxClick)=\"onDownloadClick()\"\r\n      ></mrx-icon-button>\r\n    </div>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<ngx-extended-pdf-viewer\r\n    #pdfViewer\r\n    class=\"mrx-pdf-viewer\"\r\n    [page]=\"page\"\r\n    [sidebarVisible]=\"showSidebarButton && sidebarVisible\"\r\n    (sidebarVisibleChange)=\"onSidebarVisibleChange($event)\"\r\n    [customToolbar]=\"customToolbar\"\r\n    [showSidebarButton]=\"true\"\r\n    (pagesLoaded)=\"onPagesLoaded($event)\"\r\n    [zoom]=\"selectedZoom.value\"\r\n    (zoomChange)=\"onZoomChange($event)\"\r\n    [textLayer]=\"true\"\r\n    (pageChange)=\"onPageChange($event)\"\r\n    [handTool]=\"handTool\"\r\n    [rotation]=\"rotation\"\r\n    (updateFindMatchesCount)=\"onUpdateMatchCase($event)\"\r\n    (updateFindState)=\"onFindStateChanged($event)\"\r\n    [src]=\"src\">\r\n</ngx-extended-pdf-viewer>\r\n", styles: [".mrx-pdf-viewer__toolbar{display:flex;padding:var(--spacing-1, 4px);justify-content:space-between;align-items:center;background:var(--neutral-bg-island-default, #F8F9FA);box-shadow:0 1px 4px #3b43571a;font-family:var(--body-sm-font-family, \"PT Sans\");font-size:var(--body-sm-font-size, 12px);font-style:normal;font-weight:var(--body-extra-sm-font-weight, 400);line-height:var(--body-lg-bold-font-size, 16px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container{min-height:28px!important;min-width:var(--sizing-10);padding:2px;padding-left:var(--spacing-1);padding-right:var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container{padding-left:var(--spacing-1)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container .ng-input{padding-left:var(--spacing-1)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-value .ng-value-label{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{min-height:var(--sizing-5);padding:calc(var(--spacing-1) / 2) var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected:before{content:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");right:var(--spacing-2)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-input-number.mrx-input-number.mrx-input-number-sm:not(.mrx-input-number-with-icon) input{padding:var(--spacing-1, 4px) var(--spacing-2, 8px)!important;min-height:28px;border:var(--border-width-default, 1px) solid var(--neutral-bg-stroke-default, #BFC5CC);text-align:right;font-size:var(--body-sm-font-size, 12px)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon{color:var(--neutral-icon-default)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon.icon-font-20{font-size:20px!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button{max-width:36px;max-height:28px;border:var(--border-width-default, 1px) solid transparent;box-sizing:border-box}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button--toggled .mrx-icon-button{background:var(--brand-bg-secondary-default, #EDF5FF);border:var(--border-width-default, 1px) solid var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button:active{background:var(--brand-bg-secondary-default, #EDF5FF);border:1px solid var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-icon-button.icon-search.mrx-pdf-viewer__find-button{position:relative}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar .mrx-input-text.mrx-input-text-lg input{font-size:var(--body-sm-font-size, 12px)!important}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar .mrx-icon-button{max-width:20px;max-height:20px}.mrx-pdf-viewer__toolbar ::ng-deep .mrx-pdf-viewer__findbar-result{display:flex;padding:6px var(--spacing-2, 8px);justify-content:center;align-items:center;gap:10px;border-radius:var(--sizing-1, 4px);background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-pdf-viewer__toolbar--nav{display:flex;align-items:center}.mrx-pdf-viewer__toolbar--nav span{color:var(--neutral-text-tertiary, #71767E)}.mrx-pdf-viewer__toolbar__find-button{position:relative}.mrx-pdf-viewer__findbar{position:absolute;top:47px;left:35px;z-index:100;background:#fff;width:auto;display:flex;padding:var(--spacing-3, 12px);border-radius:var(--sizing-1, 4px);box-shadow:0 1px 4px #3a3a3a4d;max-height:44px;box-sizing:border-box}.mrx-pdf-viewer__findbar:before{position:absolute;content:\"\";background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M24%2012H0L12%200L24%2012Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E);background-repeat:no-repeat;top:-12px;left:12px;width:24px;height:12px}.mrx-pdf-viewer__findbar .searchText{position:absolute;top:20px}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar{background-color:var(--neutral-bg-island-default, #F8F9FA);padding:var(--spacing-1, 4px);height:28px!important;box-sizing:border-box;width:100%}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton{margin-top:0;margin-bottom:0;width:var(--sizing-6, 24px);max-width:var(--sizing-6, 24px);height:20px;padding:0;font-family:mrx-icon-font!important;color:var(--neutral-icon-default, #33373C);line-height:1;font-size:var(--body-lg-font-size, 16px);box-sizing:border-box;border-radius:var(--sizing-1, 4px);outline:none;border:1px solid transparent}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton:focus{border:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton:hover{background:var(--brand-bg-tertiary-hover, #edf5ff)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton.toggled{border:1px solid var(--brand-bg-primary-default, #2A6AB8);background:var(--brand-bg-secondary-default, #EDF5FF)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton svg{display:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewThumbnail:after{content:\"\\e968\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewOutline:after{content:\"\\ea1b\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-toolbar #toolbarSidebar button.toolbarButton#viewLayers:after{content:\"\\e935\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer pdf-sidebar pdf-sidebar-content #sidebarContent{top:28px!important;background-color:var(--neutral-bg-island-default, #F8F9FA)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar{width:var(--sizing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar-thumb,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar-thumb,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default, #BFC5CC);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView::-webkit-scrollbar-thumb:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView::-webkit-scrollbar-thumb:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView::-webkit-scrollbar-thumb:hover{background:var(--neutral-bg-stroke-default, #BFC5CC)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView{padding:var(--spacing-3, 16px) var(--sizing-10, 40px);width:calc(100% - var(--sizing-20, 80px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView .thumbnail{margin:0;border:var(--spacing-1) solid rgba(0,0,0,0);border-radius:0}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #thumbnailView .thumbnail.selected{border:var(--spacing-1, 4px) solid var(--brand-bg-secondary-selected, #BED6F1)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView{padding:var(--spacing-3, 16px);width:calc(100% - var(--spacing-6, 64px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem:hover,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem:hover{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem>a,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem>a{color:var(--neutral-text-primary, #262626);font-size:var(--body-sm-font-size, 12px);line-height:var(--body-lg-bold-font-size, 16px);outline:none;border:none;padding:calc(var(--spacing-1, 4px) / 2) var(--spacing-1, 4px);min-width:calc(100% - var(--sizing-3, 12px))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem>a:focus,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem>a:focus{outline:none}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem.selected>a,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem.selected>a{border-radius:var(--spacing-1, 4px);border:1px solid var(--brand-bg-primary-default, #2A6AB8)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItem input[type=checkbox]:checked,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItem input[type=checkbox]:checked{accent-color:var(--brand-bg-primary-default, #2A6AB8)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler{font-family:mrx-icon-font!important;color:var(--neutral-icon-default, 33373C);line-height:1;font-size:var(--body-lg-font-size, 16px);box-sizing:border-box;cursor:pointer}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler:before,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler:before{content:\"\\e926\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #layersView .treeItemToggler.treeItemsHidden:before,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer.mrx-pdf-viewer .html #outlineView.treeWithDeepNesting .treeItemToggler.treeItemsHidden:before{content:\"\\e925\"}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar{width:var(--sizing-2, 8px);height:var(--sizing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default, #BFC5CC);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer #viewerContainer::-webkit-scrollbar-thumb:hover{background:var(--neutral-bg-stroke-default, #BFC5CC)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .pdfViewer .page{border:none;box-shadow:0 1px 4px #3b43571a;margin-bottom:var(--spacing-2, 8px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer .highlight{background-color:var(--brand-bg-primary-default, #2A6AB8)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer .highlight.selected{background-color:var(--system-text-positive, #004A1A)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .textLayer ::selection{background:var(--brand-bg-secondary-hover, #bed6f1)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog,::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer .dialogButton{color:var(--neutral-text-primary, #262626);font-size:var(--body-md-font-size, 14px);line-height:20px;background-color:var(--brand-bg-tertiary-default, #FFF);border:var(--brand-bg-tertiary-default, #FFF)!important}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog{box-shadow:0 1px 4px #3a3a3a4d;border:none;padding:var(--spacing-3, 16px);background:var(--brand-bg-tertiary-default, #FFF)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog::backdrop{background:var(--neutral-bg-modal, rgba(38, 38, 38, .25))}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress{border-radius:var(--sizing-1, 4px);width:120px;height:var(--sizing-1, 4px);vertical-align:middle}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress::-webkit-progress-bar{background-color:var(--neutral-bg-island-default, #F8F9FA);border-radius:var(--sizing-1, 4px)}::ng-deep mrx-pdf-viewer ngx-extended-pdf-viewer dialog progress::-webkit-progress-value{background-color:var(--brand-bg-primary-default, #2A6AB8);border-radius:var(--sizing-1, 4px)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$8.NgxExtendedPdfViewerService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { showSidebarButton: [{
+                type: Input
+            }], showHandToolButton: [{
+                type: Input
+            }], handTool: [{
+                type: Input
+            }], showFindbarButton: [{
+                type: Input
+            }], showRotateButton: [{
+                type: Input
+            }], showPrintButton: [{
+                type: Input
+            }], showDownloadButton: [{
+                type: Input
+            }], showExpandButton: [{
+                type: Input
+            }], defaultZoom: [{
+                type: Input
+            }], downloadFileName: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], pdfViewer: [{
+                type: ViewChild,
+                args: [NgxExtendedPdfViewerComponent]
+            }], findMenu: [{
+                type: ViewChild,
+                args: ['findMenu']
+            }] } });
+
+class PdfViewerComponentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponentModule, declarations: [PdfViewerComponent], imports: [CommonModule,
+            TooltipModule,
+            CdkTooltipModule,
+            NgxExtendedPdfViewerModule,
+            IconButtonModule,
+            InputSelectModule,
+            InputNumberModule,
+            InputTextModule,
+            CommonModule,
+            FormsModule,
+            InputNumberModule], exports: [PdfViewerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponentModule, imports: [CommonModule,
+            TooltipModule,
+            CdkTooltipModule,
+            NgxExtendedPdfViewerModule,
+            IconButtonModule,
+            InputSelectModule,
+            InputNumberModule,
+            InputTextModule,
+            CommonModule,
+            FormsModule,
+            InputNumberModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PdfViewerComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PdfViewerComponent],
+                    imports: [
+                        CommonModule,
+                        TooltipModule,
+                        CdkTooltipModule,
+                        NgxExtendedPdfViewerModule,
+                        IconButtonModule,
+                        InputSelectModule,
+                        InputNumberModule,
+                        InputTextModule,
+                        CommonModule,
+                        FormsModule,
+                        InputNumberModule,
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [PdfViewerComponent],
+                }]
+        }] });
+
 // COMPONENTS
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, CheckboxTypesEnum, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountryISO$1 as CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$2 as InputDateSizesEnum, InputDateTimeComponent, InputDateTimeModule, InputDatepickerComponent, InputDatepickerModule, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PhoneFormatModule, PhoneFormatPipe, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone$1 as Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, autosaveAddId, autosaveError, autosaveErrorFor, autosaveStart, autosaveStartFor, autosaveStop, autosaveStopFor, autosaveSuccess, autosaveSuccessFor, convertBase64ToFile, dateTimeFormat, defaultConfig, defaultCustomConfig, emailRegExp, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, wordForm };
+export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, CheckboxTypesEnum, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountryISO$1 as CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$2 as InputDateSizesEnum, InputDateTimeComponent, InputDateTimeModule, InputDatepickerComponent, InputDatepickerModule, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone$1 as Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, autosaveAddId, autosaveError, autosaveErrorFor, autosaveStart, autosaveStartFor, autosaveStop, autosaveStopFor, autosaveSuccess, autosaveSuccessFor, convertBase64ToFile, dateTimeFormat, defaultConfig, defaultCustomConfig, emailRegExp, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, wordForm };
 //# sourceMappingURL=myrta-ui.mjs.map