myrtex-mf-competition 1.0.99 → 1.1.1-beta.1

package/fesm2015/myrtex-mf-competition.mjs

@@ -17,7 +17,7 @@ import { MyrtexAuthModule } from 'myrtex-mf-auth';
 import * as i6 from '@ng-select/ng-select';
 import { NgSelectModule } from '@ng-select/ng-select';
 import * as i7 from 'myrtex-mf-ui';
-import { DropdownModule, CdkTooltipModule } from 'myrtex-mf-ui';
+import { DropdownModule, CdkTooltipModule, LoaderModule } from 'myrtex-mf-ui';
 import * as i9 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { Subject, EMPTY } from 'rxjs';
@@ -124,7 +124,9 @@ class LibCompetitionHeaderComponent extends UnSubscriber {
         this.canValidateVersionOnActivityPeriod = true;
         this.canActivateVersionOnActivityPeriod = true;
         this.isDirty = false;
+        this.validationInProgress = false;
         this.selectedCompetitionVersionInfo = new EventEmitter();
+        this.setValidationInProgress = new EventEmitter();
         this.versions = [];
         this.selectedVersion = '';
         this.competitionStatusEnum = CompetitionStatusEnum;
@@ -141,6 +143,9 @@ class LibCompetitionHeaderComponent extends UnSubscriber {
         this._canCompleteEntityAccess = false;
         this._canCancelEntityAccess = false;
     }
+    get showLoader() {
+        return this.validationInProgress;
+    }
     get competitionAggregateStatusEnumLabel() {
         if (this.versions && this.versions.length == 1 && this.selected
             && this.selected.status !== CompetitionVersionStatusEnum.Active) {
@@ -202,7 +207,7 @@ class LibCompetitionHeaderComponent extends UnSubscriber {
                     && ((_d = this.competition) === null || _d === void 0 ? void 0 : _d.mode) === CompetitionModeEnum.VersionedExtended));
     }
     get validateVersionDisabled() {
-        return this.isDirty || !this._canAgreementVersionAccess;
+        return this.isDirty || !this._canAgreementVersionAccess || this.validationInProgress;
     }
     get createVersionDisabled() {
         return this.isDirty || !this._canCreateVersionAccess;
@@ -413,6 +418,7 @@ class LibCompetitionHeaderComponent extends UnSubscriber {
                             status: CompetitionVersionStatusEnum.Validation
                         }));
                     }, () => {
+                        this.setValidationInProgress.emit(false);
                     });
                 });
             }
@@ -551,10 +557,10 @@ class LibCompetitionHeaderComponent extends UnSubscriber {
     }
 }
 LibCompetitionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LibCompetitionHeaderComponent, deps: [{ token: i1$1.SignService }, { token: i2.Store }, { token: i3.AlertService }, { token: SettingsService }, { token: i5.AccessService }], target: i0.ɵɵFactoryTarget.Component });
-LibCompetitionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LibCompetitionHeaderComponent, selector: "lib-competition-header", inputs: { validateVersionAction: "validateVersionAction", canCreateVersionOnActivityPeriod: "canCreateVersionOnActivityPeriod", canValidateVersionOnActivityPeriod: "canValidateVersionOnActivityPeriod", canActivateVersionOnActivityPeriod: "canActivateVersionOnActivityPeriod", isDirty: "isDirty" }, outputs: { selectedCompetitionVersionInfo: "selectedCompetitionVersionInfo" }, queries: [{ propertyName: "customButtonsTemplate", first: true, predicate: CompetitionHeaderCustomButtonsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"info-banner\" *ngIf=\"selected\">\r\n  <div class=\"info-banner-body\">\r\n    <div class=\"info-banner-block\">\r\n      <!-- \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n      <div class=\"info-banner-item wpx-160 mr-3\">\r\n        <!-- \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0449\u043D\u043E\u0441\u0442\u0438, \u043B\u0438\u0431\u043E \"\u0421\u0443\u0431\u0441\u0438\u0434\u0438\u044F\" \u043B\u0438\u0431\u043E \"\u041E\u0442\u0431\u043E\u0440\" -->\r\n        <span class=\"info-banner-item__title\" myCompetitionLabel>\r\n\r\n                </span>\r\n        <!-- \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <!-- \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0438\u0442\u044C \u0434\u043B\u0438\u043D\u0443 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F \u0432 44 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 -->\r\n        <!-- \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0432 \u0442\u0443\u043B\u0442\u0438\u043F \u043F\u043E\u043B\u043D\u043E\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <span class=\"info-banner-item__text text-normal\" [mrxCdkTooltip]=\"selected.name\" [tooltipMaxWidth]=\"320\">\r\n                    {{ selected.shortName ? selected.shortName : '\u041D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D' }}\r\n                </span>\r\n      </div>\r\n      <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n      <div class=\"info-banner-item wpx-110\">\r\n                <span class=\"info-banner-item__title\">\r\n                    \u0421\u0442\u0430\u0442\u0443\u0441\r\n                </span>\r\n        <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <!-- \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043B\u0430\u0441\u0441\u044B: \u043E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439 - \"color-orange\", \u0437\u0435\u043B\u0435\u043D\u044B\u0439 - \"color-green\" -->\r\n        <span class=\"info-banner-item__text\" [ngClass]=\"competitionAggregateStatusCssClass\">\r\n                    {{ competitionAggregateStatusEnumLabel }}\r\n                </span>\r\n      </div>\r\n    </div>\r\n    <!-- \u0441\u0435\u043B\u0435\u043A\u0442 \u0441 \u0432\u044B\u0431\u043E\u0440\u043E\u043C \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n    <div class=\"info-banner-item info-banner-item_input wpx-260 mr-3\" *ngIf=\"versions && versions.length > 1\">\r\n      <div class=\"inputbox inputbox-md mb-0\">\r\n        <ng-select [items]=\"versions\" [ngModel]=\"selected.id\"\r\n                   (ngModelChange)=\"selectVersion($event)\"\r\n                   [clearable]=\"false\"\r\n                   bindValue=\"id\"\r\n                   bindLabel=\"name\"\r\n                   groupBy=\"status\"\r\n                   notFoundText=\"\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E\">\r\n          <ng-template ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\r\n            {{ getCompetitionVersionStatusGrouppingLabel(item.status) }}\r\n          </ng-template>\r\n          <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n            \u0412\u0435\u0440\u0441\u0438\u044F {{ item.num }} \u043E\u0442 {{ item.createdDate }}\r\n          </ng-template>\r\n          <ng-template ng-label-tmp let-item=\"item\">\r\n            \u0412\u0435\u0440\u0441\u0438\u044F {{ item.num }} \u043E\u0442 {{ item.createdDate }}\r\n          </ng-template>\r\n        </ng-select>\r\n      </div>\r\n    </div>\r\n    <!-- \u0441\u0442\u0430\u0442\u0430\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n    <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C, \u0435\u0441\u043B\u0438 \u043D\u0435\u0442 \u0432\u0435\u0440\u0441\u0438\u0439 -->\r\n    <div class=\"info-banner-item wpx-110\" *ngIf=\"versions && versions.length > 1\">\r\n            <span class=\"info-banner-item__title\">\r\n                \u0421\u0442\u0430\u0442\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438\r\n            </span>\r\n      <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n      <!-- \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043B\u0430\u0441\u0441\u044B: \u043E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439 - \"color-orange\", \u0437\u0435\u043B\u0435\u043D\u044B\u0439 - \"color-green\" -->\r\n      <span class=\"info-banner-item__text\" *ngIf=\"selected\" [ngClass]=\"versionStatusClass\">\r\n                {{ getCompetitionVersionStatusEnumLabel(selected.status) }}\r\n            </span>\r\n    </div>\r\n    <!-- \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435, \u0432\u044B\u0437\u043E\u0432 \u043C\u043E\u0434\u0430\u043B\u043A\u0438, \u043F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E\u0431 \u0432\u043D\u0435\u0441\u0435\u043D\u0438\u0438 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 -->\r\n    <div class=\"info-banner-item\">\r\n      <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C, \u0435\u0441\u043B\u0438 \u043D\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F -->\r\n      <!-- \"\u043A\u043E\u043D\u0432\u0435\u0440\u0442\" -->\r\n      <div class=\"info-banner-item__icon\" *ngIf=\"showRejectionReason\"\r\n           [mrxCdkTooltip]=\"'\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043F\u0440\u0438\u0447\u0438\u043D\u0443 \u043E\u0442\u043A\u043B\u043E\u043D\u0435\u043D\u0438\u044F'\"\r\n           (click)=\"showRejection(selected.rejectionReason)\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"1\" stroke=\"#282828\" stroke-width=\"1.5\"/>\r\n          <path d=\"M3 6.25L11.3356 13.6595C11.7145 13.9962 12.2855 13.9962 12.6644 13.6595L21 6.25\" stroke=\"#282828\"\r\n                stroke-width=\"1.5\"/>\r\n          <path d=\"M3 18L7.5 14L9.75 12M21 18L16.5 14L14.25 12\" stroke=\"#282828\" stroke-width=\"1.5\"/>\r\n        </svg>\r\n      </div>\r\n      <!-- \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n      <div *ngIf=\"canDeleteVersion\" (click)=\"removeVersion()\" class=\"info-banner-item__icon\" [mrxCdkTooltip]=\"'\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u0435\u0440\u0441\u0438\u044E'\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M3 6H5H21\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path\r\n            d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\"\r\n            stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path d=\"M10 11V17\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path d=\"M14 11V17\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n        </svg>\r\n      </div>\r\n      <!-- \u0432\u043E\u0441\u043A\u043B\u0438\u0446\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0437\u043D\u0430\u043A -->\r\n      <div *ngIf=\"!isLastVersion\" class=\"info-banner-item__icon\" [mrxCdkTooltip]=\"'\u0412\u043D\u0435\u0441\u0435\u043D\u0438\u0435 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E \u043D\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438'\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            d=\"M12.2302 18V17M12.2302 14V10M4.00298 21.25H20.4575C21.9971 21.25 22.9593 19.5833 22.1895 18.25L13.9623 4C13.1925 2.66667 11.268 2.66667 10.4982 4L2.27093 18.25C1.50113 19.5833 2.46338 21.25 4.00298 21.25Z\"\r\n            stroke=\"#D57B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n        </svg>\r\n      </div>\r\n    </div>\r\n    <div class=\"info-banner-control\">\r\n      <div *ngIf=\"!!customButtonsTemplate\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"customButtonsTemplate.templateRef;context:customButtonsTemplateContext\"></ng-container>\r\n      </div>\r\n      <button class=\"btn btn-md green\"\r\n              (click)=\"createVersion()\"\r\n              *ngIf=\"canCreateVersion\"\r\n              [disabled]=\"createVersionDisabled\">\r\n        \u0421\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F\r\n      </button>\r\n      <button class=\"btn btn-md green\"\r\n              (click)=\"activateVersion()\"\r\n              *ngIf=\"canActivateVersion\"\r\n              [disabled]=\"activateVersionDisabled\">\r\n        \u041E\u043F\u0443\u0431\u043B\u0438\u043A\u043E\u0432\u0430\u0442\u044C\r\n      </button>\r\n      <button class=\"btn btn-md\"\r\n              (click)=\"validateVersion()\"\r\n              *ngIf=\"canValidateVersion\"\r\n              [disabled]=\"validateVersionDisabled\">\r\n        \u0421\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u0435\r\n      </button>\r\n      <button class=\"btn btn-md\"\r\n              (click)=\"complete()\"\r\n              *ngIf=\"canCompleteCompetition\">\r\n        \u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C\r\n      </button>\r\n      <button *ngIf=\"canReturnToEdit\" class=\"btn btn-md\"\r\n              (click)=\"backToEdit()\"\r\n              [disabled]=\"backToEditDisabled\">\r\n        \u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C\r\n      </button>\r\n      <!-- \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u043C/\u043E\u0442\u0431\u043E\u0440\u043E\u043C -->\r\n      <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u0435\u0441\u043B\u0438 \u043D\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F -->\r\n      <div class=\"info-banner-control__action\"\r\n           *ngIf=\"competition && showEbLink\">\r\n        <mrx-dropdown [mainPlacement]=\"'bottom-end'\" [fallbackPlacements]=\"['top-end']\">\r\n          <ng-template #dropdownToggle>\r\n            <span class=\"mrx-icon icon-more-vertical icon-font-24\"></span>\r\n          </ng-template>\r\n          <ng-template #dropdownMenu>\r\n            <button mrxHideAfterClick (click)=\"redirectToEb()\">\r\n              <span class=\"mrx-icon icon-link icon-font-24 mr-2\"></span>\r\n              <span>\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u043F\u043E\u0434\u0441\u0438\u0441\u0442\u0435\u043C\u0443 \u0431\u044E\u0434\u0436\u0435\u0442\u043D\u043E\u0433\u043E \u043F\u043B\u0430\u043D\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0413\u0418\u0418\u0421 \u00AB\u042D\u0411\u00BB</span>\r\n            </button>\r\n\r\n            <!--\u0412\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u0441\u043A\u0440\u044B\u0442\u043E \u0432 \u0440\u0430\u043C\u043A\u0430\u0445 MINFIN-11223-->\r\n            <!--<button mrxHideAfterClick (click)=\"pause()\"\r\n                    *ngIf=\"competition.status == competitionStatusEnum.Active && canManageCompetition\">\r\n              <span class=\"mrx-icon icon-pause-filled icon-font-24 mr-2\"></span>\r\n              <span>\u041F\u0440\u0438\u043E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C</span>\r\n            </button>-->\r\n\r\n            <button mrxHideAfterClick (click)=\"restore()\"\r\n                    *ngIf=\"competition.status == competitionStatusEnum.Staying\">\r\n              <span class=\"mrx-icon icon-play-filled icon-font-24 mr-2\"></span>\r\n              <span>{{ restoreButtonName }}</span>\r\n            </button>\r\n\r\n            <button mrxHideAfterClick\r\n                    *ngIf=\"canCancelCompetition\"\r\n                    (click)=\"cancel()\">\r\n              <span class=\"mrx-icon icon-close icon-font-24 mr-2\"></span>\r\n              <span>{{ cancelCompetitionButtonLabel }}</span>\r\n            </button>\r\n          </ng-template>\r\n        </mrx-dropdown>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", components: [{ 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"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i7.DropdownComponent, selector: "mrx-dropdown", inputs: ["mainPlacement", "fallbackPlacements", "closeOnClick", "customClasses"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CompetitionLabelDirective, selector: "[myCompetitionLabel]" }, { type: i7.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { type: i6.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i6.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.HideAfterClickDirective, selector: "[mrxHideAfterClick]" }] });
+LibCompetitionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LibCompetitionHeaderComponent, selector: "lib-competition-header", inputs: { validateVersionAction: "validateVersionAction", canCreateVersionOnActivityPeriod: "canCreateVersionOnActivityPeriod", canValidateVersionOnActivityPeriod: "canValidateVersionOnActivityPeriod", canActivateVersionOnActivityPeriod: "canActivateVersionOnActivityPeriod", isDirty: "isDirty", validationInProgress: "validationInProgress" }, outputs: { selectedCompetitionVersionInfo: "selectedCompetitionVersionInfo", setValidationInProgress: "setValidationInProgress" }, queries: [{ propertyName: "customButtonsTemplate", first: true, predicate: CompetitionHeaderCustomButtonsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"info-banner\" *ngIf=\"selected\">\r\n  <div class=\"info-banner-body\">\r\n    <div class=\"info-banner-block\">\r\n      <!-- \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n      <div class=\"info-banner-item wpx-160 mr-3\">\r\n        <!-- \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0449\u043D\u043E\u0441\u0442\u0438, \u043B\u0438\u0431\u043E \"\u0421\u0443\u0431\u0441\u0438\u0434\u0438\u044F\" \u043B\u0438\u0431\u043E \"\u041E\u0442\u0431\u043E\u0440\" -->\r\n        <span class=\"info-banner-item__title\" myCompetitionLabel>\r\n\r\n                </span>\r\n        <!-- \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <!-- \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0438\u0442\u044C \u0434\u043B\u0438\u043D\u0443 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F \u0432 44 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 -->\r\n        <!-- \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0432 \u0442\u0443\u043B\u0442\u0438\u043F \u043F\u043E\u043B\u043D\u043E\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <span class=\"info-banner-item__text text-normal\" [mrxCdkTooltip]=\"selected.name\" [tooltipMaxWidth]=\"320\">\r\n                    {{ selected.shortName ? selected.shortName : '\u041D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D' }}\r\n                </span>\r\n      </div>\r\n      <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n      <div class=\"info-banner-item wpx-110\">\r\n                <span class=\"info-banner-item__title\">\r\n                    \u0421\u0442\u0430\u0442\u0443\u0441\r\n                </span>\r\n        <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <!-- \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043B\u0430\u0441\u0441\u044B: \u043E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439 - \"color-orange\", \u0437\u0435\u043B\u0435\u043D\u044B\u0439 - \"color-green\" -->\r\n        <span class=\"info-banner-item__text\" [ngClass]=\"competitionAggregateStatusCssClass\">\r\n                    {{ competitionAggregateStatusEnumLabel }}\r\n                </span>\r\n      </div>\r\n    </div>\r\n    <!-- \u0441\u0435\u043B\u0435\u043A\u0442 \u0441 \u0432\u044B\u0431\u043E\u0440\u043E\u043C \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n    <div class=\"info-banner-item info-banner-item_input wpx-260 mr-3\" *ngIf=\"versions && versions.length > 1\">\r\n      <div class=\"inputbox inputbox-md mb-0\">\r\n        <ng-select [items]=\"versions\" [ngModel]=\"selected.id\"\r\n                   (ngModelChange)=\"selectVersion($event)\"\r\n                   [clearable]=\"false\"\r\n                   bindValue=\"id\"\r\n                   bindLabel=\"name\"\r\n                   groupBy=\"status\"\r\n                   notFoundText=\"\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E\">\r\n          <ng-template ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\r\n            {{ getCompetitionVersionStatusGrouppingLabel(item.status) }}\r\n          </ng-template>\r\n          <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n            \u0412\u0435\u0440\u0441\u0438\u044F {{ item.num }} \u043E\u0442 {{ item.createdDate }}\r\n          </ng-template>\r\n          <ng-template ng-label-tmp let-item=\"item\">\r\n            \u0412\u0435\u0440\u0441\u0438\u044F {{ item.num }} \u043E\u0442 {{ item.createdDate }}\r\n          </ng-template>\r\n        </ng-select>\r\n      </div>\r\n    </div>\r\n    <!-- \u0441\u0442\u0430\u0442\u0430\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n    <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C, \u0435\u0441\u043B\u0438 \u043D\u0435\u0442 \u0432\u0435\u0440\u0441\u0438\u0439 -->\r\n    <div class=\"info-banner-item wpx-110\" *ngIf=\"versions && versions.length > 1\">\r\n            <span class=\"info-banner-item__title\">\r\n                \u0421\u0442\u0430\u0442\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438\r\n            </span>\r\n      <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n      <!-- \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043B\u0430\u0441\u0441\u044B: \u043E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439 - \"color-orange\", \u0437\u0435\u043B\u0435\u043D\u044B\u0439 - \"color-green\" -->\r\n      <span class=\"info-banner-item__text\" *ngIf=\"selected\" [ngClass]=\"versionStatusClass\">\r\n                {{ getCompetitionVersionStatusEnumLabel(selected.status) }}\r\n            </span>\r\n    </div>\r\n    <!-- \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435, \u0432\u044B\u0437\u043E\u0432 \u043C\u043E\u0434\u0430\u043B\u043A\u0438, \u043F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E\u0431 \u0432\u043D\u0435\u0441\u0435\u043D\u0438\u0438 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 -->\r\n    <div class=\"info-banner-item\">\r\n      <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C, \u0435\u0441\u043B\u0438 \u043D\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F -->\r\n      <!-- \"\u043A\u043E\u043D\u0432\u0435\u0440\u0442\" -->\r\n      <div class=\"info-banner-item__icon\" *ngIf=\"showRejectionReason\"\r\n           [mrxCdkTooltip]=\"'\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043F\u0440\u0438\u0447\u0438\u043D\u0443 \u043E\u0442\u043A\u043B\u043E\u043D\u0435\u043D\u0438\u044F'\"\r\n           (click)=\"showRejection(selected.rejectionReason)\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"1\" stroke=\"#282828\" stroke-width=\"1.5\"/>\r\n          <path d=\"M3 6.25L11.3356 13.6595C11.7145 13.9962 12.2855 13.9962 12.6644 13.6595L21 6.25\" stroke=\"#282828\"\r\n                stroke-width=\"1.5\"/>\r\n          <path d=\"M3 18L7.5 14L9.75 12M21 18L16.5 14L14.25 12\" stroke=\"#282828\" stroke-width=\"1.5\"/>\r\n        </svg>\r\n      </div>\r\n      <!-- \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n      <div *ngIf=\"canDeleteVersion\" (click)=\"removeVersion()\" class=\"info-banner-item__icon\" [mrxCdkTooltip]=\"'\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u0435\u0440\u0441\u0438\u044E'\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M3 6H5H21\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path\r\n            d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\"\r\n            stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path d=\"M10 11V17\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path d=\"M14 11V17\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n        </svg>\r\n      </div>\r\n      <!-- \u0432\u043E\u0441\u043A\u043B\u0438\u0446\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0437\u043D\u0430\u043A -->\r\n      <div *ngIf=\"!isLastVersion\" class=\"info-banner-item__icon\" [mrxCdkTooltip]=\"'\u0412\u043D\u0435\u0441\u0435\u043D\u0438\u0435 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E \u043D\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438'\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            d=\"M12.2302 18V17M12.2302 14V10M4.00298 21.25H20.4575C21.9971 21.25 22.9593 19.5833 22.1895 18.25L13.9623 4C13.1925 2.66667 11.268 2.66667 10.4982 4L2.27093 18.25C1.50113 19.5833 2.46338 21.25 4.00298 21.25Z\"\r\n            stroke=\"#D57B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n        </svg>\r\n      </div>\r\n    </div>\r\n    <div class=\"info-banner-control\">\r\n      <div *ngIf=\"!!customButtonsTemplate\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"customButtonsTemplate.templateRef;context:customButtonsTemplateContext\"></ng-container>\r\n      </div>\r\n      <button class=\"btn btn-md green\"\r\n              (click)=\"createVersion()\"\r\n              *ngIf=\"canCreateVersion\"\r\n              [disabled]=\"createVersionDisabled\">\r\n        \u0421\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F\r\n      </button>\r\n      <button class=\"btn btn-md green\"\r\n              (click)=\"activateVersion()\"\r\n              *ngIf=\"canActivateVersion\"\r\n              [disabled]=\"activateVersionDisabled\">\r\n        \u041E\u043F\u0443\u0431\u043B\u0438\u043A\u043E\u0432\u0430\u0442\u044C\r\n      </button>\r\n      <button class=\"btn btn-md\"\r\n              (click)=\"validateVersion()\"\r\n              *ngIf=\"canValidateVersion\"\r\n              [disabled]=\"validateVersionDisabled\">\r\n        \u0421\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u0435\r\n      </button>\r\n      <button class=\"btn btn-md\"\r\n              (click)=\"complete()\"\r\n              *ngIf=\"canCompleteCompetition\">\r\n        \u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C\r\n      </button>\r\n      <button *ngIf=\"canReturnToEdit\" class=\"btn btn-md\"\r\n              (click)=\"backToEdit()\"\r\n              [disabled]=\"backToEditDisabled\">\r\n        \u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C\r\n      </button>\r\n      <!-- \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u043C/\u043E\u0442\u0431\u043E\u0440\u043E\u043C -->\r\n      <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u0435\u0441\u043B\u0438 \u043D\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F -->\r\n      <div class=\"info-banner-control__action\"\r\n           *ngIf=\"competition && showEbLink\">\r\n        <mrx-dropdown [mainPlacement]=\"'bottom-end'\" [fallbackPlacements]=\"['top-end']\">\r\n          <ng-template #dropdownToggle>\r\n            <span class=\"mrx-icon icon-more-vertical icon-font-24\"></span>\r\n          </ng-template>\r\n          <ng-template #dropdownMenu>\r\n            <button mrxHideAfterClick (click)=\"redirectToEb()\">\r\n              <span class=\"mrx-icon icon-link icon-font-24 mr-2\"></span>\r\n              <span>\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u043F\u043E\u0434\u0441\u0438\u0441\u0442\u0435\u043C\u0443 \u0431\u044E\u0434\u0436\u0435\u0442\u043D\u043E\u0433\u043E \u043F\u043B\u0430\u043D\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0413\u0418\u0418\u0421 \u00AB\u042D\u0411\u00BB</span>\r\n            </button>\r\n\r\n            <!--\u0412\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u0441\u043A\u0440\u044B\u0442\u043E \u0432 \u0440\u0430\u043C\u043A\u0430\u0445 MINFIN-11223-->\r\n            <!--<button mrxHideAfterClick (click)=\"pause()\"\r\n                    *ngIf=\"competition.status == competitionStatusEnum.Active && canManageCompetition\">\r\n              <span class=\"mrx-icon icon-pause-filled icon-font-24 mr-2\"></span>\r\n              <span>\u041F\u0440\u0438\u043E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C</span>\r\n            </button>-->\r\n\r\n            <button mrxHideAfterClick (click)=\"restore()\"\r\n                    *ngIf=\"competition.status == competitionStatusEnum.Staying\">\r\n              <span class=\"mrx-icon icon-play-filled icon-font-24 mr-2\"></span>\r\n              <span>{{ restoreButtonName }}</span>\r\n            </button>\r\n\r\n            <button mrxHideAfterClick\r\n                    *ngIf=\"canCancelCompetition\"\r\n                    (click)=\"cancel()\">\r\n              <span class=\"mrx-icon icon-close icon-font-24 mr-2\"></span>\r\n              <span>{{ cancelCompetitionButtonLabel }}</span>\r\n            </button>\r\n          </ng-template>\r\n        </mrx-dropdown>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"info-banner-loader\" [class.active]=\"showLoader\">\r\n  <mrx-loader *ngIf=\"showLoader\"\r\n              [size]=\"'large'\">\r\n  </mrx-loader>\r\n</div>\r\n", components: [{ 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"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i7.DropdownComponent, selector: "mrx-dropdown", inputs: ["mainPlacement", "fallbackPlacements", "closeOnClick", "customClasses"] }, { type: i7.LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CompetitionLabelDirective, selector: "[myCompetitionLabel]" }, { type: i7.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { type: i6.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i6.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.HideAfterClickDirective, selector: "[mrxHideAfterClick]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LibCompetitionHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-competition-header', template: "<div class=\"info-banner\" *ngIf=\"selected\">\r\n  <div class=\"info-banner-body\">\r\n    <div class=\"info-banner-block\">\r\n      <!-- \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n      <div class=\"info-banner-item wpx-160 mr-3\">\r\n        <!-- \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0449\u043D\u043E\u0441\u0442\u0438, \u043B\u0438\u0431\u043E \"\u0421\u0443\u0431\u0441\u0438\u0434\u0438\u044F\" \u043B\u0438\u0431\u043E \"\u041E\u0442\u0431\u043E\u0440\" -->\r\n        <span class=\"info-banner-item__title\" myCompetitionLabel>\r\n\r\n                </span>\r\n        <!-- \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <!-- \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0438\u0442\u044C \u0434\u043B\u0438\u043D\u0443 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F \u0432 44 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 -->\r\n        <!-- \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0432 \u0442\u0443\u043B\u0442\u0438\u043F \u043F\u043E\u043B\u043D\u043E\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <span class=\"info-banner-item__text text-normal\" [mrxCdkTooltip]=\"selected.name\" [tooltipMaxWidth]=\"320\">\r\n                    {{ selected.shortName ? selected.shortName : '\u041D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D' }}\r\n                </span>\r\n      </div>\r\n      <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n      <div class=\"info-banner-item wpx-110\">\r\n                <span class=\"info-banner-item__title\">\r\n                    \u0421\u0442\u0430\u0442\u0443\u0441\r\n                </span>\r\n        <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <!-- \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043B\u0430\u0441\u0441\u044B: \u043E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439 - \"color-orange\", \u0437\u0435\u043B\u0435\u043D\u044B\u0439 - \"color-green\" -->\r\n        <span class=\"info-banner-item__text\" [ngClass]=\"competitionAggregateStatusCssClass\">\r\n                    {{ competitionAggregateStatusEnumLabel }}\r\n                </span>\r\n      </div>\r\n    </div>\r\n    <!-- \u0441\u0435\u043B\u0435\u043A\u0442 \u0441 \u0432\u044B\u0431\u043E\u0440\u043E\u043C \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n    <div class=\"info-banner-item info-banner-item_input wpx-260 mr-3\" *ngIf=\"versions && versions.length > 1\">\r\n      <div class=\"inputbox inputbox-md mb-0\">\r\n        <ng-select [items]=\"versions\" [ngModel]=\"selected.id\"\r\n                   (ngModelChange)=\"selectVersion($event)\"\r\n                   [clearable]=\"false\"\r\n                   bindValue=\"id\"\r\n                   bindLabel=\"name\"\r\n                   groupBy=\"status\"\r\n                   notFoundText=\"\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E\">\r\n          <ng-template ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\r\n            {{ getCompetitionVersionStatusGrouppingLabel(item.status) }}\r\n          </ng-template>\r\n          <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n            \u0412\u0435\u0440\u0441\u0438\u044F {{ item.num }} \u043E\u0442 {{ item.createdDate }}\r\n          </ng-template>\r\n          <ng-template ng-label-tmp let-item=\"item\">\r\n            \u0412\u0435\u0440\u0441\u0438\u044F {{ item.num }} \u043E\u0442 {{ item.createdDate }}\r\n          </ng-template>\r\n        </ng-select>\r\n      </div>\r\n    </div>\r\n    <!-- \u0441\u0442\u0430\u0442\u0430\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n    <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C, \u0435\u0441\u043B\u0438 \u043D\u0435\u0442 \u0432\u0435\u0440\u0441\u0438\u0439 -->\r\n    <div class=\"info-banner-item wpx-110\" *ngIf=\"versions && versions.length > 1\">\r\n            <span class=\"info-banner-item__title\">\r\n                \u0421\u0442\u0430\u0442\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438\r\n            </span>\r\n      <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n      <!-- \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043B\u0430\u0441\u0441\u044B: \u043E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439 - \"color-orange\", \u0437\u0435\u043B\u0435\u043D\u044B\u0439 - \"color-green\" -->\r\n      <span class=\"info-banner-item__text\" *ngIf=\"selected\" [ngClass]=\"versionStatusClass\">\r\n                {{ getCompetitionVersionStatusEnumLabel(selected.status) }}\r\n            </span>\r\n    </div>\r\n    <!-- \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435, \u0432\u044B\u0437\u043E\u0432 \u043C\u043E\u0434\u0430\u043B\u043A\u0438, \u043F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E\u0431 \u0432\u043D\u0435\u0441\u0435\u043D\u0438\u0438 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 -->\r\n    <div class=\"info-banner-item\">\r\n      <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C, \u0435\u0441\u043B\u0438 \u043D\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F -->\r\n      <!-- \"\u043A\u043E\u043D\u0432\u0435\u0440\u0442\" -->\r\n      <div class=\"info-banner-item__icon\" *ngIf=\"showRejectionReason\"\r\n           [mrxCdkTooltip]=\"'\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043F\u0440\u0438\u0447\u0438\u043D\u0443 \u043E\u0442\u043A\u043B\u043E\u043D\u0435\u043D\u0438\u044F'\"\r\n           (click)=\"showRejection(selected.rejectionReason)\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"1\" stroke=\"#282828\" stroke-width=\"1.5\"/>\r\n          <path d=\"M3 6.25L11.3356 13.6595C11.7145 13.9962 12.2855 13.9962 12.6644 13.6595L21 6.25\" stroke=\"#282828\"\r\n                stroke-width=\"1.5\"/>\r\n          <path d=\"M3 18L7.5 14L9.75 12M21 18L16.5 14L14.25 12\" stroke=\"#282828\" stroke-width=\"1.5\"/>\r\n        </svg>\r\n      </div>\r\n      <!-- \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n      <div *ngIf=\"canDeleteVersion\" (click)=\"removeVersion()\" class=\"info-banner-item__icon\" [mrxCdkTooltip]=\"'\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u0435\u0440\u0441\u0438\u044E'\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M3 6H5H21\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path\r\n            d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\"\r\n            stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path d=\"M10 11V17\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path d=\"M14 11V17\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n        </svg>\r\n      </div>\r\n      <!-- \u0432\u043E\u0441\u043A\u043B\u0438\u0446\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0437\u043D\u0430\u043A -->\r\n      <div *ngIf=\"!isLastVersion\" class=\"info-banner-item__icon\" [mrxCdkTooltip]=\"'\u0412\u043D\u0435\u0441\u0435\u043D\u0438\u0435 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E \u043D\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438'\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            d=\"M12.2302 18V17M12.2302 14V10M4.00298 21.25H20.4575C21.9971 21.25 22.9593 19.5833 22.1895 18.25L13.9623 4C13.1925 2.66667 11.268 2.66667 10.4982 4L2.27093 18.25C1.50113 19.5833 2.46338 21.25 4.00298 21.25Z\"\r\n            stroke=\"#D57B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n        </svg>\r\n      </div>\r\n    </div>\r\n    <div class=\"info-banner-control\">\r\n      <div *ngIf=\"!!customButtonsTemplate\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"customButtonsTemplate.templateRef;context:customButtonsTemplateContext\"></ng-container>\r\n      </div>\r\n      <button class=\"btn btn-md green\"\r\n              (click)=\"createVersion()\"\r\n              *ngIf=\"canCreateVersion\"\r\n              [disabled]=\"createVersionDisabled\">\r\n        \u0421\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F\r\n      </button>\r\n      <button class=\"btn btn-md green\"\r\n              (click)=\"activateVersion()\"\r\n              *ngIf=\"canActivateVersion\"\r\n              [disabled]=\"activateVersionDisabled\">\r\n        \u041E\u043F\u0443\u0431\u043B\u0438\u043A\u043E\u0432\u0430\u0442\u044C\r\n      </button>\r\n      <button class=\"btn btn-md\"\r\n              (click)=\"validateVersion()\"\r\n              *ngIf=\"canValidateVersion\"\r\n              [disabled]=\"validateVersionDisabled\">\r\n        \u0421\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u0435\r\n      </button>\r\n      <button class=\"btn btn-md\"\r\n              (click)=\"complete()\"\r\n              *ngIf=\"canCompleteCompetition\">\r\n        \u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C\r\n      </button>\r\n      <button *ngIf=\"canReturnToEdit\" class=\"btn btn-md\"\r\n              (click)=\"backToEdit()\"\r\n              [disabled]=\"backToEditDisabled\">\r\n        \u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C\r\n      </button>\r\n      <!-- \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u043C/\u043E\u0442\u0431\u043E\u0440\u043E\u043C -->\r\n      <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u0435\u0441\u043B\u0438 \u043D\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F -->\r\n      <div class=\"info-banner-control__action\"\r\n           *ngIf=\"competition && showEbLink\">\r\n        <mrx-dropdown [mainPlacement]=\"'bottom-end'\" [fallbackPlacements]=\"['top-end']\">\r\n          <ng-template #dropdownToggle>\r\n            <span class=\"mrx-icon icon-more-vertical icon-font-24\"></span>\r\n          </ng-template>\r\n          <ng-template #dropdownMenu>\r\n            <button mrxHideAfterClick (click)=\"redirectToEb()\">\r\n              <span class=\"mrx-icon icon-link icon-font-24 mr-2\"></span>\r\n              <span>\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u043F\u043E\u0434\u0441\u0438\u0441\u0442\u0435\u043C\u0443 \u0431\u044E\u0434\u0436\u0435\u0442\u043D\u043E\u0433\u043E \u043F\u043B\u0430\u043D\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0413\u0418\u0418\u0421 \u00AB\u042D\u0411\u00BB</span>\r\n            </button>\r\n\r\n            <!--\u0412\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u0441\u043A\u0440\u044B\u0442\u043E \u0432 \u0440\u0430\u043C\u043A\u0430\u0445 MINFIN-11223-->\r\n            <!--<button mrxHideAfterClick (click)=\"pause()\"\r\n                    *ngIf=\"competition.status == competitionStatusEnum.Active && canManageCompetition\">\r\n              <span class=\"mrx-icon icon-pause-filled icon-font-24 mr-2\"></span>\r\n              <span>\u041F\u0440\u0438\u043E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C</span>\r\n            </button>-->\r\n\r\n            <button mrxHideAfterClick (click)=\"restore()\"\r\n                    *ngIf=\"competition.status == competitionStatusEnum.Staying\">\r\n              <span class=\"mrx-icon icon-play-filled icon-font-24 mr-2\"></span>\r\n              <span>{{ restoreButtonName }}</span>\r\n            </button>\r\n\r\n            <button mrxHideAfterClick\r\n                    *ngIf=\"canCancelCompetition\"\r\n                    (click)=\"cancel()\">\r\n              <span class=\"mrx-icon icon-close icon-font-24 mr-2\"></span>\r\n              <span>{{ cancelCompetitionButtonLabel }}</span>\r\n            </button>\r\n          </ng-template>\r\n        </mrx-dropdown>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'lib-competition-header', template: "<div class=\"info-banner\" *ngIf=\"selected\">\r\n  <div class=\"info-banner-body\">\r\n    <div class=\"info-banner-block\">\r\n      <!-- \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n      <div class=\"info-banner-item wpx-160 mr-3\">\r\n        <!-- \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0449\u043D\u043E\u0441\u0442\u0438, \u043B\u0438\u0431\u043E \"\u0421\u0443\u0431\u0441\u0438\u0434\u0438\u044F\" \u043B\u0438\u0431\u043E \"\u041E\u0442\u0431\u043E\u0440\" -->\r\n        <span class=\"info-banner-item__title\" myCompetitionLabel>\r\n\r\n                </span>\r\n        <!-- \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <!-- \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0438\u0442\u044C \u0434\u043B\u0438\u043D\u0443 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F \u0432 44 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 -->\r\n        <!-- \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0432 \u0442\u0443\u043B\u0442\u0438\u043F \u043F\u043E\u043B\u043D\u043E\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <span class=\"info-banner-item__text text-normal\" [mrxCdkTooltip]=\"selected.name\" [tooltipMaxWidth]=\"320\">\r\n                    {{ selected.shortName ? selected.shortName : '\u041D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D' }}\r\n                </span>\r\n      </div>\r\n      <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n      <div class=\"info-banner-item wpx-110\">\r\n                <span class=\"info-banner-item__title\">\r\n                    \u0421\u0442\u0430\u0442\u0443\u0441\r\n                </span>\r\n        <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0441\u0443\u0431\u0441\u0438\u0434\u0438\u0438/\u043E\u0442\u0431\u043E\u0440\u0430 -->\r\n        <!-- \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043B\u0430\u0441\u0441\u044B: \u043E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439 - \"color-orange\", \u0437\u0435\u043B\u0435\u043D\u044B\u0439 - \"color-green\" -->\r\n        <span class=\"info-banner-item__text\" [ngClass]=\"competitionAggregateStatusCssClass\">\r\n                    {{ competitionAggregateStatusEnumLabel }}\r\n                </span>\r\n      </div>\r\n    </div>\r\n    <!-- \u0441\u0435\u043B\u0435\u043A\u0442 \u0441 \u0432\u044B\u0431\u043E\u0440\u043E\u043C \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n    <div class=\"info-banner-item info-banner-item_input wpx-260 mr-3\" *ngIf=\"versions && versions.length > 1\">\r\n      <div class=\"inputbox inputbox-md mb-0\">\r\n        <ng-select [items]=\"versions\" [ngModel]=\"selected.id\"\r\n                   (ngModelChange)=\"selectVersion($event)\"\r\n                   [clearable]=\"false\"\r\n                   bindValue=\"id\"\r\n                   bindLabel=\"name\"\r\n                   groupBy=\"status\"\r\n                   notFoundText=\"\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E\">\r\n          <ng-template ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\r\n            {{ getCompetitionVersionStatusGrouppingLabel(item.status) }}\r\n          </ng-template>\r\n          <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n            \u0412\u0435\u0440\u0441\u0438\u044F {{ item.num }} \u043E\u0442 {{ item.createdDate }}\r\n          </ng-template>\r\n          <ng-template ng-label-tmp let-item=\"item\">\r\n            \u0412\u0435\u0440\u0441\u0438\u044F {{ item.num }} \u043E\u0442 {{ item.createdDate }}\r\n          </ng-template>\r\n        </ng-select>\r\n      </div>\r\n    </div>\r\n    <!-- \u0441\u0442\u0430\u0442\u0430\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n    <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C, \u0435\u0441\u043B\u0438 \u043D\u0435\u0442 \u0432\u0435\u0440\u0441\u0438\u0439 -->\r\n    <div class=\"info-banner-item wpx-110\" *ngIf=\"versions && versions.length > 1\">\r\n            <span class=\"info-banner-item__title\">\r\n                \u0421\u0442\u0430\u0442\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438\r\n            </span>\r\n      <!-- \u0441\u0442\u0430\u0442\u0443\u0441 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n      <!-- \u0434\u043B\u044F \u0437\u0430\u0434\u0430\u043D\u0438\u044F \u0446\u0432\u0435\u0442\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043B\u0430\u0441\u0441\u044B: \u043E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439 - \"color-orange\", \u0437\u0435\u043B\u0435\u043D\u044B\u0439 - \"color-green\" -->\r\n      <span class=\"info-banner-item__text\" *ngIf=\"selected\" [ngClass]=\"versionStatusClass\">\r\n                {{ getCompetitionVersionStatusEnumLabel(selected.status) }}\r\n            </span>\r\n    </div>\r\n    <!-- \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435, \u0432\u044B\u0437\u043E\u0432 \u043C\u043E\u0434\u0430\u043B\u043A\u0438, \u043F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E\u0431 \u0432\u043D\u0435\u0441\u0435\u043D\u0438\u0438 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 -->\r\n    <div class=\"info-banner-item\">\r\n      <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C, \u0435\u0441\u043B\u0438 \u043D\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F -->\r\n      <!-- \"\u043A\u043E\u043D\u0432\u0435\u0440\u0442\" -->\r\n      <div class=\"info-banner-item__icon\" *ngIf=\"showRejectionReason\"\r\n           [mrxCdkTooltip]=\"'\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043F\u0440\u0438\u0447\u0438\u043D\u0443 \u043E\u0442\u043A\u043B\u043E\u043D\u0435\u043D\u0438\u044F'\"\r\n           (click)=\"showRejection(selected.rejectionReason)\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"1\" stroke=\"#282828\" stroke-width=\"1.5\"/>\r\n          <path d=\"M3 6.25L11.3356 13.6595C11.7145 13.9962 12.2855 13.9962 12.6644 13.6595L21 6.25\" stroke=\"#282828\"\r\n                stroke-width=\"1.5\"/>\r\n          <path d=\"M3 18L7.5 14L9.75 12M21 18L16.5 14L14.25 12\" stroke=\"#282828\" stroke-width=\"1.5\"/>\r\n        </svg>\r\n      </div>\r\n      <!-- \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 -->\r\n      <div *ngIf=\"canDeleteVersion\" (click)=\"removeVersion()\" class=\"info-banner-item__icon\" [mrxCdkTooltip]=\"'\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u0435\u0440\u0441\u0438\u044E'\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path d=\"M3 6H5H21\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path\r\n            d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\"\r\n            stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path d=\"M10 11V17\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          <path d=\"M14 11V17\" stroke=\"#D14114\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n        </svg>\r\n      </div>\r\n      <!-- \u0432\u043E\u0441\u043A\u043B\u0438\u0446\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0437\u043D\u0430\u043A -->\r\n      <div *ngIf=\"!isLastVersion\" class=\"info-banner-item__icon\" [mrxCdkTooltip]=\"'\u0412\u043D\u0435\u0441\u0435\u043D\u0438\u0435 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E \u043D\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438'\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <path\r\n            d=\"M12.2302 18V17M12.2302 14V10M4.00298 21.25H20.4575C21.9971 21.25 22.9593 19.5833 22.1895 18.25L13.9623 4C13.1925 2.66667 11.268 2.66667 10.4982 4L2.27093 18.25C1.50113 19.5833 2.46338 21.25 4.00298 21.25Z\"\r\n            stroke=\"#D57B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n        </svg>\r\n      </div>\r\n    </div>\r\n    <div class=\"info-banner-control\">\r\n      <div *ngIf=\"!!customButtonsTemplate\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"customButtonsTemplate.templateRef;context:customButtonsTemplateContext\"></ng-container>\r\n      </div>\r\n      <button class=\"btn btn-md green\"\r\n              (click)=\"createVersion()\"\r\n              *ngIf=\"canCreateVersion\"\r\n              [disabled]=\"createVersionDisabled\">\r\n        \u0421\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F\r\n      </button>\r\n      <button class=\"btn btn-md green\"\r\n              (click)=\"activateVersion()\"\r\n              *ngIf=\"canActivateVersion\"\r\n              [disabled]=\"activateVersionDisabled\">\r\n        \u041E\u043F\u0443\u0431\u043B\u0438\u043A\u043E\u0432\u0430\u0442\u044C\r\n      </button>\r\n      <button class=\"btn btn-md\"\r\n              (click)=\"validateVersion()\"\r\n              *ngIf=\"canValidateVersion\"\r\n              [disabled]=\"validateVersionDisabled\">\r\n        \u0421\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u0435\r\n      </button>\r\n      <button class=\"btn btn-md\"\r\n              (click)=\"complete()\"\r\n              *ngIf=\"canCompleteCompetition\">\r\n        \u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C\r\n      </button>\r\n      <button *ngIf=\"canReturnToEdit\" class=\"btn btn-md\"\r\n              (click)=\"backToEdit()\"\r\n              [disabled]=\"backToEditDisabled\">\r\n        \u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C\r\n      </button>\r\n      <!-- \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u043E\u043C/\u043E\u0442\u0431\u043E\u0440\u043E\u043C -->\r\n      <!-- \u043D\u0435 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u0435\u0441\u043B\u0438 \u043D\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F -->\r\n      <div class=\"info-banner-control__action\"\r\n           *ngIf=\"competition && showEbLink\">\r\n        <mrx-dropdown [mainPlacement]=\"'bottom-end'\" [fallbackPlacements]=\"['top-end']\">\r\n          <ng-template #dropdownToggle>\r\n            <span class=\"mrx-icon icon-more-vertical icon-font-24\"></span>\r\n          </ng-template>\r\n          <ng-template #dropdownMenu>\r\n            <button mrxHideAfterClick (click)=\"redirectToEb()\">\r\n              <span class=\"mrx-icon icon-link icon-font-24 mr-2\"></span>\r\n              <span>\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u043F\u043E\u0434\u0441\u0438\u0441\u0442\u0435\u043C\u0443 \u0431\u044E\u0434\u0436\u0435\u0442\u043D\u043E\u0433\u043E \u043F\u043B\u0430\u043D\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0413\u0418\u0418\u0421 \u00AB\u042D\u0411\u00BB</span>\r\n            </button>\r\n\r\n            <!--\u0412\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u0441\u043A\u0440\u044B\u0442\u043E \u0432 \u0440\u0430\u043C\u043A\u0430\u0445 MINFIN-11223-->\r\n            <!--<button mrxHideAfterClick (click)=\"pause()\"\r\n                    *ngIf=\"competition.status == competitionStatusEnum.Active && canManageCompetition\">\r\n              <span class=\"mrx-icon icon-pause-filled icon-font-24 mr-2\"></span>\r\n              <span>\u041F\u0440\u0438\u043E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C</span>\r\n            </button>-->\r\n\r\n            <button mrxHideAfterClick (click)=\"restore()\"\r\n                    *ngIf=\"competition.status == competitionStatusEnum.Staying\">\r\n              <span class=\"mrx-icon icon-play-filled icon-font-24 mr-2\"></span>\r\n              <span>{{ restoreButtonName }}</span>\r\n            </button>\r\n\r\n            <button mrxHideAfterClick\r\n                    *ngIf=\"canCancelCompetition\"\r\n                    (click)=\"cancel()\">\r\n              <span class=\"mrx-icon icon-close icon-font-24 mr-2\"></span>\r\n              <span>{{ cancelCompetitionButtonLabel }}</span>\r\n            </button>\r\n          </ng-template>\r\n        </mrx-dropdown>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"info-banner-loader\" [class.active]=\"showLoader\">\r\n  <mrx-loader *ngIf=\"showLoader\"\r\n              [size]=\"'large'\">\r\n  </mrx-loader>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.SignService }, { type: i2.Store }, { type: i3.AlertService }, { type: SettingsService }, { type: i5.AccessService }]; }, propDecorators: { customButtonsTemplate: [{
                 type: ContentChild,
                 args: [CompetitionHeaderCustomButtonsDirective]
@@ -568,8 +574,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], isDirty: [{
                 type: Input
+            }], validationInProgress: [{
+                type: Input
             }], selectedCompetitionVersionInfo: [{
                 type: Output
+            }], setValidationInProgress: [{
+                type: Output
             }] } });
 
 const initialCompetitionHeaderState = {
@@ -761,7 +771,8 @@ CompetitionHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         NgSelectModule,
         DropdownModule,
         CdkTooltipModule,
-        MyrtexAuthModule], exports: [LibCompetitionHeaderComponent,
+        MyrtexAuthModule,
+        LoaderModule], exports: [LibCompetitionHeaderComponent,
         CompetitionHeaderCustomButtonsDirective] });
 CompetitionHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CompetitionHeaderModule, providers: [
         CompetitionHeaderService,
@@ -778,7 +789,8 @@ CompetitionHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
             NgSelectModule,
             DropdownModule,
             CdkTooltipModule,
-            MyrtexAuthModule
+            MyrtexAuthModule,
+            LoaderModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CompetitionHeaderModule, decorators: [{
             type: NgModule,
@@ -799,7 +811,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         NgSelectModule,
                         DropdownModule,
                         CdkTooltipModule,
-                        MyrtexAuthModule
+                        MyrtexAuthModule,
+                        LoaderModule
                     ],
                     providers: [
                         CompetitionHeaderService,