@evotor-dev/ui-kit 7.10.0 → 7.11.1

package/fesm2015/evotor-dev-ui-kit.mjs

@@ -1,20 +1,20 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, PLATFORM_ID, ɵisListLikeIterable, ɵstringify, Directive, Input, EventEmitter, Output, HostListener, Optional, ViewContainerRef, TemplateRef, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA, Component, ChangeDetectionStrategy, HostBinding, Pipe, forwardRef, ViewChild, ViewEncapsulation, ContentChild, ElementRef, ComponentRef, Injector, ApplicationRef, ComponentFactoryResolver, Host, ContentChildren } from '@angular/core';
-import * as i1$1 from '@angular/common';
+import * as i2 from '@angular/common';
 import { isPlatformBrowser, CommonModule, DOCUMENT } from '@angular/common';
-import * as i1$2 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, FormControl, FormGroup, FormArray, NgControl, COMPOSITION_BUFFER_MODE, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import * as i3$1 from 'ngx-page-scroll';
 import { NgxPageScrollModule } from 'ngx-page-scroll';
 import * as i3$2 from '@angular/router';
 import { RouterModule, NavigationEnd } from '@angular/router';
 import * as i3$3 from 'rxjs';
-import { BehaviorSubject, Subject, Observable, fromEvent, merge, concat, of, asyncScheduler, scheduled } from 'rxjs';
-import { takeUntil, debounceTime, map, tap, delay, distinctUntilChanged, switchMap, throttleTime, filter, takeWhile, observeOn, take, mergeMap } from 'rxjs/operators';
+import { BehaviorSubject, Subject, Observable, fromEvent, merge, concat, of, asyncScheduler, scheduled, EMPTY, combineLatest } from 'rxjs';
+import { takeUntil, debounceTime, map, tap, delay, distinctUntilChanged, switchMap, throttleTime, filter, takeWhile, observeOn, take, mergeMap, first, catchError, startWith, pairwise } from 'rxjs/operators';
 import { style, animate, trigger, state, transition } from '@angular/animations';
 import { iconUnfoldMore, iconUnfoldLess, iconChevronLeft } from '@evotor-dev/ui-kit/icons/navigation';
 import * as i1 from '@angular/platform-browser';
-import * as i2 from '@ng-select/ng-select';
+import * as i2$1 from '@ng-select/ng-select';
 import { NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';
 import { isUndefined, isNull, cloneDeep, isEqual } from 'lodash-es';
 import * as i3 from 'angular-imask';
@@ -29,9 +29,10 @@ import { __decorate } from 'tslib';
 import autobind from 'autobind-decorator';
 import bytes from 'bytes';
 import * as mime from 'mime';
-import * as i1$3 from '@angular/cdk/overlay';
+import * as i1$2 from '@angular/cdk/overlay';
 import { CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
 import { BreakpointObserver } from '@angular/cdk/layout';
+import { ComponentPortal } from '@angular/cdk/portal';
 
 /* Create a new injection token for injecting the window into a component. */
 const WINDOW = new InjectionToken('WindowToken');
@@ -695,7 +696,7 @@ class EvoIconComponent {
     }
 }
 EvoIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconComponent, deps: [{ token: i1.DomSanitizer }, { token: EvoIconsLibrary }], target: i0.ɵɵFactoryTarget.Component });
-EvoIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoIconComponent, selector: "evo-icon", inputs: { shape: "shape", svgWidth: "svgWidth", svgHeight: "svgHeight", svgViewBox: "svgViewBox" }, host: { properties: { "class.evo-icon": "this.hostClass" } }, ngImport: i0, template: "<svg\n    [attr.width]=\"svgWidth\"\n    [attr.height]=\"svgHeight\"\n    [attr.viewBox]=\"viewBox\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    [innerHTML]=\"content\"\n    [ngClass]=\"classes\"\n    ></svg>\n", styles: ["svg{display:block;min-width:100%;max-width:100%;height:auto}\n"], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoIconComponent, selector: "evo-icon", inputs: { shape: "shape", svgWidth: "svgWidth", svgHeight: "svgHeight", svgViewBox: "svgViewBox" }, host: { properties: { "class.evo-icon": "this.hostClass" } }, ngImport: i0, template: "<svg\n    [attr.width]=\"svgWidth\"\n    [attr.height]=\"svgHeight\"\n    [attr.viewBox]=\"viewBox\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    [innerHTML]=\"content\"\n    [ngClass]=\"classes\"\n    ></svg>\n", styles: ["svg{display:block;min-width:100%;max-width:100%;height:auto}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg\n    [attr.width]=\"svgWidth\"\n    [attr.height]=\"svgHeight\"\n    [attr.viewBox]=\"viewBox\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    [innerHTML]=\"content\"\n    [ngClass]=\"classes\"\n    ></svg>\n", styles: ["svg{display:block;min-width:100%;max-width:100%;height:auto}\n"] }]
@@ -816,7 +817,7 @@ class EvoAccordionTitleComponent {
     }
 }
 EvoAccordionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAccordionTitleComponent, deps: [{ token: EvoExpandedService }], target: i0.ɵɵFactoryTarget.Component });
-EvoAccordionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAccordionTitleComponent, selector: "evo-accordion-title", inputs: { label: "label" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<ng-container *ngIf=\"label; else customContent\">\n    <div class=\"evo-accordion-title\">\n        <div class=\"evo-accordion-title__dot\"></div>\n        <h4 class=\"evo-accordion-title__label evo-title evo-title_h4\">{{label}}</h4>\n        <div *ngIf=\"{isExpanded: (isExpanded$ | async)} as asyncData\" class=\"evo-accordion-title__expander\">\n            <evo-icon\n                *ngIf=\"asyncData.isExpanded\"\n                shape=\"fold\"\n                @toggleBlock\n            ></evo-icon>\n            <evo-icon\n                *ngIf=\"!asyncData.isExpanded\"\n                shape=\"unfold\"\n                @toggleBlock\n            ></evo-icon>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template #customContent>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none}.evo-accordion-title{display:flex;align-items:center;min-height:64px;color:#0986e2;transition:color .3s}.evo-accordion-title:hover{color:#3a9ee8}.evo-accordion-title:active{color:#0879cb}.evo-accordion-title__dot{flex:0 0 6px;width:6px;height:6px;margin-right:15px;margin-left:10px;background:#0986E2;border-radius:100%}.evo-accordion-title__expander{position:relative;display:flex;flex:0 0 24px;align-items:center;width:24px;height:24px;margin:16px 0 16px auto}.evo-accordion-title__expander evo-icon{position:absolute;transition:fill .3s,transform .3s;fill:currentColor}.evo-accordion-title__label{flex-grow:1;margin:16px 0;color:inherit;font-weight:700;font-size:18px}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i1$1.AsyncPipe }, animations: [
+EvoAccordionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAccordionTitleComponent, selector: "evo-accordion-title", inputs: { label: "label" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<ng-container *ngIf=\"label; else customContent\">\n    <div class=\"evo-accordion-title\">\n        <div class=\"evo-accordion-title__dot\"></div>\n        <h4 class=\"evo-accordion-title__label evo-title evo-title_h4\">{{label}}</h4>\n        <div *ngIf=\"{isExpanded: (isExpanded$ | async)} as asyncData\" class=\"evo-accordion-title__expander\">\n            <evo-icon\n                *ngIf=\"asyncData.isExpanded\"\n                shape=\"fold\"\n                @toggleBlock\n            ></evo-icon>\n            <evo-icon\n                *ngIf=\"!asyncData.isExpanded\"\n                shape=\"unfold\"\n                @toggleBlock\n            ></evo-icon>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template #customContent>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none}.evo-accordion-title{display:flex;align-items:center;min-height:64px;color:#0986e2;transition:color .3s}.evo-accordion-title:hover{color:#3a9ee8}.evo-accordion-title:active{color:#0879cb}.evo-accordion-title__dot{flex:0 0 6px;width:6px;height:6px;margin-right:15px;margin-left:10px;background:#0986E2;border-radius:100%}.evo-accordion-title__expander{position:relative;display:flex;flex:0 0 24px;align-items:center;width:24px;height:24px;margin:16px 0 16px auto}.evo-accordion-title__expander evo-icon{position:absolute;transition:fill .3s,transform .3s;fill:currentColor}.evo-accordion-title__label{flex-grow:1;margin:16px 0;color:inherit;font-weight:700;font-size:18px}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, animations: [
         trigger('toggleBlock', [
             transition(':leave', [
                 style({ opacity: 1 }),
@@ -983,7 +984,7 @@ class EvoAlertComponent {
     }
 }
 EvoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAlertComponent, selector: "evo-alert", inputs: { closable: "closable", icon: "icon", iconSrc: "iconSrc", type: "type", size: "size" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-alert\" [evoUiClass]=\"totalClasses\">\n    <div class=\"evo-alert__close\"\n         *ngIf=\"closable\"\n         (click)=\"handleCloseClick()\"\n    >\n        <svg class=\"evo-alert__close-icon\"\n             width=\"11\"\n             height=\"11\"\n             viewBox=\"0 0 11 11\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                  d=\"M3.26966 5.39098L0.439994 8.22065C-0.141952 8.8026 -0.144551 9.75494 0.441235 10.3407C1.03111 10.9306 1.97621 10.9271 2.56131 10.342L5.39098 7.5123L8.22065 10.342C8.8026 10.9239 9.75494 10.9265 10.3407 10.3407C10.9306 9.75086 10.9271 8.80575 10.342 8.22065L7.5123 5.39098L10.342 2.56131C10.9239 1.97937 10.9265 1.02702 10.3407 0.441235C9.75086 -0.148635 8.80575 -0.145107 8.22065 0.439994L5.39098 3.26966L2.56131 0.439994C1.97937 -0.141952 1.02702 -0.144551 0.441235 0.441235C-0.148635 1.03111 -0.145107 1.97621 0.439994 2.56131L3.26966 5.39098Z\"\n                  fill=\"#546E7A\" />\n        </svg>\n    </div>\n    <div class=\"evo-alert__body\">\n        <div class=\"evo-alert__icon\" *ngIf=\"hasDefaultIcon()\"\n             [ngClass]=\"'evo-alert__icon_' + icon\"\n        ></div>\n        <div class=\"evo-alert__icon\" *ngIf=\"iconSrc\">\n            <img [attr.src]=\"iconSrc\" alt=\"\">\n        </div>\n        <div class=\"evo-alert__content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".evo-alert{position:relative;box-sizing:border-box;padding:19px 20px 18px;font-size:14px;line-height:22px;border-radius:8px}.evo-alert__body{display:flex;align-items:center}.evo-alert__icon{display:none;flex-shrink:0;width:32px;height:32px;margin-right:24px}.evo-alert__icon_exclamation{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2219%22 height%3D%2219%22 viewBox%3D%220 0 19 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.66666 0.777664C4.76 0.777664 0.777771 4.75989 0.777771 9.66653C0.777771 14.5732 4.76 18.5555 9.66666 18.5555C14.5733 18.5555 18.5555 14.5732 18.5555 9.66653C18.5555 4.75989 14.5733 0.777664 9.66666 0.777664ZM9.66666 10.5555C9.17779 10.5555 8.77779 10.1555 8.77779 9.66653V6.111C8.77779 5.62211 9.17779 5.22211 9.66666 5.22211C10.1555 5.22211 10.5555 5.62211 10.5555 6.111V9.66653C10.5555 10.1555 10.1555 10.5555 9.66666 10.5555ZM10.5555 13.2221C10.5555 13.7131 10.1576 14.111 9.66666 14.111C9.17572 14.111 8.77779 13.7131 8.77779 13.2221C8.77779 12.7312 9.17572 12.3332 9.66666 12.3332C10.1576 12.3332 10.5555 12.7312 10.5555 13.2221Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}.evo-alert__icon_success{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM31.1644 15.8778C32.0804 14.9619 32.0804 13.4769 31.1644 12.561C30.2485 11.645 28.7635 11.645 27.8476 12.561L17.9016 22.507L12.753 17.3585C11.8371 16.4426 10.3521 16.4426 9.4362 17.3585C8.52029 18.2744 8.52029 19.7594 9.4362 20.6753L15.9969 27.236C16.2753 27.5144 16.6062 27.7081 16.9578 27.8173C17.836 28.2564 18.9325 28.1097 19.665 27.3772L31.1644 15.8778Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}@media (min-width: 768px){.evo-alert__icon{display:block}}.evo-alert__close{position:absolute;top:8px;right:8px;z-index:10;display:flex;justify-content:center;align-items:center;width:24px;height:24px;cursor:pointer}.evo-alert_success{color:#fff;background-color:#21c68b}.evo-alert_danger{color:#fff;background-color:#ff6f6f}.evo-alert_info{color:#212121;background-color:#e6f9ff}.evo-alert_warning{color:#212121;background-color:#fff8e6}.evo-alert_warning .evo-alert__icon{display:none}.evo-alert_success,.evo-alert_danger{font-weight:600}.evo-alert_success::ng-deep a:link,.evo-alert_success::ng-deep a:hover,.evo-alert_success::ng-deep a:active,.evo-alert_success::ng-deep a:visited,.evo-alert_danger::ng-deep a:link,.evo-alert_danger::ng-deep a:hover,.evo-alert_danger::ng-deep a:active,.evo-alert_danger::ng-deep a:visited{color:inherit;text-decoration:underline}.evo-alert_success::ng-deep *,.evo-alert_danger::ng-deep *{color:inherit}.evo-alert_large .evo-alert__icon{width:48px;height:48px}.evo-alert_large .evo-alert__icon_success,.evo-alert_large .evo-alert__icon_exclamation{background-size:48px 48px}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+EvoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAlertComponent, selector: "evo-alert", inputs: { closable: "closable", icon: "icon", iconSrc: "iconSrc", type: "type", size: "size" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-alert\" [evoUiClass]=\"totalClasses\">\n    <div class=\"evo-alert__close\"\n         *ngIf=\"closable\"\n         (click)=\"handleCloseClick()\"\n    >\n        <svg class=\"evo-alert__close-icon\"\n             width=\"11\"\n             height=\"11\"\n             viewBox=\"0 0 11 11\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                  d=\"M3.26966 5.39098L0.439994 8.22065C-0.141952 8.8026 -0.144551 9.75494 0.441235 10.3407C1.03111 10.9306 1.97621 10.9271 2.56131 10.342L5.39098 7.5123L8.22065 10.342C8.8026 10.9239 9.75494 10.9265 10.3407 10.3407C10.9306 9.75086 10.9271 8.80575 10.342 8.22065L7.5123 5.39098L10.342 2.56131C10.9239 1.97937 10.9265 1.02702 10.3407 0.441235C9.75086 -0.148635 8.80575 -0.145107 8.22065 0.439994L5.39098 3.26966L2.56131 0.439994C1.97937 -0.141952 1.02702 -0.144551 0.441235 0.441235C-0.148635 1.03111 -0.145107 1.97621 0.439994 2.56131L3.26966 5.39098Z\"\n                  fill=\"#546E7A\" />\n        </svg>\n    </div>\n    <div class=\"evo-alert__body\">\n        <div class=\"evo-alert__icon\" *ngIf=\"hasDefaultIcon()\"\n             [ngClass]=\"'evo-alert__icon_' + icon\"\n        ></div>\n        <div class=\"evo-alert__icon\" *ngIf=\"iconSrc\">\n            <img [attr.src]=\"iconSrc\" alt=\"\">\n        </div>\n        <div class=\"evo-alert__content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".evo-alert{position:relative;box-sizing:border-box;padding:19px 20px 18px;font-size:14px;line-height:22px;border-radius:8px}.evo-alert__body{display:flex;align-items:center}.evo-alert__icon{display:none;flex-shrink:0;width:32px;height:32px;margin-right:24px}.evo-alert__icon_exclamation{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2219%22 height%3D%2219%22 viewBox%3D%220 0 19 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.66666 0.777664C4.76 0.777664 0.777771 4.75989 0.777771 9.66653C0.777771 14.5732 4.76 18.5555 9.66666 18.5555C14.5733 18.5555 18.5555 14.5732 18.5555 9.66653C18.5555 4.75989 14.5733 0.777664 9.66666 0.777664ZM9.66666 10.5555C9.17779 10.5555 8.77779 10.1555 8.77779 9.66653V6.111C8.77779 5.62211 9.17779 5.22211 9.66666 5.22211C10.1555 5.22211 10.5555 5.62211 10.5555 6.111V9.66653C10.5555 10.1555 10.1555 10.5555 9.66666 10.5555ZM10.5555 13.2221C10.5555 13.7131 10.1576 14.111 9.66666 14.111C9.17572 14.111 8.77779 13.7131 8.77779 13.2221C8.77779 12.7312 9.17572 12.3332 9.66666 12.3332C10.1576 12.3332 10.5555 12.7312 10.5555 13.2221Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}.evo-alert__icon_success{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM31.1644 15.8778C32.0804 14.9619 32.0804 13.4769 31.1644 12.561C30.2485 11.645 28.7635 11.645 27.8476 12.561L17.9016 22.507L12.753 17.3585C11.8371 16.4426 10.3521 16.4426 9.4362 17.3585C8.52029 18.2744 8.52029 19.7594 9.4362 20.6753L15.9969 27.236C16.2753 27.5144 16.6062 27.7081 16.9578 27.8173C17.836 28.2564 18.9325 28.1097 19.665 27.3772L31.1644 15.8778Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}@media (min-width: 768px){.evo-alert__icon{display:block}}.evo-alert__close{position:absolute;top:8px;right:8px;z-index:10;display:flex;justify-content:center;align-items:center;width:24px;height:24px;cursor:pointer}.evo-alert_success{color:#fff;background-color:#21c68b}.evo-alert_danger{color:#fff;background-color:#ff6f6f}.evo-alert_info{color:#212121;background-color:#e6f9ff}.evo-alert_warning{color:#212121;background-color:#fff8e6}.evo-alert_warning .evo-alert__icon{display:none}.evo-alert_success,.evo-alert_danger{font-weight:600}.evo-alert_success::ng-deep a:link,.evo-alert_success::ng-deep a:hover,.evo-alert_success::ng-deep a:active,.evo-alert_success::ng-deep a:visited,.evo-alert_danger::ng-deep a:link,.evo-alert_danger::ng-deep a:hover,.evo-alert_danger::ng-deep a:active,.evo-alert_danger::ng-deep a:visited{color:inherit;text-decoration:underline}.evo-alert_success::ng-deep *,.evo-alert_danger::ng-deep *{color:inherit}.evo-alert_large .evo-alert__icon{width:48px;height:48px}.evo-alert_large .evo-alert__icon_success,.evo-alert_large .evo-alert__icon_exclamation{background-size:48px 48px}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-alert', template: "<div class=\"evo-alert\" [evoUiClass]=\"totalClasses\">\n    <div class=\"evo-alert__close\"\n         *ngIf=\"closable\"\n         (click)=\"handleCloseClick()\"\n    >\n        <svg class=\"evo-alert__close-icon\"\n             width=\"11\"\n             height=\"11\"\n             viewBox=\"0 0 11 11\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                  d=\"M3.26966 5.39098L0.439994 8.22065C-0.141952 8.8026 -0.144551 9.75494 0.441235 10.3407C1.03111 10.9306 1.97621 10.9271 2.56131 10.342L5.39098 7.5123L8.22065 10.342C8.8026 10.9239 9.75494 10.9265 10.3407 10.3407C10.9306 9.75086 10.9271 8.80575 10.342 8.22065L7.5123 5.39098L10.342 2.56131C10.9239 1.97937 10.9265 1.02702 10.3407 0.441235C9.75086 -0.148635 8.80575 -0.145107 8.22065 0.439994L5.39098 3.26966L2.56131 0.439994C1.97937 -0.141952 1.02702 -0.144551 0.441235 0.441235C-0.148635 1.03111 -0.145107 1.97621 0.439994 2.56131L3.26966 5.39098Z\"\n                  fill=\"#546E7A\" />\n        </svg>\n    </div>\n    <div class=\"evo-alert__body\">\n        <div class=\"evo-alert__icon\" *ngIf=\"hasDefaultIcon()\"\n             [ngClass]=\"'evo-alert__icon_' + icon\"\n        ></div>\n        <div class=\"evo-alert__icon\" *ngIf=\"iconSrc\">\n            <img [attr.src]=\"iconSrc\" alt=\"\">\n        </div>\n        <div class=\"evo-alert__content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".evo-alert{position:relative;box-sizing:border-box;padding:19px 20px 18px;font-size:14px;line-height:22px;border-radius:8px}.evo-alert__body{display:flex;align-items:center}.evo-alert__icon{display:none;flex-shrink:0;width:32px;height:32px;margin-right:24px}.evo-alert__icon_exclamation{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2219%22 height%3D%2219%22 viewBox%3D%220 0 19 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.66666 0.777664C4.76 0.777664 0.777771 4.75989 0.777771 9.66653C0.777771 14.5732 4.76 18.5555 9.66666 18.5555C14.5733 18.5555 18.5555 14.5732 18.5555 9.66653C18.5555 4.75989 14.5733 0.777664 9.66666 0.777664ZM9.66666 10.5555C9.17779 10.5555 8.77779 10.1555 8.77779 9.66653V6.111C8.77779 5.62211 9.17779 5.22211 9.66666 5.22211C10.1555 5.22211 10.5555 5.62211 10.5555 6.111V9.66653C10.5555 10.1555 10.1555 10.5555 9.66666 10.5555ZM10.5555 13.2221C10.5555 13.7131 10.1576 14.111 9.66666 14.111C9.17572 14.111 8.77779 13.7131 8.77779 13.2221C8.77779 12.7312 9.17572 12.3332 9.66666 12.3332C10.1576 12.3332 10.5555 12.7312 10.5555 13.2221Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}.evo-alert__icon_success{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM31.1644 15.8778C32.0804 14.9619 32.0804 13.4769 31.1644 12.561C30.2485 11.645 28.7635 11.645 27.8476 12.561L17.9016 22.507L12.753 17.3585C11.8371 16.4426 10.3521 16.4426 9.4362 17.3585C8.52029 18.2744 8.52029 19.7594 9.4362 20.6753L15.9969 27.236C16.2753 27.5144 16.6062 27.7081 16.9578 27.8173C17.836 28.2564 18.9325 28.1097 19.665 27.3772L31.1644 15.8778Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}@media (min-width: 768px){.evo-alert__icon{display:block}}.evo-alert__close{position:absolute;top:8px;right:8px;z-index:10;display:flex;justify-content:center;align-items:center;width:24px;height:24px;cursor:pointer}.evo-alert_success{color:#fff;background-color:#21c68b}.evo-alert_danger{color:#fff;background-color:#ff6f6f}.evo-alert_info{color:#212121;background-color:#e6f9ff}.evo-alert_warning{color:#212121;background-color:#fff8e6}.evo-alert_warning .evo-alert__icon{display:none}.evo-alert_success,.evo-alert_danger{font-weight:600}.evo-alert_success::ng-deep a:link,.evo-alert_success::ng-deep a:hover,.evo-alert_success::ng-deep a:active,.evo-alert_success::ng-deep a:visited,.evo-alert_danger::ng-deep a:link,.evo-alert_danger::ng-deep a:hover,.evo-alert_danger::ng-deep a:active,.evo-alert_danger::ng-deep a:visited{color:inherit;text-decoration:underline}.evo-alert_success::ng-deep *,.evo-alert_danger::ng-deep *{color:inherit}.evo-alert_large .evo-alert__icon{width:48px;height:48px}.evo-alert_large .evo-alert__icon_success,.evo-alert_large .evo-alert__icon_exclamation{background-size:48px 48px}\n"] }]
@@ -1078,7 +1079,7 @@ class EvoControlErrorComponent {
     }
 }
 EvoControlErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoControlErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoControlErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoControlErrorComponent, selector: "evo-control-error", inputs: { errors: "errors", errorsMessages: "errorsMessages", showCount: "showCount" }, ngImport: i0, template: "<div\n    class=\"evo-error\"\n    *ngFor=\"let errorMsg of errorsMap\"\n    [innerHTML]=\"errorMsg | safeHtml\"\n></div>\n", styles: [".evo-error:not(:empty){margin-top:8px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400;font-style:italic;color:#ff1817}\n"], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "safeHtml": SafeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoControlErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoControlErrorComponent, selector: "evo-control-error", inputs: { errors: "errors", errorsMessages: "errorsMessages", showCount: "showCount" }, ngImport: i0, template: "<div\n    class=\"evo-error\"\n    *ngFor=\"let errorMsg of errorsMap\"\n    [innerHTML]=\"errorMsg | safeHtml\"\n></div>\n", styles: [".evo-error:not(:empty){margin-top:8px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400;font-style:italic;color:#ff1817}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "safeHtml": SafeHtmlPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoControlErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-control-error', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"evo-error\"\n    *ngFor=\"let errorMsg of errorsMap\"\n    [innerHTML]=\"errorMsg | safeHtml\"\n></div>\n", styles: [".evo-error:not(:empty){margin-top:8px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400;font-style:italic;color:#ff1817}\n"] }]
@@ -1366,7 +1367,7 @@ EvoInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             useExisting: forwardRef(() => EvoInputComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "tooltipElement", first: true, predicate: ["tooltipContainer"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label class=\"evo-input\" [evoUiClass]=\"inputClass\">\n    <div class=\"evo-input__prefix-content\">\n        <ng-content select=\"[evoInputPrefixContent]\"></ng-content>\n    </div>\n    <div class=\"evo-input__prefix-icon\">\n        <ng-content select=\"[evoInputIcon]\"></ng-content>\n    </div>\n    <span\n        class=\"evo-input__prefix\" *ngIf=\"prefix\"\n        [evoUiClass]=\"{focused: !isDisabled && !!value || uiStates.isFocused }\"\n    >{{prefix}}</span>\n    <input\n        #input\n        class=\"evo-input__field\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (compositionstart)=\"_compositionStart()\"\n        (compositionend)=\"_compositionEnd($event.target.value)\"\n        type=\"{{ type }}\"\n        [attr.autocomplete]=\"autocomplete\"\n        placeholder=\"{{ placeholder }}\"\n        [attr.data-cp]=\"dataCp\"\n        [disabled]=\"isDisabled\"\n    >\n    <ng-container *ngIf=\"loading; else sideBlock\">\n        <evo-circular-loader  class=\"evo-input__loading-spinner\"></evo-circular-loader>\n    </ng-container>\n    <ng-template #sideBlock>\n        <div\n            *ngIf=\"isClearable\"\n            class=\"evo-input__clearable\"\n            (click)=\"onClear()\">\n            <evo-icon shape=\"decline\" class=\"evo-input__icon-clear\"></evo-icon>\n        </div>\n        <div class=\"evo-input__additional\" *ngIf=\"hasAdditional\">\n            <evo-icon\n                shape=\"help\" class=\"evo-input__tooltip\"\n                *ngIf=\"tooltip || uiStates.hasCustomTooltip\"\n                (mouseenter)=\"showTooltip()\"\n                (mouseleave)=\"hideTooltip()\"\n                (click)=\"onTooltipClick($event)\"\n            ></evo-icon>\n            <div class=\"evo-input__icon\" *ngIf=\"icon\">\n                <img [attr.src]=\"icon\">\n            </div>\n        </div>\n    </ng-template>\n    <div\n        *ngIf=\"!customTooltipChecked || uiStates.isTooltipVisible\"\n        [hidden]=\"!customTooltipChecked\"\n        (click)=\"onTooltipClick($event)\"\n        (mouseenter)=\"showTooltip()\"\n        (mouseleave)=\"hideTooltip()\"\n        #tooltipContainer\n        [ngClass]=\"{'evo-input__tooltip-container': tooltip}\"\n    >\n        {{ tooltip }}\n        <ng-content select=\"[tooltip]\"></ng-content>\n    </div>\n</label>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }, { type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "tooltipElement", first: true, predicate: ["tooltipContainer"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label class=\"evo-input\" [evoUiClass]=\"inputClass\">\n    <div class=\"evo-input__prefix-content\">\n        <ng-content select=\"[evoInputPrefixContent]\"></ng-content>\n    </div>\n    <div class=\"evo-input__prefix-icon\">\n        <ng-content select=\"[evoInputIcon]\"></ng-content>\n    </div>\n    <span\n        class=\"evo-input__prefix\" *ngIf=\"prefix\"\n        [evoUiClass]=\"{focused: !isDisabled && !!value || uiStates.isFocused }\"\n    >{{prefix}}</span>\n    <input\n        #input\n        class=\"evo-input__field\"\n        (focus)=\"onFocus()\"\n        (blur)=\"onBlur()\"\n        (compositionstart)=\"_compositionStart()\"\n        (compositionend)=\"_compositionEnd($event.target.value)\"\n        type=\"{{ type }}\"\n        [attr.autocomplete]=\"autocomplete\"\n        placeholder=\"{{ placeholder }}\"\n        [attr.data-cp]=\"dataCp\"\n        [disabled]=\"isDisabled\"\n    >\n    <ng-container *ngIf=\"loading; else sideBlock\">\n        <evo-circular-loader  class=\"evo-input__loading-spinner\"></evo-circular-loader>\n    </ng-container>\n    <ng-template #sideBlock>\n        <div\n            *ngIf=\"isClearable\"\n            class=\"evo-input__clearable\"\n            (click)=\"onClear()\">\n            <evo-icon shape=\"decline\" class=\"evo-input__icon-clear\"></evo-icon>\n        </div>\n        <div class=\"evo-input__additional\" *ngIf=\"hasAdditional\">\n            <evo-icon\n                shape=\"help\" class=\"evo-input__tooltip\"\n                *ngIf=\"tooltip || uiStates.hasCustomTooltip\"\n                (mouseenter)=\"showTooltip()\"\n                (mouseleave)=\"hideTooltip()\"\n                (click)=\"onTooltipClick($event)\"\n            ></evo-icon>\n            <div class=\"evo-input__icon\" *ngIf=\"icon\">\n                <img [attr.src]=\"icon\">\n            </div>\n        </div>\n    </ng-template>\n    <div\n        *ngIf=\"!customTooltipChecked || uiStates.isTooltipVisible\"\n        [hidden]=\"!customTooltipChecked\"\n        (click)=\"onTooltipClick($event)\"\n        (mouseenter)=\"showTooltip()\"\n        (mouseleave)=\"hideTooltip()\"\n        #tooltipContainer\n        [ngClass]=\"{'evo-input__tooltip-container': tooltip}\"\n    >\n        {{ tooltip }}\n        <ng-content select=\"[tooltip]\"></ng-content>\n    </div>\n</label>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }, { type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-input', providers: [
@@ -1858,12 +1859,12 @@ class EvoAutocompleteComponent {
         };
     }
 }
-EvoAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.NgControl }], target: i0.ɵɵFactoryTarget.Component });
-EvoAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAutocompleteComponent, selector: "evo-autocomplete", inputs: { size: "size", isOpen: "isOpen", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", clearOnBackspace: "clearOnBackspace", typeahead: "typeahead", multiple: "multiple", multipleInline: "multipleInline", addTag: "addTag", clearable: "clearable", errorsMessages: "errorsMessages", compareWith: "compareWith", _notFoundText: ["notFoundText", "_notFoundText"], editQuery: "editQuery", searchable: "searchable", setSelectbox: ["isSelectbox", "setSelectbox"], setTheme: ["theme", "setTheme"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: TemplateRef }, { propertyName: "optgroupTemp", first: true, predicate: ["optgroupTemp"], descendants: true, read: TemplateRef }, { propertyName: "headerTemp", first: true, predicate: ["headerTemp"], descendants: true, read: TemplateRef }, { propertyName: "footerTemp", first: true, predicate: ["footerTemp"], descendants: true, read: TemplateRef }, { propertyName: "notFoundTemp", first: true, predicate: ["notFoundTemp"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], ngImport: i0, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n    <ng-select\n        [items]=\"items\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        [markFirst]=\"markFirst\"\n        [placeholder]=\"placeholder\"\n        [notFoundText]=\"notFoundText\"\n        [typeToSearchText]=\"typeToSearchText\"\n        [addTagText]=\"addTagText\"\n        [loadingText]=\"loadingText\"\n        [clearAllText]=\"clearAllText\"\n        [dropdownPosition]=\"dropdownPosition\"\n        [appendTo]=\"appendTo\"\n        [loading]=\"loading\"\n        [closeOnSelect]=\"closeOnSelect\"\n        [hideSelected]=\"hideSelected\"\n        [selectOnTab]=\"selectOnTab\"\n        [openOnEnter]=\"openOnEnter\"\n        [maxSelectedItems]=\"maxSelectedItems\"\n        [groupBy]=\"groupBy\"\n        [groupValue]=\"groupValue\"\n        [bufferAmount]=\"bufferAmount\"\n        [virtualScroll]=\"virtualScroll\"\n        [selectableGroup]=\"selectableGroup\"\n        [selectableGroupAsModel]=\"selectableGroupAsModel\"\n        [searchFn]=\"searchFn\"\n        [clearOnBackspace]=\"clearOnBackspace\"\n        [typeahead]=\"typeahead\"\n        [multiple]=\"multiple || multipleInline\"\n        [addTag]=\"addTag\"\n        [searchable]=\"searchable\"\n        [clearable]=\"clearable\"\n        [isOpen]=\"isOpen\"\n        [editableSearchTerm]=\"editQuery\"\n        [disabled]=\"control.disabled\"\n        [compareWith]=\"compareWith\"\n        [(ngModel)]=\"value\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (change)=\"changeEvent.emit($event)\"\n        (open)=\"openEvent.emit($event)\"\n        (close)=\"closeEvent.emit($event)\"\n        (search)=\"searchEvent.emit($event)\"\n        (clear)=\"clearEvent.emit($event)\"\n        (add)=\"addEvent.emit($event)\"\n        (remove)=\"removeEvent.emit($event)\"\n        (scroll)=\"scrollEvent.emit($event)\"\n        (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n    >\n        <!-- Selected Item Template -->\n        <ng-template *ngIf=\"labelTemp\" ng-label-tmp let-item=\"item\">\n            <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n        </ng-template>\n\n        <!-- Overall Label For All Selected Items Template -->\n        <ng-template *ngIf=\"multiLabelTemp\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n            <div class=\"evo-autocomplete__label\">\n                <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n            </div>\n        </ng-template>\n\n        <!-- Options header template -->\n        <ng-template *ngIf=\"headerTemp\" ng-header-tmp>\n            <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\"></ng-template>\n        </ng-template>\n\n        <!-- Option Template -->\n        <ng-template\n            *ngIf=\"optionTemp\"\n            ng-option-tmp\n            let-item=\"item\"\n            let-index=\"index\"\n            let-search=\"searchTerm\"\n            let-item$=\"item$\"\n        >\n            <ng-template\n                *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"\n            ></ng-template>\n        </ng-template>\n\n        <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n            <ng-template ng-multi-label-tmp let-items=\"items\">\n                <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n            </ng-template>\n        </ng-container>\n\n        <!-- Options group template -->\n        <ng-template *ngIf=\"optgroupTemp\" ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n            <ng-template *ngTemplateOutlet=\"optgroupTemp; context: { item: item, index: index }\"></ng-template>\n        </ng-template>\n\n        <!-- Search Text Templates -->\n        <ng-template ng-typetosearch-tmp>\n            <div *ngIf=\"typeToSearchText\" class=\"ng-option disabled\">{{typeToSearchText}}</div>\n        </ng-template>\n        <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n            <div class=\"ng-option disabled\">{{loadingText}}</div>\n        </ng-template>\n\n        <ng-container *ngIf=\"notFoundTemp; else defaultNotFoundTemplate\">\n            <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n                <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-template #defaultNotFoundTemplate>\n            <ng-template ng-notfound-tmp>\n                <div class=\"ng-option disabled\">{{notFoundText}}</div>\n            </ng-template>\n        </ng-template>\n\n        <!-- Options footer template -->\n        <ng-template *ngIf=\"footerTemp\" ng-footer-tmp>\n            <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\"></ng-template>\n        </ng-template>\n    </ng-select>\n    <evo-control-error\n        *ngIf=\"hasErrors && errorsMessages\"\n        [errors]=\"control.errors\"\n        [errorsMessages]=\"errorsMessages\"\n    ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], components: [{ type: i2.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: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { type: i2.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i2.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { type: i2.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { type: i2.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { type: i2.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { type: i2.NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+EvoAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.NgControl }], target: i0.ɵɵFactoryTarget.Component });
+EvoAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAutocompleteComponent, selector: "evo-autocomplete", inputs: { size: "size", isOpen: "isOpen", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", clearOnBackspace: "clearOnBackspace", typeahead: "typeahead", multiple: "multiple", multipleInline: "multipleInline", addTag: "addTag", clearable: "clearable", errorsMessages: "errorsMessages", compareWith: "compareWith", _notFoundText: ["notFoundText", "_notFoundText"], editQuery: "editQuery", searchable: "searchable", setSelectbox: ["isSelectbox", "setSelectbox"], setTheme: ["theme", "setTheme"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: TemplateRef }, { propertyName: "optgroupTemp", first: true, predicate: ["optgroupTemp"], descendants: true, read: TemplateRef }, { propertyName: "headerTemp", first: true, predicate: ["headerTemp"], descendants: true, read: TemplateRef }, { propertyName: "footerTemp", first: true, predicate: ["footerTemp"], descendants: true, read: TemplateRef }, { propertyName: "notFoundTemp", first: true, predicate: ["notFoundTemp"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], ngImport: i0, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n    <ng-select\n        [items]=\"items\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        [markFirst]=\"markFirst\"\n        [placeholder]=\"placeholder\"\n        [notFoundText]=\"notFoundText\"\n        [typeToSearchText]=\"typeToSearchText\"\n        [addTagText]=\"addTagText\"\n        [loadingText]=\"loadingText\"\n        [clearAllText]=\"clearAllText\"\n        [dropdownPosition]=\"dropdownPosition\"\n        [appendTo]=\"appendTo\"\n        [loading]=\"loading\"\n        [closeOnSelect]=\"closeOnSelect\"\n        [hideSelected]=\"hideSelected\"\n        [selectOnTab]=\"selectOnTab\"\n        [openOnEnter]=\"openOnEnter\"\n        [maxSelectedItems]=\"maxSelectedItems\"\n        [groupBy]=\"groupBy\"\n        [groupValue]=\"groupValue\"\n        [bufferAmount]=\"bufferAmount\"\n        [virtualScroll]=\"virtualScroll\"\n        [selectableGroup]=\"selectableGroup\"\n        [selectableGroupAsModel]=\"selectableGroupAsModel\"\n        [searchFn]=\"searchFn\"\n        [clearOnBackspace]=\"clearOnBackspace\"\n        [typeahead]=\"typeahead\"\n        [multiple]=\"multiple || multipleInline\"\n        [addTag]=\"addTag\"\n        [searchable]=\"searchable\"\n        [clearable]=\"clearable\"\n        [isOpen]=\"isOpen\"\n        [editableSearchTerm]=\"editQuery\"\n        [disabled]=\"control.disabled\"\n        [compareWith]=\"compareWith\"\n        [(ngModel)]=\"value\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (change)=\"changeEvent.emit($event)\"\n        (open)=\"openEvent.emit($event)\"\n        (close)=\"closeEvent.emit($event)\"\n        (search)=\"searchEvent.emit($event)\"\n        (clear)=\"clearEvent.emit($event)\"\n        (add)=\"addEvent.emit($event)\"\n        (remove)=\"removeEvent.emit($event)\"\n        (scroll)=\"scrollEvent.emit($event)\"\n        (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n    >\n        <!-- Selected Item Template -->\n        <ng-template *ngIf=\"labelTemp\" ng-label-tmp let-item=\"item\">\n            <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n        </ng-template>\n\n        <!-- Overall Label For All Selected Items Template -->\n        <ng-template *ngIf=\"multiLabelTemp\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n            <div class=\"evo-autocomplete__label\">\n                <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n            </div>\n        </ng-template>\n\n        <!-- Options header template -->\n        <ng-template *ngIf=\"headerTemp\" ng-header-tmp>\n            <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\"></ng-template>\n        </ng-template>\n\n        <!-- Option Template -->\n        <ng-template\n            *ngIf=\"optionTemp\"\n            ng-option-tmp\n            let-item=\"item\"\n            let-index=\"index\"\n            let-search=\"searchTerm\"\n            let-item$=\"item$\"\n        >\n            <ng-template\n                *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"\n            ></ng-template>\n        </ng-template>\n\n        <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n            <ng-template ng-multi-label-tmp let-items=\"items\">\n                <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n            </ng-template>\n        </ng-container>\n\n        <!-- Options group template -->\n        <ng-template *ngIf=\"optgroupTemp\" ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n            <ng-template *ngTemplateOutlet=\"optgroupTemp; context: { item: item, index: index }\"></ng-template>\n        </ng-template>\n\n        <!-- Search Text Templates -->\n        <ng-template ng-typetosearch-tmp>\n            <div *ngIf=\"typeToSearchText\" class=\"ng-option disabled\">{{typeToSearchText}}</div>\n        </ng-template>\n        <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n            <div class=\"ng-option disabled\">{{loadingText}}</div>\n        </ng-template>\n\n        <ng-container *ngIf=\"notFoundTemp; else defaultNotFoundTemplate\">\n            <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n                <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-template #defaultNotFoundTemplate>\n            <ng-template ng-notfound-tmp>\n                <div class=\"ng-option disabled\">{{notFoundText}}</div>\n            </ng-template>\n        </ng-template>\n\n        <!-- Options footer template -->\n        <ng-template *ngIf=\"footerTemp\" ng-footer-tmp>\n            <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\"></ng-template>\n        </ng-template>\n    </ng-select>\n    <evo-control-error\n        *ngIf=\"hasErrors && errorsMessages\"\n        [errors]=\"control.errors\"\n        [errorsMessages]=\"errorsMessages\"\n    ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], components: [{ type: i2$1.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: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2$1.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { type: i2$1.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { type: i2$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i2$1.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { type: i2$1.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { type: i2$1.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { type: i2$1.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { type: i2$1.NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n    <ng-select\n        [items]=\"items\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        [markFirst]=\"markFirst\"\n        [placeholder]=\"placeholder\"\n        [notFoundText]=\"notFoundText\"\n        [typeToSearchText]=\"typeToSearchText\"\n        [addTagText]=\"addTagText\"\n        [loadingText]=\"loadingText\"\n        [clearAllText]=\"clearAllText\"\n        [dropdownPosition]=\"dropdownPosition\"\n        [appendTo]=\"appendTo\"\n        [loading]=\"loading\"\n        [closeOnSelect]=\"closeOnSelect\"\n        [hideSelected]=\"hideSelected\"\n        [selectOnTab]=\"selectOnTab\"\n        [openOnEnter]=\"openOnEnter\"\n        [maxSelectedItems]=\"maxSelectedItems\"\n        [groupBy]=\"groupBy\"\n        [groupValue]=\"groupValue\"\n        [bufferAmount]=\"bufferAmount\"\n        [virtualScroll]=\"virtualScroll\"\n        [selectableGroup]=\"selectableGroup\"\n        [selectableGroupAsModel]=\"selectableGroupAsModel\"\n        [searchFn]=\"searchFn\"\n        [clearOnBackspace]=\"clearOnBackspace\"\n        [typeahead]=\"typeahead\"\n        [multiple]=\"multiple || multipleInline\"\n        [addTag]=\"addTag\"\n        [searchable]=\"searchable\"\n        [clearable]=\"clearable\"\n        [isOpen]=\"isOpen\"\n        [editableSearchTerm]=\"editQuery\"\n        [disabled]=\"control.disabled\"\n        [compareWith]=\"compareWith\"\n        [(ngModel)]=\"value\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (change)=\"changeEvent.emit($event)\"\n        (open)=\"openEvent.emit($event)\"\n        (close)=\"closeEvent.emit($event)\"\n        (search)=\"searchEvent.emit($event)\"\n        (clear)=\"clearEvent.emit($event)\"\n        (add)=\"addEvent.emit($event)\"\n        (remove)=\"removeEvent.emit($event)\"\n        (scroll)=\"scrollEvent.emit($event)\"\n        (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n    >\n        <!-- Selected Item Template -->\n        <ng-template *ngIf=\"labelTemp\" ng-label-tmp let-item=\"item\">\n            <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n        </ng-template>\n\n        <!-- Overall Label For All Selected Items Template -->\n        <ng-template *ngIf=\"multiLabelTemp\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n            <div class=\"evo-autocomplete__label\">\n                <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n            </div>\n        </ng-template>\n\n        <!-- Options header template -->\n        <ng-template *ngIf=\"headerTemp\" ng-header-tmp>\n            <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\"></ng-template>\n        </ng-template>\n\n        <!-- Option Template -->\n        <ng-template\n            *ngIf=\"optionTemp\"\n            ng-option-tmp\n            let-item=\"item\"\n            let-index=\"index\"\n            let-search=\"searchTerm\"\n            let-item$=\"item$\"\n        >\n            <ng-template\n                *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"\n            ></ng-template>\n        </ng-template>\n\n        <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n            <ng-template ng-multi-label-tmp let-items=\"items\">\n                <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n            </ng-template>\n        </ng-container>\n\n        <!-- Options group template -->\n        <ng-template *ngIf=\"optgroupTemp\" ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n            <ng-template *ngTemplateOutlet=\"optgroupTemp; context: { item: item, index: index }\"></ng-template>\n        </ng-template>\n\n        <!-- Search Text Templates -->\n        <ng-template ng-typetosearch-tmp>\n            <div *ngIf=\"typeToSearchText\" class=\"ng-option disabled\">{{typeToSearchText}}</div>\n        </ng-template>\n        <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n            <div class=\"ng-option disabled\">{{loadingText}}</div>\n        </ng-template>\n\n        <ng-container *ngIf=\"notFoundTemp; else defaultNotFoundTemplate\">\n            <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n                <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-template #defaultNotFoundTemplate>\n            <ng-template ng-notfound-tmp>\n                <div class=\"ng-option disabled\">{{notFoundText}}</div>\n            </ng-template>\n        </ng-template>\n\n        <!-- Options footer template -->\n        <ng-template *ngIf=\"footerTemp\" ng-footer-tmp>\n            <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\"></ng-template>\n        </ng-template>\n    </ng-select>\n    <evo-control-error\n        *ngIf=\"hasErrors && errorsMessages\"\n        [errors]=\"control.errors\"\n        [errorsMessages]=\"errorsMessages\"\n    ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$2.NgControl }]; }, propDecorators: { size: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.NgControl }]; }, propDecorators: { size: [{
                 type: Input
             }], isOpen: [{
                 type: Input
@@ -2060,7 +2061,7 @@ EvoCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             useExisting: forwardRef(() => EvoCheckboxComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"evo-checkbox\">\n    <input\n        #inputElement\n        class=\"evo-checkbox__input\"\n        type=\"checkbox\"\n        [indeterminate]=\"indeterminate\"\n        [evoUiClass]=\"checkboxClass\"\n        [disabled]=\"disabled\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onInputChange($event)\"\n    >\n    <span class=\"evo-checkbox__text\">\n        <ng-content></ng-content>\n    </span>\n</label>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: [":host{display:inline-block;color:#212121}.evo-checkbox{position:relative;display:inline-block;min-height:24px;margin:0;color:inherit}.evo-checkbox__input{position:absolute;top:1px;left:0;z-index:-1;width:16px;height:16px;opacity:0;appearance:none}.evo-checkbox__text{position:relative;display:inline-block;padding-top:1px;padding-left:32px;color:inherit;font-size:14px;line-height:22px;cursor:pointer;-webkit-user-select:none;user-select:none}.evo-checkbox__text:empty{padding-left:20px}.evo-checkbox__text:empty:after{content:\"1\";display:inline-block;width:0;visibility:hidden;opacity:0}.evo-checkbox__text:before{content:\"\";position:absolute;top:0;left:0;box-sizing:border-box;width:16px;height:16px;margin:4px;background:#FFFFFF none center;border:2px solid #C6C6C6;border-radius:2px;transition:background .3s,border-color .3s}input:checked+.evo-checkbox__text:before{background:#0986E2 url(\"data:image/svg+xml,%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 fill%3D%22%23ffffff%22%3E    %3Cpath d%3D%22M6.85333%2C11.8133 C6.50667%2C12.16 5.94667%2C12.16 5.6%2C11.8133 L2.40889%2C8.62222 C2.06222%2C8.27556 2.06222%2C7.71556 2.40889%2C7.36889 C2.75556%2C7.02222 3.31556%2C7.02222 3.66222%2C7.36889 L6.22222%2C9.92889 L12.3378%2C3.81333 C12.6844%2C3.46667 13.2444%2C3.46667 13.5911%2C3.81333 C13.9378%2C4.16 13.9378%2C4.72 13.5911%2C5.06667 L6.85333%2C11.8133 Z%22 id%3D%22Shape%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") no-repeat center;border-color:#0986e2}input:indeterminate+.evo-checkbox__text:before{background:#0986E2 url(\"data:image/svg+xml,%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 fill%3D%22%23ffffff%22%3E    %3Cpath d%3D%22M4%2C7 C3.44772%2C7 3%2C7.44772 3%2C8 C3%2C8.55229 3.44772%2C9 4%2C9 L12%2C9 C12.5523%2C9 13%2C8.55229 13%2C8 C13%2C7.44772 12.5523%2C7 12%2C7 L4%2C7 Z%22 id%3D%22Shape%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") no-repeat center;border-color:#0986e2}input:disabled:not(:checked)+.evo-checkbox__text{cursor:default}input:disabled:not(:checked)+.evo-checkbox__text:before{background-color:#f4f6f8;border-color:#c6c6c6}input.evo-checkbox_invalid+.evo-checkbox__text:before{border-color:#ff1817}input:disabled:checked+.evo-checkbox__text,input:disabled:indeterminate+.evo-checkbox__text{cursor:default}input:disabled:checked+.evo-checkbox__text:before,input:disabled:indeterminate+.evo-checkbox__text:before{background-color:#c6c6c6;border-color:#c6c6c6}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"evo-checkbox\">\n    <input\n        #inputElement\n        class=\"evo-checkbox__input\"\n        type=\"checkbox\"\n        [indeterminate]=\"indeterminate\"\n        [evoUiClass]=\"checkboxClass\"\n        [disabled]=\"disabled\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onInputChange($event)\"\n    >\n    <span class=\"evo-checkbox__text\">\n        <ng-content></ng-content>\n    </span>\n</label>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: [":host{display:inline-block;color:#212121}.evo-checkbox{position:relative;display:inline-block;min-height:24px;margin:0;color:inherit}.evo-checkbox__input{position:absolute;top:1px;left:0;z-index:-1;width:16px;height:16px;opacity:0;appearance:none}.evo-checkbox__text{position:relative;display:inline-block;padding-top:1px;padding-left:32px;color:inherit;font-size:14px;line-height:22px;cursor:pointer;-webkit-user-select:none;user-select:none}.evo-checkbox__text:empty{padding-left:20px}.evo-checkbox__text:empty:after{content:\"1\";display:inline-block;width:0;visibility:hidden;opacity:0}.evo-checkbox__text:before{content:\"\";position:absolute;top:0;left:0;box-sizing:border-box;width:16px;height:16px;margin:4px;background:#FFFFFF none center;border:2px solid #C6C6C6;border-radius:2px;transition:background .3s,border-color .3s}input:checked+.evo-checkbox__text:before{background:#0986E2 url(\"data:image/svg+xml,%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 fill%3D%22%23ffffff%22%3E    %3Cpath d%3D%22M6.85333%2C11.8133 C6.50667%2C12.16 5.94667%2C12.16 5.6%2C11.8133 L2.40889%2C8.62222 C2.06222%2C8.27556 2.06222%2C7.71556 2.40889%2C7.36889 C2.75556%2C7.02222 3.31556%2C7.02222 3.66222%2C7.36889 L6.22222%2C9.92889 L12.3378%2C3.81333 C12.6844%2C3.46667 13.2444%2C3.46667 13.5911%2C3.81333 C13.9378%2C4.16 13.9378%2C4.72 13.5911%2C5.06667 L6.85333%2C11.8133 Z%22 id%3D%22Shape%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") no-repeat center;border-color:#0986e2}input:indeterminate+.evo-checkbox__text:before{background:#0986E2 url(\"data:image/svg+xml,%3Csvg width%3D%2216px%22 height%3D%2216px%22 viewBox%3D%220 0 16 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 fill%3D%22%23ffffff%22%3E    %3Cpath d%3D%22M4%2C7 C3.44772%2C7 3%2C7.44772 3%2C8 C3%2C8.55229 3.44772%2C9 4%2C9 L12%2C9 C12.5523%2C9 13%2C8.55229 13%2C8 C13%2C7.44772 12.5523%2C7 12%2C7 L4%2C7 Z%22 id%3D%22Shape%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") no-repeat center;border-color:#0986e2}input:disabled:not(:checked)+.evo-checkbox__text{cursor:default}input:disabled:not(:checked)+.evo-checkbox__text:before{background-color:#f4f6f8;border-color:#c6c6c6}input.evo-checkbox_invalid+.evo-checkbox__text:before{border-color:#ff1817}input:disabled:checked+.evo-checkbox__text,input:disabled:indeterminate+.evo-checkbox__text{cursor:default}input:disabled:checked+.evo-checkbox__text:before,input:disabled:indeterminate+.evo-checkbox__text:before{background-color:#c6c6c6;border-color:#c6c6c6}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-checkbox', providers: [
@@ -2127,7 +2128,7 @@ class EvoAutocompleteDefaultOptionComponent {
     }
 }
 EvoAutocompleteDefaultOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteDefaultOptionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoAutocompleteDefaultOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAutocompleteDefaultOptionComponent, selector: "evo-autocomplete-default-option", inputs: { hasCheckbox: "hasCheckbox", label: "label", description: "description", isDisabled: "isDisabled", isSelected: "isSelected" }, host: { properties: { "class.has-checkbox": "this.hasCheckboxClass" } }, ngImport: i0, template: "<div class=\"option option_has-checkbox\" *ngIf=\"hasCheckbox\">\n    <evo-checkbox\n        [ngModel]=\"isSelected\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [disabled]=\"isDisabled\"\n        (click)=\"onCheckboxClick($event)\"\n        (change)=\"onCheckboxClick($event)\"\n        (ngModelChange)=\"onSelectedChange($event)\"\n    >{{ label }}</evo-checkbox>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n<div class=\"option\" *ngIf=\"!hasCheckbox\">\n    <div class=\"option__label\">{{ label }}</div>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n", styles: [":host{display:block;color:inherit;white-space:var(--evo-autocomplete-option-white-space, normal);--evo-autocomplete-default-option-text-color: #212121;--evo-autocomplete-default-option-description-color: #9B9B9B;--evo-autocomplete-default-option-background: #FFFFFF}.option{position:relative;z-index:1;color:var(--evo-autocomplete-default-option-text-color);background:var(--evo-autocomplete-default-option-background)}.option__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;display:block;margin-bottom:0;overflow:var(--evo-autocomplete-option-overflow, hidden);color:var(--evo-autocomplete-default-option-text-color);text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option__description{font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:400;display:block;overflow:var(--evo-autocomplete-option-overflow, hidden);color:var(--evo-autocomplete-default-option-description-color);text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option evo-checkbox{color:var(--evo-autocomplete-default-option-text-color)}.option evo-checkbox+.option__description{padding-left:32px}\n"], components: [{ type: EvoCheckboxComponent, selector: "evo-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoAutocompleteDefaultOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAutocompleteDefaultOptionComponent, selector: "evo-autocomplete-default-option", inputs: { hasCheckbox: "hasCheckbox", label: "label", description: "description", isDisabled: "isDisabled", isSelected: "isSelected" }, host: { properties: { "class.has-checkbox": "this.hasCheckboxClass" } }, ngImport: i0, template: "<div class=\"option option_has-checkbox\" *ngIf=\"hasCheckbox\">\n    <evo-checkbox\n        [ngModel]=\"isSelected\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [disabled]=\"isDisabled\"\n        (click)=\"onCheckboxClick($event)\"\n        (change)=\"onCheckboxClick($event)\"\n        (ngModelChange)=\"onSelectedChange($event)\"\n    >{{ label }}</evo-checkbox>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n<div class=\"option\" *ngIf=\"!hasCheckbox\">\n    <div class=\"option__label\">{{ label }}</div>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n", styles: [":host{display:block;color:inherit;white-space:var(--evo-autocomplete-option-white-space, normal);--evo-autocomplete-default-option-text-color: #212121;--evo-autocomplete-default-option-description-color: #9B9B9B;--evo-autocomplete-default-option-background: #FFFFFF}.option{position:relative;z-index:1;color:var(--evo-autocomplete-default-option-text-color);background:var(--evo-autocomplete-default-option-background)}.option__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;display:block;margin-bottom:0;overflow:var(--evo-autocomplete-option-overflow, hidden);color:var(--evo-autocomplete-default-option-text-color);text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option__description{font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:400;display:block;overflow:var(--evo-autocomplete-option-overflow, hidden);color:var(--evo-autocomplete-default-option-description-color);text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option evo-checkbox{color:var(--evo-autocomplete-default-option-text-color)}.option evo-checkbox+.option__description{padding-left:32px}\n"], components: [{ type: EvoCheckboxComponent, selector: "evo-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteDefaultOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-autocomplete-default-option', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"option option_has-checkbox\" *ngIf=\"hasCheckbox\">\n    <evo-checkbox\n        [ngModel]=\"isSelected\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [disabled]=\"isDisabled\"\n        (click)=\"onCheckboxClick($event)\"\n        (change)=\"onCheckboxClick($event)\"\n        (ngModelChange)=\"onSelectedChange($event)\"\n    >{{ label }}</evo-checkbox>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n<div class=\"option\" *ngIf=\"!hasCheckbox\">\n    <div class=\"option__label\">{{ label }}</div>\n    <ng-container *ngIf=\"description\">\n        <div class=\"option__description\">{{ description }}</div>\n    </ng-container>\n</div>\n", styles: [":host{display:block;color:inherit;white-space:var(--evo-autocomplete-option-white-space, normal);--evo-autocomplete-default-option-text-color: #212121;--evo-autocomplete-default-option-description-color: #9B9B9B;--evo-autocomplete-default-option-background: #FFFFFF}.option{position:relative;z-index:1;color:var(--evo-autocomplete-default-option-text-color);background:var(--evo-autocomplete-default-option-background)}.option__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;display:block;margin-bottom:0;overflow:var(--evo-autocomplete-option-overflow, hidden);color:var(--evo-autocomplete-default-option-text-color);text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option__description{font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:400;display:block;overflow:var(--evo-autocomplete-option-overflow, hidden);color:var(--evo-autocomplete-default-option-description-color);text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option evo-checkbox{color:var(--evo-autocomplete-default-option-text-color)}.option evo-checkbox+.option__description{padding-left:32px}\n"] }]
@@ -2460,7 +2461,7 @@ class EvoBannerComponent {
     }
 }
 EvoBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoBannerComponent, deps: [{ token: WINDOW }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoBannerComponent, selector: "evo-banner", inputs: { banner: "banner", type: "type" }, outputs: { bannerClick: "bannerClick" }, ngImport: i0, template: "<a\n    class=\"evo-banner\"\n    target=\"_blank\"\n    [attr.href]=\"banner?.url\"\n    (click)=\"onBannerClick()\"\n    [evoUiClass]=\"bannerClass\"\n    [ngStyle]=\"{'background-color': banner?.background}\"\n>\n    <div class=\"evo-banner__content\">\n        <div class=\"evo-banner__title\">{{ banner?.title }}</div>\n        <button\n            class=\"btn\"\n            [ngStyle]=\"{'color': banner?.background}\"\n            *ngIf=\"banner?.button\"\n        >{{ banner?.button }}</button>\n    </div>\n    <img\n        class=\"evo-banner__img\"\n        [src]=\"banner?.image\"\n        [alt]=\"banner?.title\"\n    >\n</a>\n", styles: [".evo-banner{position:relative;display:block;height:430px;padding:12px 20px;overflow:hidden;color:#fff;text-decoration:none;border-radius:6px;cursor:pointer;transition:box-shadow .3s}.evo-banner:hover{box-shadow:0 4px 12px #0003}.evo-banner .evo-banner__content{position:relative;z-index:2}.evo-banner .evo-banner__content .btn{display:inline-block;min-width:156px;height:40px;padding:0 20px;color:#f05023;font-weight:600;font-size:14px;text-transform:uppercase;background-color:#fff;border-radius:24px;transition:color .3s,background .3s}.evo-banner .evo-banner__title{margin-bottom:20px;font-weight:700;font-size:30px;font-family:var(--evo-font-secondary);line-height:1.3}.evo-banner .evo-banner__description{margin-top:20px;margin-bottom:10px;font-size:14px;line-height:1.3}.evo-banner .evo-banner__img{position:absolute;right:0;bottom:0}.evo-banner_full-width{padding:20px}.evo-banner_full-width .evo-banner__title{line-height:38px}.evo-banner_full-width .evo-banner__img,.evo-banner_large .evo-banner__img{width:290px;height:290px}.evo-banner_small{height:210px;padding:20px}.evo-banner_small .evo-banner__content{max-width:70%}.evo-banner_small .evo-banner__title{margin-bottom:20px;font-size:20px}.evo-banner_small .evo-banner__img{width:210px;height:210px}.evo-banner_size-tablet.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-tablet.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-tablet.evo-banner_large{padding:40px}.evo-banner_size-tablet.evo-banner_large .evo-banner__title{margin-bottom:20px;font-size:36px;line-height:44px}.evo-banner_size-tablet.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-desktop.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-desktop.evo-banner_full-width{height:240px;padding:30px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__img{width:240px;height:240px}.evo-banner_size-desktop.evo-banner_large{padding:40px}.evo-banner_size-desktop.evo-banner_large .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop-s.evo-banner_full-width .evo-banner__title{font-size:28px;line-height:38px}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EvoBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoBannerComponent, selector: "evo-banner", inputs: { banner: "banner", type: "type" }, outputs: { bannerClick: "bannerClick" }, ngImport: i0, template: "<a\n    class=\"evo-banner\"\n    target=\"_blank\"\n    [attr.href]=\"banner?.url\"\n    (click)=\"onBannerClick()\"\n    [evoUiClass]=\"bannerClass\"\n    [ngStyle]=\"{'background-color': banner?.background}\"\n>\n    <div class=\"evo-banner__content\">\n        <div class=\"evo-banner__title\">{{ banner?.title }}</div>\n        <button\n            class=\"btn\"\n            [ngStyle]=\"{'color': banner?.background}\"\n            *ngIf=\"banner?.button\"\n        >{{ banner?.button }}</button>\n    </div>\n    <img\n        class=\"evo-banner__img\"\n        [src]=\"banner?.image\"\n        [alt]=\"banner?.title\"\n    >\n</a>\n", styles: [".evo-banner{position:relative;display:block;height:430px;padding:12px 20px;overflow:hidden;color:#fff;text-decoration:none;border-radius:6px;cursor:pointer;transition:box-shadow .3s}.evo-banner:hover{box-shadow:0 4px 12px #0003}.evo-banner .evo-banner__content{position:relative;z-index:2}.evo-banner .evo-banner__content .btn{display:inline-block;min-width:156px;height:40px;padding:0 20px;color:#f05023;font-weight:600;font-size:14px;text-transform:uppercase;background-color:#fff;border-radius:24px;transition:color .3s,background .3s}.evo-banner .evo-banner__title{margin-bottom:20px;font-weight:700;font-size:30px;font-family:var(--evo-font-secondary);line-height:1.3}.evo-banner .evo-banner__description{margin-top:20px;margin-bottom:10px;font-size:14px;line-height:1.3}.evo-banner .evo-banner__img{position:absolute;right:0;bottom:0}.evo-banner_full-width{padding:20px}.evo-banner_full-width .evo-banner__title{line-height:38px}.evo-banner_full-width .evo-banner__img,.evo-banner_large .evo-banner__img{width:290px;height:290px}.evo-banner_small{height:210px;padding:20px}.evo-banner_small .evo-banner__content{max-width:70%}.evo-banner_small .evo-banner__title{margin-bottom:20px;font-size:20px}.evo-banner_small .evo-banner__img{width:210px;height:210px}.evo-banner_size-tablet.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-tablet.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-tablet.evo-banner_large{padding:40px}.evo-banner_size-tablet.evo-banner_large .evo-banner__title{margin-bottom:20px;font-size:36px;line-height:44px}.evo-banner_size-tablet.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-desktop.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-desktop.evo-banner_full-width{height:240px;padding:30px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__img{width:240px;height:240px}.evo-banner_size-desktop.evo-banner_large{padding:40px}.evo-banner_size-desktop.evo-banner_large .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop-s.evo-banner_full-width .evo-banner__title{font-size:28px;line-height:38px}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-banner', template: "<a\n    class=\"evo-banner\"\n    target=\"_blank\"\n    [attr.href]=\"banner?.url\"\n    (click)=\"onBannerClick()\"\n    [evoUiClass]=\"bannerClass\"\n    [ngStyle]=\"{'background-color': banner?.background}\"\n>\n    <div class=\"evo-banner__content\">\n        <div class=\"evo-banner__title\">{{ banner?.title }}</div>\n        <button\n            class=\"btn\"\n            [ngStyle]=\"{'color': banner?.background}\"\n            *ngIf=\"banner?.button\"\n        >{{ banner?.button }}</button>\n    </div>\n    <img\n        class=\"evo-banner__img\"\n        [src]=\"banner?.image\"\n        [alt]=\"banner?.title\"\n    >\n</a>\n", styles: [".evo-banner{position:relative;display:block;height:430px;padding:12px 20px;overflow:hidden;color:#fff;text-decoration:none;border-radius:6px;cursor:pointer;transition:box-shadow .3s}.evo-banner:hover{box-shadow:0 4px 12px #0003}.evo-banner .evo-banner__content{position:relative;z-index:2}.evo-banner .evo-banner__content .btn{display:inline-block;min-width:156px;height:40px;padding:0 20px;color:#f05023;font-weight:600;font-size:14px;text-transform:uppercase;background-color:#fff;border-radius:24px;transition:color .3s,background .3s}.evo-banner .evo-banner__title{margin-bottom:20px;font-weight:700;font-size:30px;font-family:var(--evo-font-secondary);line-height:1.3}.evo-banner .evo-banner__description{margin-top:20px;margin-bottom:10px;font-size:14px;line-height:1.3}.evo-banner .evo-banner__img{position:absolute;right:0;bottom:0}.evo-banner_full-width{padding:20px}.evo-banner_full-width .evo-banner__title{line-height:38px}.evo-banner_full-width .evo-banner__img,.evo-banner_large .evo-banner__img{width:290px;height:290px}.evo-banner_small{height:210px;padding:20px}.evo-banner_small .evo-banner__content{max-width:70%}.evo-banner_small .evo-banner__title{margin-bottom:20px;font-size:20px}.evo-banner_small .evo-banner__img{width:210px;height:210px}.evo-banner_size-tablet.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-tablet.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-tablet.evo-banner_large{padding:40px}.evo-banner_size-tablet.evo-banner_large .evo-banner__title{margin-bottom:20px;font-size:36px;line-height:44px}.evo-banner_size-tablet.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-desktop.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-desktop.evo-banner_full-width{height:240px;padding:30px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__img{width:240px;height:240px}.evo-banner_size-desktop.evo-banner_large{padding:40px}.evo-banner_size-desktop.evo-banner_large .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop-s.evo-banner_full-width .evo-banner__title{font-size:28px;line-height:38px}\n"] }]
@@ -2591,7 +2592,7 @@ class EvoButtonComponent {
     }
 }
 EvoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: { size: "size", color: "color", theme: "theme", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"buttonClasses\">\n    <span class=\"evo-button__content\" [ngStyle]=\"buttonStyles\">\n        <ng-content></ng-content>\n    </span>\n    <evo-circular-loader class=\"evo-button__loader\" *ngIf=\"isLoading\"></evo-circular-loader>\n</div>\n", styles: [":host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none;--evo-button-background-color: transparent;--evo-button-background-gradient: none;--evo-button-text-color: none;--evo-button-border-color: none;--evo-button-hover-text-color: none;--evo-button-hover-shadow: none;--evo-button-overflow: hidden}.evo-button{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF;--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color);--inner-border-color: var(--inner-button-primary-color);display:flex;justify-content:center;align-items:center;height:40px;padding:0 24px;font-size:16px;line-height:1;white-space:nowrap;text-align:center;color:var(--inner-text-color);fill:var(--inner-text-color);border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-sizing:border-box;z-index:auto;transition:box-shadow .3s,color .3s}.evo-button__content{position:relative;display:flex;flex-flow:row nowrap;align-items:center;overflow:var(--evo-button-overflow);z-index:3}.evo-button__loader{position:absolute;inset:0;width:100%;height:100%;padding:4px 0;z-index:2;--evo-circular-loader-color: var(--inner-text-color)}.evo-button:before{content:\"\";position:absolute;inset:0;z-index:1;background-color:var(--inner-background-color);border:solid 1px var(--inner-border-color);border-radius:inherit;transition:background .3s,color .3s,border .3s}.evo-button:after{content:\"\";position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .3s,background-color .3s}.evo-button:hover{box-shadow:var(--evo-button-hover-shadow)}.evo-button:hover:after{opacity:.2;background-color:#fff}.evo-button:focus:after,.evo-button:active:after{opacity:.1;background-color:#000}.evo-button:disabled,.evo-button_is-disabled{--inner-text-color: #FFFFFF !important;--inner-background-color: #C6C6C6 !important;--inner-border-color: transparent !important;pointer-events:none}.evo-button:disabled .evo-button:after,.evo-button_is-disabled .evo-button:after{display:none}.evo-button_is-outline:not(.evo-button_is-outline:hover):not(.evo-button_is-outline_is-disabled):not(.evo-button_is-outline:active){--inner-text-color: var(--inner-button-primary-color);--inner-background-color: transparent;--inner-border-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover{--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover:not(:focus):not(:active):after{background:transparent;border:none}.evo-button_is-loading{position:relative;pointer-events:none}.evo-button.evo-button_shape_rounded{border-radius:30px;font-weight:500;font-family:var(--evo-font-secondary);text-transform:uppercase}.evo-button.evo-button_shape_rectangle{border-radius:4px;padding:0 12px;font-weight:600;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_shape_semi-rectangle{border-radius:8px;padding:0 8px;font-weight:700;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_color_secondary{--inner-button-primary-color: #231F20;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_success{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_bonus{--inner-button-primary-color: #C72AAE;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_text{--inner-button-primary-color: #212121;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_link{--inner-button-primary-color: #0986E2;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_error{--inner-button-primary-color: #FF1817;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_white{--inner-button-primary-color: #FFFFFF;--inner-button-secondary-color: #212121}.evo-button.evo-button_color_primary{--inner-button-primary-color: #F05023;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_size_small.evo-button_shape_rounded{height:32px;padding:0 16px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:14px;line-height:20px}.evo-button.evo-button_size_normal.evo-button_shape_rounded{height:40px;padding:0 24px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:16px;line-height:20px}.evo-button.evo-button_size_large.evo-button_shape_rounded{height:56px;padding:0 40px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:18px;line-height:20px}.evo-button.evo-button_size_small.evo-button_shape_rectangle,.evo-button.evo-button_size_normal.evo-button_shape_rectangle,.evo-button.evo-button_size_large.evo-button_shape_rectangle{height:32px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}.evo-button.evo-button_size_small.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_normal.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_large.evo-button_shape_semi-rectangle{height:24px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:700}.evo-button.evo-button_color_white.evo-button_shape_rounded:not(.evo-button.evo-button_color_white.evo-button_shape_rounded:disabled):is(.evo-button.evo-button_color_white.evo-button_shape_rounded:hover):after{z-index:3}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline){--inner-button-secondary-color: var(--evo-button-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):hover{--inner-button-secondary-color: var(--evo-button-hover-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient);border-color:transparent}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline{--inner-button-primary-color: var(--evo-button-border-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:hover:before,.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:active:before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient)}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: { size: "size", color: "color", theme: "theme", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"buttonClasses\">\n    <span class=\"evo-button__content\" [ngStyle]=\"buttonStyles\">\n        <ng-content></ng-content>\n    </span>\n    <evo-circular-loader class=\"evo-button__loader\" *ngIf=\"isLoading\"></evo-circular-loader>\n</div>\n", styles: [":host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none;--evo-button-background-color: transparent;--evo-button-background-gradient: none;--evo-button-text-color: none;--evo-button-border-color: none;--evo-button-hover-text-color: none;--evo-button-hover-shadow: none;--evo-button-overflow: hidden}.evo-button{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF;--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color);--inner-border-color: var(--inner-button-primary-color);display:flex;justify-content:center;align-items:center;height:40px;padding:0 24px;font-size:16px;line-height:1;white-space:nowrap;text-align:center;color:var(--inner-text-color);fill:var(--inner-text-color);border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-sizing:border-box;z-index:auto;transition:box-shadow .3s,color .3s}.evo-button__content{position:relative;display:flex;flex-flow:row nowrap;align-items:center;overflow:var(--evo-button-overflow);z-index:3}.evo-button__loader{position:absolute;inset:0;width:100%;height:100%;padding:4px 0;z-index:2;--evo-circular-loader-color: var(--inner-text-color)}.evo-button:before{content:\"\";position:absolute;inset:0;z-index:1;background-color:var(--inner-background-color);border:solid 1px var(--inner-border-color);border-radius:inherit;transition:background .3s,color .3s,border .3s}.evo-button:after{content:\"\";position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .3s,background-color .3s}.evo-button:hover{box-shadow:var(--evo-button-hover-shadow)}.evo-button:hover:after{opacity:.2;background-color:#fff}.evo-button:focus:after,.evo-button:active:after{opacity:.1;background-color:#000}.evo-button:disabled,.evo-button_is-disabled{--inner-text-color: #FFFFFF !important;--inner-background-color: #C6C6C6 !important;--inner-border-color: transparent !important;pointer-events:none}.evo-button:disabled .evo-button:after,.evo-button_is-disabled .evo-button:after{display:none}.evo-button_is-outline:not(.evo-button_is-outline:hover):not(.evo-button_is-outline_is-disabled):not(.evo-button_is-outline:active){--inner-text-color: var(--inner-button-primary-color);--inner-background-color: transparent;--inner-border-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover{--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover:not(:focus):not(:active):after{background:transparent;border:none}.evo-button_is-loading{position:relative;pointer-events:none}.evo-button.evo-button_shape_rounded{border-radius:30px;font-weight:500;font-family:var(--evo-font-secondary);text-transform:uppercase}.evo-button.evo-button_shape_rectangle{border-radius:4px;padding:0 12px;font-weight:600;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_shape_semi-rectangle{border-radius:8px;padding:0 8px;font-weight:700;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_color_secondary{--inner-button-primary-color: #231F20;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_success{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_bonus{--inner-button-primary-color: #C72AAE;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_text{--inner-button-primary-color: #212121;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_link{--inner-button-primary-color: #0986E2;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_error{--inner-button-primary-color: #FF1817;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_white{--inner-button-primary-color: #FFFFFF;--inner-button-secondary-color: #212121}.evo-button.evo-button_color_primary{--inner-button-primary-color: #F05023;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_size_small.evo-button_shape_rounded{height:32px;padding:0 16px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:14px;line-height:20px}.evo-button.evo-button_size_normal.evo-button_shape_rounded{height:40px;padding:0 24px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:16px;line-height:20px}.evo-button.evo-button_size_large.evo-button_shape_rounded{height:56px;padding:0 40px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:18px;line-height:20px}.evo-button.evo-button_size_small.evo-button_shape_rectangle,.evo-button.evo-button_size_normal.evo-button_shape_rectangle,.evo-button.evo-button_size_large.evo-button_shape_rectangle{height:32px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}.evo-button.evo-button_size_small.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_normal.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_large.evo-button_shape_semi-rectangle{height:24px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:700}.evo-button.evo-button_color_white.evo-button_shape_rounded:not(.evo-button.evo-button_color_white.evo-button_shape_rounded:disabled):is(.evo-button.evo-button_color_white.evo-button_shape_rounded:hover):after{z-index:3}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline){--inner-button-secondary-color: var(--evo-button-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):hover{--inner-button-secondary-color: var(--evo-button-hover-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient);border-color:transparent}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline{--inner-button-primary-color: var(--evo-button-border-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:hover:before,.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:active:before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient)}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[evoButton], a[evoButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-button\" [evoUiClass]=\"buttonClasses\">\n    <span class=\"evo-button__content\" [ngStyle]=\"buttonStyles\">\n        <ng-content></ng-content>\n    </span>\n    <evo-circular-loader class=\"evo-button__loader\" *ngIf=\"isLoading\"></evo-circular-loader>\n</div>\n", styles: [":host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none;--evo-button-background-color: transparent;--evo-button-background-gradient: none;--evo-button-text-color: none;--evo-button-border-color: none;--evo-button-hover-text-color: none;--evo-button-hover-shadow: none;--evo-button-overflow: hidden}.evo-button{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF;--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color);--inner-border-color: var(--inner-button-primary-color);display:flex;justify-content:center;align-items:center;height:40px;padding:0 24px;font-size:16px;line-height:1;white-space:nowrap;text-align:center;color:var(--inner-text-color);fill:var(--inner-text-color);border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-sizing:border-box;z-index:auto;transition:box-shadow .3s,color .3s}.evo-button__content{position:relative;display:flex;flex-flow:row nowrap;align-items:center;overflow:var(--evo-button-overflow);z-index:3}.evo-button__loader{position:absolute;inset:0;width:100%;height:100%;padding:4px 0;z-index:2;--evo-circular-loader-color: var(--inner-text-color)}.evo-button:before{content:\"\";position:absolute;inset:0;z-index:1;background-color:var(--inner-background-color);border:solid 1px var(--inner-border-color);border-radius:inherit;transition:background .3s,color .3s,border .3s}.evo-button:after{content:\"\";position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .3s,background-color .3s}.evo-button:hover{box-shadow:var(--evo-button-hover-shadow)}.evo-button:hover:after{opacity:.2;background-color:#fff}.evo-button:focus:after,.evo-button:active:after{opacity:.1;background-color:#000}.evo-button:disabled,.evo-button_is-disabled{--inner-text-color: #FFFFFF !important;--inner-background-color: #C6C6C6 !important;--inner-border-color: transparent !important;pointer-events:none}.evo-button:disabled .evo-button:after,.evo-button_is-disabled .evo-button:after{display:none}.evo-button_is-outline:not(.evo-button_is-outline:hover):not(.evo-button_is-outline_is-disabled):not(.evo-button_is-outline:active){--inner-text-color: var(--inner-button-primary-color);--inner-background-color: transparent;--inner-border-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover{--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover:not(:focus):not(:active):after{background:transparent;border:none}.evo-button_is-loading{position:relative;pointer-events:none}.evo-button.evo-button_shape_rounded{border-radius:30px;font-weight:500;font-family:var(--evo-font-secondary);text-transform:uppercase}.evo-button.evo-button_shape_rectangle{border-radius:4px;padding:0 12px;font-weight:600;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_shape_semi-rectangle{border-radius:8px;padding:0 8px;font-weight:700;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_color_secondary{--inner-button-primary-color: #231F20;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_success{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_bonus{--inner-button-primary-color: #C72AAE;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_text{--inner-button-primary-color: #212121;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_link{--inner-button-primary-color: #0986E2;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_error{--inner-button-primary-color: #FF1817;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_white{--inner-button-primary-color: #FFFFFF;--inner-button-secondary-color: #212121}.evo-button.evo-button_color_primary{--inner-button-primary-color: #F05023;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_size_small.evo-button_shape_rounded{height:32px;padding:0 16px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:14px;line-height:20px}.evo-button.evo-button_size_normal.evo-button_shape_rounded{height:40px;padding:0 24px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:16px;line-height:20px}.evo-button.evo-button_size_large.evo-button_shape_rounded{height:56px;padding:0 40px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:18px;line-height:20px}.evo-button.evo-button_size_small.evo-button_shape_rectangle,.evo-button.evo-button_size_normal.evo-button_shape_rectangle,.evo-button.evo-button_size_large.evo-button_shape_rectangle{height:32px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}.evo-button.evo-button_size_small.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_normal.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_large.evo-button_shape_semi-rectangle{height:24px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:700}.evo-button.evo-button_color_white.evo-button_shape_rounded:not(.evo-button.evo-button_color_white.evo-button_shape_rounded:disabled):is(.evo-button.evo-button_color_white.evo-button_shape_rounded:hover):after{z-index:3}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline){--inner-button-secondary-color: var(--evo-button-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):hover{--inner-button-secondary-color: var(--evo-button-hover-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient);border-color:transparent}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline{--inner-button-primary-color: var(--evo-button-border-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:hover:before,.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:active:before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient)}\n"] }]
@@ -2680,7 +2681,7 @@ class EvoButtonOldComponent {
     }
 }
 EvoButtonOldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonOldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoButtonOldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoButtonOldComponent, selector: "evo-button, button[evo-button]", inputs: { color: "color", size: "size", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n    <span [ngStyle]=\"totalStyles\">\n        <ng-content></ng-content>\n    </span>\n    <span *ngIf=\"loading\" class=\"evo-button__dots\">\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n    </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:var(--evo-font-secondary);line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#F05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:rgba(0,0,0,.16)!important;border-color:transparent!important;pointer-events:none}.evo-button_lined{color:#f05023;background-color:#fff;border:1px solid #F05023}.evo-button_lined:hover{color:#fff;background-color:#f05023}.evo-button_lined:active,.evo-button_lined:focus{color:#fff;background-color:#d8481f;border-color:#d8481f}.evo-button_darkblue{background-color:#546e7a}.evo-button_darkblue:hover{background-color:#7596a5}.evo-button_darkblue:active,.evo-button_darkblue:focus{background-color:#283239}.evo-button_darkblue-lined{color:#403c3d;background-color:#fff;border:1px solid #403C3D}.evo-button_darkblue-lined:hover{color:#fff;background-color:#403c3d}.evo-button_darkblue-lined:active,.evo-button_darkblue-lined:focus{color:#fff;background-color:#343031;border-color:#343031}.evo-button_green{background-color:#21c68b}.evo-button_green:hover{background-color:#4cd2a2}.evo-button_green:active,.evo-button_green:focus{background-color:#1c9e6e}.evo-button_green-lined{color:#21c68b;background-color:#fff;border:1px solid #21C68B}.evo-button_green-lined:hover{color:#fff;background-color:#21c68b}.evo-button_green-lined:active,.evo-button_green-lined:focus{color:#fff;background-color:#1c9e6e;border-color:#1c9e6e}.evo-button_red{color:#fff;background-color:#ff1817}.evo-button_red:hover{background-color:#ff4645}.evo-button_red:active,.evo-button_red:focus{background-color:#e51715}.evo-button_purple{background-color:#c72aae}.evo-button_purple:hover{background-color:#d255be}.evo-button_purple:active,.evo-button_purple:focus{background-color:#9f228b}.evo-button_white{background-color:transparent;border:1px solid #FFFFFF}.evo-button_white:hover{color:#403c3d;background-color:#fff}.evo-button_white:active,.evo-button_white:focus{color:#fff;background-color:transparent}.evo-button_small{min-width:72px;height:32px;padding:0 16px;font-size:14px}.evo-button_large{min-width:120px;height:56px;padding:0 40px;font-size:18px}.evo-button_icon{display:inline-flex;align-items:center;padding-right:22px;padding-left:22px}.evo-button_loading{position:relative;pointer-events:none}.evo-button__dots{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-button__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:evo-fx-blink 1s ease infinite 0ms}.evo-button__dot:nth-child(2){animation:evo-fx-blink 1s ease infinite .3s}.evo-button__dot:nth-child(3){animation:evo-fx-blink 1s ease infinite .6s}:host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoButtonOldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoButtonOldComponent, selector: "evo-button, button[evo-button]", inputs: { color: "color", size: "size", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n    <span [ngStyle]=\"totalStyles\">\n        <ng-content></ng-content>\n    </span>\n    <span *ngIf=\"loading\" class=\"evo-button__dots\">\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n    </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:var(--evo-font-secondary);line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#F05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:rgba(0,0,0,.16)!important;border-color:transparent!important;pointer-events:none}.evo-button_lined{color:#f05023;background-color:#fff;border:1px solid #F05023}.evo-button_lined:hover{color:#fff;background-color:#f05023}.evo-button_lined:active,.evo-button_lined:focus{color:#fff;background-color:#d8481f;border-color:#d8481f}.evo-button_darkblue{background-color:#546e7a}.evo-button_darkblue:hover{background-color:#7596a5}.evo-button_darkblue:active,.evo-button_darkblue:focus{background-color:#283239}.evo-button_darkblue-lined{color:#403c3d;background-color:#fff;border:1px solid #403C3D}.evo-button_darkblue-lined:hover{color:#fff;background-color:#403c3d}.evo-button_darkblue-lined:active,.evo-button_darkblue-lined:focus{color:#fff;background-color:#343031;border-color:#343031}.evo-button_green{background-color:#21c68b}.evo-button_green:hover{background-color:#4cd2a2}.evo-button_green:active,.evo-button_green:focus{background-color:#1c9e6e}.evo-button_green-lined{color:#21c68b;background-color:#fff;border:1px solid #21C68B}.evo-button_green-lined:hover{color:#fff;background-color:#21c68b}.evo-button_green-lined:active,.evo-button_green-lined:focus{color:#fff;background-color:#1c9e6e;border-color:#1c9e6e}.evo-button_red{color:#fff;background-color:#ff1817}.evo-button_red:hover{background-color:#ff4645}.evo-button_red:active,.evo-button_red:focus{background-color:#e51715}.evo-button_purple{background-color:#c72aae}.evo-button_purple:hover{background-color:#d255be}.evo-button_purple:active,.evo-button_purple:focus{background-color:#9f228b}.evo-button_white{background-color:transparent;border:1px solid #FFFFFF}.evo-button_white:hover{color:#403c3d;background-color:#fff}.evo-button_white:active,.evo-button_white:focus{color:#fff;background-color:transparent}.evo-button_small{min-width:72px;height:32px;padding:0 16px;font-size:14px}.evo-button_large{min-width:120px;height:56px;padding:0 40px;font-size:18px}.evo-button_icon{display:inline-flex;align-items:center;padding-right:22px;padding-left:22px}.evo-button_loading{position:relative;pointer-events:none}.evo-button__dots{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-button__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:evo-fx-blink 1s ease infinite 0ms}.evo-button__dot:nth-child(2){animation:evo-fx-blink 1s ease infinite .3s}.evo-button__dot:nth-child(3){animation:evo-fx-blink 1s ease infinite .6s}:host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonOldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-button, button[evo-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n    <span [ngStyle]=\"totalStyles\">\n        <ng-content></ng-content>\n    </span>\n    <span *ngIf=\"loading\" class=\"evo-button__dots\">\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n    </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:var(--evo-font-secondary);line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#F05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:rgba(0,0,0,.16)!important;border-color:transparent!important;pointer-events:none}.evo-button_lined{color:#f05023;background-color:#fff;border:1px solid #F05023}.evo-button_lined:hover{color:#fff;background-color:#f05023}.evo-button_lined:active,.evo-button_lined:focus{color:#fff;background-color:#d8481f;border-color:#d8481f}.evo-button_darkblue{background-color:#546e7a}.evo-button_darkblue:hover{background-color:#7596a5}.evo-button_darkblue:active,.evo-button_darkblue:focus{background-color:#283239}.evo-button_darkblue-lined{color:#403c3d;background-color:#fff;border:1px solid #403C3D}.evo-button_darkblue-lined:hover{color:#fff;background-color:#403c3d}.evo-button_darkblue-lined:active,.evo-button_darkblue-lined:focus{color:#fff;background-color:#343031;border-color:#343031}.evo-button_green{background-color:#21c68b}.evo-button_green:hover{background-color:#4cd2a2}.evo-button_green:active,.evo-button_green:focus{background-color:#1c9e6e}.evo-button_green-lined{color:#21c68b;background-color:#fff;border:1px solid #21C68B}.evo-button_green-lined:hover{color:#fff;background-color:#21c68b}.evo-button_green-lined:active,.evo-button_green-lined:focus{color:#fff;background-color:#1c9e6e;border-color:#1c9e6e}.evo-button_red{color:#fff;background-color:#ff1817}.evo-button_red:hover{background-color:#ff4645}.evo-button_red:active,.evo-button_red:focus{background-color:#e51715}.evo-button_purple{background-color:#c72aae}.evo-button_purple:hover{background-color:#d255be}.evo-button_purple:active,.evo-button_purple:focus{background-color:#9f228b}.evo-button_white{background-color:transparent;border:1px solid #FFFFFF}.evo-button_white:hover{color:#403c3d;background-color:#fff}.evo-button_white:active,.evo-button_white:focus{color:#fff;background-color:transparent}.evo-button_small{min-width:72px;height:32px;padding:0 16px;font-size:14px}.evo-button_large{min-width:120px;height:56px;padding:0 40px;font-size:18px}.evo-button_icon{display:inline-flex;align-items:center;padding-right:22px;padding-left:22px}.evo-button_loading{position:relative;pointer-events:none}.evo-button__dots{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-button__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:evo-fx-blink 1s ease infinite 0ms}.evo-button__dot:nth-child(2){animation:evo-fx-blink 1s ease infinite .3s}.evo-button__dot:nth-child(3){animation:evo-fx-blink 1s ease infinite .6s}:host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none}\n"] }]
@@ -2799,7 +2800,7 @@ EvoChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
             useExisting: forwardRef(() => EvoChipComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<label class=\"chip\" [evoUiClass]=\"classes\">\n    <ng-container [ngSwitch]=\"type\">\n        <input\n            *ngSwitchCase=\"templateVariables?.chipTypes.checkbox\"\n            type=\"checkbox\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"value\"\n            [value]=\"inheritedValue\"\n            (ngModelChange)=\"onInputChange($event)\"\n            [name]=\"name\"\n        />\n        <input\n            *ngSwitchCase=\"templateVariables?.chipTypes.radio\"\n            type=\"radio\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"value\"\n            [value]=\"inheritedValue\"\n            (ngModelChange)=\"onInputChange($event)\"\n            [name]=\"name\"\n        />\n    </ng-container>\n    <div\n        class=\"chip__label\"\n        [evoUiClass]=\"{'disabled': disabled}\"\n    >\n        <span class=\"chip__text\">\n            <ng-content></ng-content>\n        </span>\n        <div\n            class=\"chip__counter\"\n            *ngIf=\"(type !== templateVariables?.chipTypes.label || !closable) && counter !== undefined\"\n        >\n            <span class=\"chip__counter-value\">\n                {{ counter }}\n            </span>\n        </div>\n        <button\n            class=\"chip__close\"\n            *ngIf=\"closable\"\n            [disabled]=\"disabled\"\n            [title]=\"closeTitle\"\n            (click)=\"onCloseClick($event)\"\n            type=\"button\"\n        >\n            <evo-icon shape=\"decline\"></evo-icon>\n        </button>\n    </div>\n</label>\n", styles: [".chip{position:relative;display:inline-flex;max-width:100%}.chip__label{display:flex;align-items:center;max-width:inherit;height:32px;margin:0;padding:3px 12px;overflow:hidden;color:#0986e2;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600;background-color:#f4f6f8;border-radius:16px;cursor:pointer;transition:color .3s,background-color .3s;-webkit-user-select:none;user-select:none}.chip input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chip input:disabled+.chip__label,.chip .chip__label_disabled{color:#fff!important;background-color:#c6c6c6!important}.chip input:checked+.chip__label{color:#fff;background-color:#0986e2}.chip input:checked+.chip__label:focus,.chip input:checked+.chip__label:hover{background-color:#3a9ee8}.chip input:checked+.chip__label:active{background-color:#0879cb}.chip input:not(:checked)+.chip__label{color:#0986e2}.chip_theme-white:not(.chip_type-label) input:not(:checked)+.chip__label{background-color:#fff}.chip_theme-white:not(.chip_type-label) input:not(:checked):focus+.chip__label,.chip_theme-white:not(.chip_type-label) input:not(:checked):hover+.chip__label{background-color:#fdfdfe}.chip_theme-white:not(.chip_type-label) input:not(:checked):active+.chip__label{background-color:#dcdddf}.chip_theme-grey:not(.chip_type-label) input:not(:checked)+.chip__label{background-color:#f4f6f8}.chip_theme-grey:not(.chip_type-label) input:not(:checked):focus+.chip__label,.chip_theme-grey:not(.chip_type-label) input:not(:checked):hover+.chip__label{background-color:#f6f8f9}.chip_theme-grey:not(.chip_type-label) input:not(:checked):active+.chip__label{background-color:#dcdddf}.chip_type-label .chip__label{color:#fff;background-color:#0986e2;cursor:default}.chip__text{display:inline-block;align-items:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chip__counter{display:flex;justify-content:center;align-items:center;min-width:18px;min-height:18px;margin-right:-5px;margin-left:8px;overflow:hidden;color:#fff;font-weight:700;font-size:12px;background-color:#f05023;border-radius:9px}.chip__counter-value{margin:0 3px;line-height:16px}.chip__close{position:relative;display:block;width:24px;height:24px;margin:0 -9px 0 8px;padding:0;color:#fff;background:none;border:none;cursor:pointer;transition:opacity .3s}.chip__close:not(:disabled):hover{opacity:.8}.chip__close:not(:disabled):active{opacity:.9}.chip__close evo-icon{z-index:1;display:block;width:100%;height:100%;fill:currentColor}:host{display:inline-block;max-width:100%}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    ], usesInheritance: true, ngImport: i0, template: "<label class=\"chip\" [evoUiClass]=\"classes\">\n    <ng-container [ngSwitch]=\"type\">\n        <input\n            *ngSwitchCase=\"templateVariables?.chipTypes.checkbox\"\n            type=\"checkbox\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"value\"\n            [value]=\"inheritedValue\"\n            (ngModelChange)=\"onInputChange($event)\"\n            [name]=\"name\"\n        />\n        <input\n            *ngSwitchCase=\"templateVariables?.chipTypes.radio\"\n            type=\"radio\"\n            [disabled]=\"disabled\"\n            [ngModel]=\"value\"\n            [value]=\"inheritedValue\"\n            (ngModelChange)=\"onInputChange($event)\"\n            [name]=\"name\"\n        />\n    </ng-container>\n    <div\n        class=\"chip__label\"\n        [evoUiClass]=\"{'disabled': disabled}\"\n    >\n        <span class=\"chip__text\">\n            <ng-content></ng-content>\n        </span>\n        <div\n            class=\"chip__counter\"\n            *ngIf=\"(type !== templateVariables?.chipTypes.label || !closable) && counter !== undefined\"\n        >\n            <span class=\"chip__counter-value\">\n                {{ counter }}\n            </span>\n        </div>\n        <button\n            class=\"chip__close\"\n            *ngIf=\"closable\"\n            [disabled]=\"disabled\"\n            [title]=\"closeTitle\"\n            (click)=\"onCloseClick($event)\"\n            type=\"button\"\n        >\n            <evo-icon shape=\"decline\"></evo-icon>\n        </button>\n    </div>\n</label>\n", styles: [".chip{position:relative;display:inline-flex;max-width:100%}.chip__label{display:flex;align-items:center;max-width:inherit;height:32px;margin:0;padding:3px 12px;overflow:hidden;color:#0986e2;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600;background-color:#f4f6f8;border-radius:16px;cursor:pointer;transition:color .3s,background-color .3s;-webkit-user-select:none;user-select:none}.chip input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chip input:disabled+.chip__label,.chip .chip__label_disabled{color:#fff!important;background-color:#c6c6c6!important}.chip input:checked+.chip__label{color:#fff;background-color:#0986e2}.chip input:checked+.chip__label:focus,.chip input:checked+.chip__label:hover{background-color:#3a9ee8}.chip input:checked+.chip__label:active{background-color:#0879cb}.chip input:not(:checked)+.chip__label{color:#0986e2}.chip_theme-white:not(.chip_type-label) input:not(:checked)+.chip__label{background-color:#fff}.chip_theme-white:not(.chip_type-label) input:not(:checked):focus+.chip__label,.chip_theme-white:not(.chip_type-label) input:not(:checked):hover+.chip__label{background-color:#fdfdfe}.chip_theme-white:not(.chip_type-label) input:not(:checked):active+.chip__label{background-color:#dcdddf}.chip_theme-grey:not(.chip_type-label) input:not(:checked)+.chip__label{background-color:#f4f6f8}.chip_theme-grey:not(.chip_type-label) input:not(:checked):focus+.chip__label,.chip_theme-grey:not(.chip_type-label) input:not(:checked):hover+.chip__label{background-color:#f6f8f9}.chip_theme-grey:not(.chip_type-label) input:not(:checked):active+.chip__label{background-color:#dcdddf}.chip_type-label .chip__label{color:#fff;background-color:#0986e2;cursor:default}.chip__text{display:inline-block;align-items:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chip__counter{display:flex;justify-content:center;align-items:center;min-width:18px;min-height:18px;margin-right:-5px;margin-left:8px;overflow:hidden;color:#fff;font-weight:700;font-size:12px;background-color:#f05023;border-radius:9px}.chip__counter-value{margin:0 3px;line-height:16px}.chip__close{position:relative;display:block;width:24px;height:24px;margin:0 -9px 0 8px;padding:0;color:#fff;background:none;border:none;cursor:pointer;transition:opacity .3s}.chip__close:not(:disabled):hover{opacity:.8}.chip__close:not(:disabled):active{opacity:.9}.chip__close evo-icon{z-index:1;display:block;width:100%;height:100%;fill:currentColor}:host{display:inline-block;max-width:100%}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-chip', providers: [
@@ -2872,7 +2873,7 @@ class EvoControlLabelComponent {
     }
 }
 EvoControlLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoControlLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoControlLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoControlLabelComponent, selector: "evo-control-label", inputs: { label: "label", context: "context" }, ngImport: i0, template: "<div class=\"evo-control-label\">\n    <label class=\"evo-control-label__text\">\n        <ng-container *ngIf=\"isStringLabel; else templatedLabel\">{{ label || '&nbsp;' }}</ng-container>\n    </label>\n    <div class=\"evo-control-label__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-template #templatedLabel>\n    <ng-container [ngTemplateOutlet]=\"label\" [ngTemplateOutletContext]=\"context\"></ng-container>\n</ng-template>\n", styles: [":host{display:block}.evo-control-label{white-space:inherit}.evo-control-label__text{display:flex;justify-content:flex-start;align-items:center;margin-right:8px;margin-bottom:8px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400;color:#727272;white-space:inherit;cursor:default}.evo-control-label__content{white-space:normal}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+EvoControlLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoControlLabelComponent, selector: "evo-control-label", inputs: { label: "label", context: "context" }, ngImport: i0, template: "<div class=\"evo-control-label\">\n    <label class=\"evo-control-label__text\">\n        <ng-container *ngIf=\"isStringLabel; else templatedLabel\">{{ label || '&nbsp;' }}</ng-container>\n    </label>\n    <div class=\"evo-control-label__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-template #templatedLabel>\n    <ng-container [ngTemplateOutlet]=\"label\" [ngTemplateOutletContext]=\"context\"></ng-container>\n</ng-template>\n", styles: [":host{display:block}.evo-control-label{white-space:inherit}.evo-control-label__text{display:flex;justify-content:flex-start;align-items:center;margin-right:8px;margin-bottom:8px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400;color:#727272;white-space:inherit;cursor:default}.evo-control-label__content{white-space:normal}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoControlLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-control-label', template: "<div class=\"evo-control-label\">\n    <label class=\"evo-control-label__text\">\n        <ng-container *ngIf=\"isStringLabel; else templatedLabel\">{{ label || '&nbsp;' }}</ng-container>\n    </label>\n    <div class=\"evo-control-label__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n<ng-template #templatedLabel>\n    <ng-container [ngTemplateOutlet]=\"label\" [ngTemplateOutletContext]=\"context\"></ng-container>\n</ng-template>\n", styles: [":host{display:block}.evo-control-label{white-space:inherit}.evo-control-label__text{display:flex;justify-content:flex-start;align-items:center;margin-right:8px;margin-bottom:8px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400;color:#727272;white-space:inherit;cursor:default}.evo-control-label__content{white-space:normal}\n"] }]
@@ -3577,7 +3578,7 @@ EvoDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             useExisting: forwardRef(() => EvoDatepickerComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "flatpickrElement", first: true, predicate: ["flatpickr"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #flatpickr class=\"evo-datepicker\" [evoUiClass]=\"totalClasses\" (click)=\"onDatepickerClick($event)\">\n    <input\n        #input\n        type=\"text\"\n        data-input\n        class=\"evo-datepicker__input\"\n        [evoUiClass]=\"inputClass\"\n        [imask]=\"maskConfig\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"disabled\"\n        (complete)=\"handleMaskComplete($event)\"\n    />\n\n    <span *ngIf=\"isRange() && input.value\" class=\"evo-datepicker__value\">{{input.value}}</span>\n\n    <span *ngIf=\"shouldShowEmptyText()\" class=\"evo-datepicker__empty-text\">{{isRange() ? '\u0417\u0430 \u043F\u0435\u0440\u0438\u043E\u0434': '\u0414\u0430\u0442\u0430'}}</span>\n\n    <span *ngIf=\"!disabled\" class=\"evo-datepicker__opener\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n                d=\"M20 3H19V2C19 1.45 18.55 1 18 1C17.45 1 17 1.45 17 2V3H7V2C7 1.45 6.55 1 6 1C5.45 1 5 1.45 5 2V3H4C2.9 3 2 3.9 2 5V21C2 22.1 2.9 23 4 23H20C21.1 23 22 22.1 22 21V5C22 3.9 21.1 3 20 3ZM19 21H5C4.45 21 4 20.55 4 20V8H20V20C20 20.55 19.55 21 19 21Z\"\n            />\n        </svg>\n    </span>\n    <span *ngIf=\"!uiState.isEmptyField\" class=\"evo-datepicker__opener-triangle\"></span>\n</div>\n\n<evo-control-error *ngIf=\"showErrors\" [errors]=\"control.errors\" [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}evo-datepicker{--evo-datepicker-icon-color: #212121;--evo-datepicker-range-icon-color: #212121;--evo-datepicker-range-value-white-space: nowrap}.evo-datepicker{position:relative;display:flex;flex-direction:row;flex:1 1 auto}.evo-datepicker__opener{position:absolute;top:50%;right:8px;z-index:1;margin-top:-12px;pointer-events:none}.evo-datepicker__opener svg{fill:var(--evo-datepicker-icon-color)}.evo-datepicker__input_focused{border:solid 1px #74706F}.evo-datepicker__input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-datepicker__input_invalid{border-color:#ff1817!important}.evo-datepicker__input_hidden{position:absolute;visibility:hidden}.evo-datepicker__opener-triangle{display:none}.evo-datepicker__description{margin-top:16px;color:#727272;text-align:center}.evo-datepicker__time-picker{margin-top:24px;text-align:left}.evo-datepicker__time-picker:last-of-type{margin-top:8px}.evo-datepicker__time-label{display:block;padding-left:25px;color:#727272}.evo-datepicker__select-wrapper{position:relative;display:flex;align-items:center}.evo-datepicker__select-wrapper:after{position:absolute;right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center;pointer-events:none;content:\"\"}.evo-datepicker__select-wrapper:first-child{margin-right:8px}.evo-datepicker__select-wrapper:last-child{margin-left:8px}.evo-datepicker__select-field{display:inline-block;align-items:center;height:48px;padding:12px 38px 12px 16px;overflow:hidden;color:#9b9b9b;font-weight:400;font-size:16px;line-height:26px;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;border:1px solid #C6C6C6;border-radius:4px;outline:0}.evo-datepicker__selectors{display:flex;justify-content:center;align-items:center;margin-top:8px;color:#9b9b9b}.evo-datepicker__select{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;appearance:none}.evo-datepicker__empty-text{display:inline-block;margin-right:8px;font-weight:600;line-height:22px;cursor:pointer}.evo-datepicker__apply{width:100%;margin-top:24px;padding:6px 0;color:#fff;font-family:var(--evo-font-secondary);text-transform:uppercase;background-color:#21c68b;border-radius:100px}.evo-datepicker__apply:hover{background-color:#4dd1a2}.evo-datepicker__apply:active,.evo-datepicker__apply:focus{background-color:#1eb27d}.evo-datepicker_opened .evo-datepicker__opener svg{fill:var(--evo-datepicker-icon-color)}.evo-datepicker_opened .evo-datepicker__input{color:#212121;border:solid 1px #74706F}.evo-datepicker_range{display:flex;flex-direction:row;gap:8px;align-items:center;position:relative}.evo-datepicker_range .evo-datepicker__input{position:absolute;visibility:hidden}.evo-datepicker_range .evo-datepicker__value,.evo-datepicker_range .evo-datepicker__empty-text{position:relative;display:flex;font-weight:600;line-height:22px;cursor:pointer;font-size:14px;border:none;order:2;flex:1 1;white-space:var(--evo-datepicker-range-value-white-space)}.evo-datepicker_range .evo-datepicker__opener{position:relative;display:flex;width:24px;height:24px;flex:0 0 24px;flex-shrink:0;top:auto;right:auto;margin:0;order:1;cursor:pointer;pointer-events:initial;color:var(--evo-datepicker-range-icon-color)}.evo-datepicker_range .evo-datepicker__opener svg{fill:currentColor}.evo-datepicker_range .evo-datepicker__opener-triangle{display:flex;position:relative;width:24px;height:24px;flex:0 0 24px;order:3;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\");cursor:pointer}.evo-datepicker_range.evo-datepicker_opened .evo-datepicker__input{border:none!important;box-shadow:none!important}.evo-datepicker_folded .flatpickr-input{visibility:hidden}.evo-datepicker_folded .evo-datepicker__opener-triangle{display:none}.flatpickr-calendar{position:absolute;display:none;box-sizing:border-box;width:264px;margin:auto;padding:0;overflow:hidden;font-size:14px;line-height:24px;direction:ltr;text-align:center;background:#FFFFFF;border:0;border-radius:5px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f;visibility:hidden;opacity:0;animation:none;touch-action:manipulation}.flatpickr-calendar.open,.flatpickr-calendar.inline{max-height:640px;visibility:visible;opacity:1}.flatpickr-calendar.open{z-index:5;display:inline-block}.flatpickr-calendar.animate.open{animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{position:relative;top:2px;display:block}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;left:22px;display:block;width:0;height:0;border:solid transparent;pointer-events:none;content:\"\"}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{right:22px;left:auto}.flatpickr-calendar:before{margin:0 -5px;border-width:5px}.flatpickr-calendar:after{margin:0 -4px;border-width:4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%;display:none}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex;height:50px;padding:15px 30px;color:#fff;background:#F05023}.flatpickr-months .flatpickr-month{position:relative;flex:1;height:28px;overflow:hidden;color:#000000e6;line-height:1;text-align:center;background:transparent;-webkit-user-select:none;user-select:none;fill:#000000e6}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{position:static;top:0;z-index:3;display:flex;align-items:center;width:25px;height:30px;margin-top:-5px;color:#fff;line-height:16px;text-decoration:none;cursor:pointer;fill:#fff}@media (min-width: 768px){.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{width:initial;height:initial;margin-top:initial}}.flatpickr-months .flatpickr-next-month{justify-content:flex-end}@media (min-width: 768px){.flatpickr-months .flatpickr-next-month{justify-content:initial}}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled svg,.flatpickr-months .flatpickr-next-month.flatpickr-disabled svg{fill:#c6c6c6}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;font-size:16px;font-family:var(--evo-font-secondary)}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:0;box-sizing:border-box;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;cursor:pointer;opacity:0}.numInputWrapper span:after{position:absolute;display:block;content:\"\"}.numInputWrapper span.arrowUp{top:0;display:none;border-bottom:0}.numInputWrapper span.arrowUp:after{top:26%;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);border-left:4px solid transparent}.numInputWrapper span.arrowDown{top:50%;display:none}.numInputWrapper span.arrowDown:after{top:40%;border-top:4px solid rgba(57,57,57,.6);border-right:4px solid transparent;border-left:4px solid transparent}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{position:absolute;right:0;left:0;display:inline-block;width:auto;height:28px;margin:auto;padding:0;color:inherit;font-weight:300;font-size:135%;line-height:inherit;line-height:1;text-align:center;transform:translateZ(0)}.flatpickr-current-month span.cur-month{display:inline-block;padding:0;color:#fff;font-weight:700;font-size:16px;font-family:var(--evo-font-secondary)}.flatpickr-current-month .numInputWrapper{display:inline-block;width:50px}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-current-month input.cur-year{display:inline-block;box-sizing:border-box;width:60px;height:auto;margin:0;padding:0 0 0 .5ch;color:inherit;color:#fff;font-weight:700;font-size:inherit;font-size:14px;font-family:inherit;line-height:inherit;vertical-align:initial;background:transparent;border:0;border-radius:0;cursor:text}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#c6c6c6;background:transparent;pointer-events:none}.flatpickr-weekdays{display:flex;align-items:center;width:100%;height:28px;overflow:hidden;text-align:center;background:transparent}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{display:block;width:26px;margin:0 4px 0 0;color:#9b9b9b;font-weight:400;font-size:12px;line-height:1;text-align:center;background:transparent;cursor:default}span.flatpickr-weekday:nth-child(6),span.flatpickr-weekday:nth-child(7){color:#ff1817}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;display:flex;align-items:flex-start;width:100%;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{display:flex;flex-wrap:wrap;box-sizing:border-box;width:100%;padding:0;text-align:left;outline:0;transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{position:relative;display:inline-block;flex-basis:14.2857143%;justify-content:center;box-sizing:border-box;width:14.2857143%;max-width:26px;height:26px;margin:5px 4px 0 0;color:#212121;font-weight:400;font-size:12px;line-height:26px;text-align:center;background:none;border:1px solid transparent;border-radius:150px;cursor:pointer}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{color:#fff;background:#F05023;border-color:#f05023;outline:0;cursor:pointer}.flatpickr-day.today{border-color:#91b1b8}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#fff;background:#91B1B8;border-color:#91b1b8}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{color:#fff;background:#F05023;border-color:#f05023;box-shadow:none}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#c6c6c6;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:8px;margin-right:4px}.flatpickr-weekwrapper{display:inline-block;float:left}.flatpickr-next-month.flatpickr-disabled,.flatpickr-prev-month.flatpickr-disabled{fill:#c6c6c6}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;border:none;cursor:default}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;box-sizing:border-box;max-width:264px;padding:15px 24px}.flatpickr-time{display:none;box-sizing:border-box;height:0;max-height:40px;overflow:hidden;line-height:40px;text-align:center;outline:0}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;float:left;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{position:relative;box-sizing:border-box;height:inherit;margin:0;padding:0;color:#212121;font-size:14px;line-height:inherit;text-align:center;background:transparent;border:0;border-radius:0;box-shadow:none}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{display:inline-block;align-self:center;float:left;width:2%;height:inherit;color:#212121;font-weight:700;line-height:inherit;-webkit-user-select:none;user-select:none}.flatpickr-time .flatpickr-am-pm{width:18%;font-weight:400;text-align:center;outline:0;cursor:pointer}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#f3f3f3}.flatpickr-input{width:100%;height:40px;padding:8px 8px 8px 12px;border:1px solid #C6C6C6;border-radius:4px;cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400}.flatpickr-input[readonly]{pointer-events:none}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.prevMonthDay.inRange{background-color:#f05023;border-color:#f05023;box-shadow:-5px 0 #f05023,5px 0 #f05023}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #f05023}.flatpickr-current-month input.cur-year[disabled]{color:#fff}.flatpickr-day.startRange.startRange.endRange.endRange,.flatpickr-day.selected.endRange{box-shadow:none}.flatpickr-day.startRange.startRange{position:relative;z-index:1}.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.endRange{box-shadow:-10px 0 #f05023,5px 0 #f05023}.flatpickr-monthDropdown-months{max-width:100px;color:#fff;font-weight:700;font-size:16px;font-family:var(--evo-font-secondary);text-indent:1px;text-overflow:\"\";background-color:#f05023;border:none;-webkit-appearance:none;-moz-appearance:none;pointer-events:none}@keyframes fpFadeInDown{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i3.IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "flatpickrElement", first: true, predicate: ["flatpickr"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #flatpickr class=\"evo-datepicker\" [evoUiClass]=\"totalClasses\" (click)=\"onDatepickerClick($event)\">\n    <input\n        #input\n        type=\"text\"\n        data-input\n        class=\"evo-datepicker__input\"\n        [evoUiClass]=\"inputClass\"\n        [imask]=\"maskConfig\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"disabled\"\n        (complete)=\"handleMaskComplete($event)\"\n    />\n\n    <span *ngIf=\"isRange() && input.value\" class=\"evo-datepicker__value\">{{input.value}}</span>\n\n    <span *ngIf=\"shouldShowEmptyText()\" class=\"evo-datepicker__empty-text\">{{isRange() ? '\u0417\u0430 \u043F\u0435\u0440\u0438\u043E\u0434': '\u0414\u0430\u0442\u0430'}}</span>\n\n    <span *ngIf=\"!disabled\" class=\"evo-datepicker__opener\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n                d=\"M20 3H19V2C19 1.45 18.55 1 18 1C17.45 1 17 1.45 17 2V3H7V2C7 1.45 6.55 1 6 1C5.45 1 5 1.45 5 2V3H4C2.9 3 2 3.9 2 5V21C2 22.1 2.9 23 4 23H20C21.1 23 22 22.1 22 21V5C22 3.9 21.1 3 20 3ZM19 21H5C4.45 21 4 20.55 4 20V8H20V20C20 20.55 19.55 21 19 21Z\"\n            />\n        </svg>\n    </span>\n    <span *ngIf=\"!uiState.isEmptyField\" class=\"evo-datepicker__opener-triangle\"></span>\n</div>\n\n<evo-control-error *ngIf=\"showErrors\" [errors]=\"control.errors\" [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}evo-datepicker{--evo-datepicker-icon-color: #212121;--evo-datepicker-range-icon-color: #212121;--evo-datepicker-range-value-white-space: nowrap}.evo-datepicker{position:relative;display:flex;flex-direction:row;flex:1 1 auto}.evo-datepicker__opener{position:absolute;top:50%;right:8px;z-index:1;margin-top:-12px;pointer-events:none}.evo-datepicker__opener svg{fill:var(--evo-datepicker-icon-color)}.evo-datepicker__input_focused{border:solid 1px #74706F}.evo-datepicker__input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-datepicker__input_invalid{border-color:#ff1817!important}.evo-datepicker__input_hidden{position:absolute;visibility:hidden}.evo-datepicker__opener-triangle{display:none}.evo-datepicker__description{margin-top:16px;color:#727272;text-align:center}.evo-datepicker__time-picker{margin-top:24px;text-align:left}.evo-datepicker__time-picker:last-of-type{margin-top:8px}.evo-datepicker__time-label{display:block;padding-left:25px;color:#727272}.evo-datepicker__select-wrapper{position:relative;display:flex;align-items:center}.evo-datepicker__select-wrapper:after{position:absolute;right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center;pointer-events:none;content:\"\"}.evo-datepicker__select-wrapper:first-child{margin-right:8px}.evo-datepicker__select-wrapper:last-child{margin-left:8px}.evo-datepicker__select-field{display:inline-block;align-items:center;height:48px;padding:12px 38px 12px 16px;overflow:hidden;color:#9b9b9b;font-weight:400;font-size:16px;line-height:26px;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;border:1px solid #C6C6C6;border-radius:4px;outline:0}.evo-datepicker__selectors{display:flex;justify-content:center;align-items:center;margin-top:8px;color:#9b9b9b}.evo-datepicker__select{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;appearance:none}.evo-datepicker__empty-text{display:inline-block;margin-right:8px;font-weight:600;line-height:22px;cursor:pointer}.evo-datepicker__apply{width:100%;margin-top:24px;padding:6px 0;color:#fff;font-family:var(--evo-font-secondary);text-transform:uppercase;background-color:#21c68b;border-radius:100px}.evo-datepicker__apply:hover{background-color:#4dd1a2}.evo-datepicker__apply:active,.evo-datepicker__apply:focus{background-color:#1eb27d}.evo-datepicker_opened .evo-datepicker__opener svg{fill:var(--evo-datepicker-icon-color)}.evo-datepicker_opened .evo-datepicker__input{color:#212121;border:solid 1px #74706F}.evo-datepicker_range{display:flex;flex-direction:row;gap:8px;align-items:center;position:relative}.evo-datepicker_range .evo-datepicker__input{position:absolute;visibility:hidden}.evo-datepicker_range .evo-datepicker__value,.evo-datepicker_range .evo-datepicker__empty-text{position:relative;display:flex;font-weight:600;line-height:22px;cursor:pointer;font-size:14px;border:none;order:2;flex:1 1;white-space:var(--evo-datepicker-range-value-white-space)}.evo-datepicker_range .evo-datepicker__opener{position:relative;display:flex;width:24px;height:24px;flex:0 0 24px;flex-shrink:0;top:auto;right:auto;margin:0;order:1;cursor:pointer;pointer-events:initial;color:var(--evo-datepicker-range-icon-color)}.evo-datepicker_range .evo-datepicker__opener svg{fill:currentColor}.evo-datepicker_range .evo-datepicker__opener-triangle{display:flex;position:relative;width:24px;height:24px;flex:0 0 24px;order:3;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\");cursor:pointer}.evo-datepicker_range.evo-datepicker_opened .evo-datepicker__input{border:none!important;box-shadow:none!important}.evo-datepicker_folded .flatpickr-input{visibility:hidden}.evo-datepicker_folded .evo-datepicker__opener-triangle{display:none}.flatpickr-calendar{position:absolute;display:none;box-sizing:border-box;width:264px;margin:auto;padding:0;overflow:hidden;font-size:14px;line-height:24px;direction:ltr;text-align:center;background:#FFFFFF;border:0;border-radius:5px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f;visibility:hidden;opacity:0;animation:none;touch-action:manipulation}.flatpickr-calendar.open,.flatpickr-calendar.inline{max-height:640px;visibility:visible;opacity:1}.flatpickr-calendar.open{z-index:5;display:inline-block}.flatpickr-calendar.animate.open{animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{position:relative;top:2px;display:block}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;left:22px;display:block;width:0;height:0;border:solid transparent;pointer-events:none;content:\"\"}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{right:22px;left:auto}.flatpickr-calendar:before{margin:0 -5px;border-width:5px}.flatpickr-calendar:after{margin:0 -4px;border-width:4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%;display:none}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex;height:50px;padding:15px 30px;color:#fff;background:#F05023}.flatpickr-months .flatpickr-month{position:relative;flex:1;height:28px;overflow:hidden;color:#000000e6;line-height:1;text-align:center;background:transparent;-webkit-user-select:none;user-select:none;fill:#000000e6}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{position:static;top:0;z-index:3;display:flex;align-items:center;width:25px;height:30px;margin-top:-5px;color:#fff;line-height:16px;text-decoration:none;cursor:pointer;fill:#fff}@media (min-width: 768px){.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{width:initial;height:initial;margin-top:initial}}.flatpickr-months .flatpickr-next-month{justify-content:flex-end}@media (min-width: 768px){.flatpickr-months .flatpickr-next-month{justify-content:initial}}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled svg,.flatpickr-months .flatpickr-next-month.flatpickr-disabled svg{fill:#c6c6c6}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;font-size:16px;font-family:var(--evo-font-secondary)}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:0;box-sizing:border-box;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;cursor:pointer;opacity:0}.numInputWrapper span:after{position:absolute;display:block;content:\"\"}.numInputWrapper span.arrowUp{top:0;display:none;border-bottom:0}.numInputWrapper span.arrowUp:after{top:26%;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);border-left:4px solid transparent}.numInputWrapper span.arrowDown{top:50%;display:none}.numInputWrapper span.arrowDown:after{top:40%;border-top:4px solid rgba(57,57,57,.6);border-right:4px solid transparent;border-left:4px solid transparent}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{position:absolute;right:0;left:0;display:inline-block;width:auto;height:28px;margin:auto;padding:0;color:inherit;font-weight:300;font-size:135%;line-height:inherit;line-height:1;text-align:center;transform:translateZ(0)}.flatpickr-current-month span.cur-month{display:inline-block;padding:0;color:#fff;font-weight:700;font-size:16px;font-family:var(--evo-font-secondary)}.flatpickr-current-month .numInputWrapper{display:inline-block;width:50px}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-current-month input.cur-year{display:inline-block;box-sizing:border-box;width:60px;height:auto;margin:0;padding:0 0 0 .5ch;color:inherit;color:#fff;font-weight:700;font-size:inherit;font-size:14px;font-family:inherit;line-height:inherit;vertical-align:initial;background:transparent;border:0;border-radius:0;cursor:text}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#c6c6c6;background:transparent;pointer-events:none}.flatpickr-weekdays{display:flex;align-items:center;width:100%;height:28px;overflow:hidden;text-align:center;background:transparent}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{display:block;width:26px;margin:0 4px 0 0;color:#9b9b9b;font-weight:400;font-size:12px;line-height:1;text-align:center;background:transparent;cursor:default}span.flatpickr-weekday:nth-child(6),span.flatpickr-weekday:nth-child(7){color:#ff1817}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;display:flex;align-items:flex-start;width:100%;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{display:flex;flex-wrap:wrap;box-sizing:border-box;width:100%;padding:0;text-align:left;outline:0;transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{position:relative;display:inline-block;flex-basis:14.2857143%;justify-content:center;box-sizing:border-box;width:14.2857143%;max-width:26px;height:26px;margin:5px 4px 0 0;color:#212121;font-weight:400;font-size:12px;line-height:26px;text-align:center;background:none;border:1px solid transparent;border-radius:150px;cursor:pointer}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{color:#fff;background:#F05023;border-color:#f05023;outline:0;cursor:pointer}.flatpickr-day.today{border-color:#91b1b8}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#fff;background:#91B1B8;border-color:#91b1b8}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{color:#fff;background:#F05023;border-color:#f05023;box-shadow:none}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#c6c6c6;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:8px;margin-right:4px}.flatpickr-weekwrapper{display:inline-block;float:left}.flatpickr-next-month.flatpickr-disabled,.flatpickr-prev-month.flatpickr-disabled{fill:#c6c6c6}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;border:none;cursor:default}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;box-sizing:border-box;max-width:264px;padding:15px 24px}.flatpickr-time{display:none;box-sizing:border-box;height:0;max-height:40px;overflow:hidden;line-height:40px;text-align:center;outline:0}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;float:left;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{position:relative;box-sizing:border-box;height:inherit;margin:0;padding:0;color:#212121;font-size:14px;line-height:inherit;text-align:center;background:transparent;border:0;border-radius:0;box-shadow:none}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{display:inline-block;align-self:center;float:left;width:2%;height:inherit;color:#212121;font-weight:700;line-height:inherit;-webkit-user-select:none;user-select:none}.flatpickr-time .flatpickr-am-pm{width:18%;font-weight:400;text-align:center;outline:0;cursor:pointer}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#f3f3f3}.flatpickr-input{width:100%;height:40px;padding:8px 8px 8px 12px;border:1px solid #C6C6C6;border-radius:4px;cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400}.flatpickr-input[readonly]{pointer-events:none}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.prevMonthDay.inRange{background-color:#f05023;border-color:#f05023;box-shadow:-5px 0 #f05023,5px 0 #f05023}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #f05023}.flatpickr-current-month input.cur-year[disabled]{color:#fff}.flatpickr-day.startRange.startRange.endRange.endRange,.flatpickr-day.selected.endRange{box-shadow:none}.flatpickr-day.startRange.startRange{position:relative;z-index:1}.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.endRange{box-shadow:-10px 0 #f05023,5px 0 #f05023}.flatpickr-monthDropdown-months{max-width:100px;color:#fff;font-weight:700;font-size:16px;font-family:var(--evo-font-secondary);text-indent:1px;text-overflow:\"\";background-color:#f05023;border:none;-webkit-appearance:none;-moz-appearance:none;pointer-events:none}@keyframes fpFadeInDown{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i3.IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoDatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-datepicker', encapsulation: ViewEncapsulation.None, providers: [
@@ -3686,7 +3687,7 @@ class EvoIconButtonComponent {
     }
 }
 EvoIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color", theme: "theme", size: "size", notificationDot: "notificationDot" }, host: { properties: { "disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"classes\" class=\"evo-icon-button\">\n    <div *ngIf=\"!loading else loaderTemplate\" class=\"evo-icon-button__icon-wrapper\">\n        <ng-content select=\"evo-icon\"></ng-content>\n    </div>\n    <span class=\"evo-icon-button__label\"><ng-content></ng-content></span>\n</div>\n\n<ng-template #loaderTemplate>\n    <evo-circular-loader class=\"evo-icon-button__loader\"></evo-circular-loader>\n</ng-template>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;padding:0;background:none;border:none;cursor:pointer;--evo-icon-button-background: #F4F6F8;--evo-icon-button-notification-dot-background: #F05023;--evo-icon-button-notification-dot-outline: #FFFFFF}.evo-icon-button{--inner-icon-size: 24px;display:flex;flex-flow:row nowrap;align-items:center;margin:0;padding:0;background:none;border:none;outline:none;transition:color .3s}.evo-icon-button_theme-rectangle{padding:16px 16px 16px 8px;background:var(--evo-icon-button-background);border-radius:8px;cursor:pointer}.evo-icon-button_color-link{color:#0986e2}.evo-icon-button_color-link:hover{color:#3a9ee8}.evo-icon-button_color-link:active{color:#0879cb}.evo-icon-button_color-danger{color:#ff1817}.evo-icon-button_color-danger:hover{color:#ff4645}.evo-icon-button_color-danger:active{color:#e51715}.evo-icon-button_color-success{color:#21c68b}.evo-icon-button_color-success:hover{color:#4dd1a2}.evo-icon-button_color-success:active{color:#1eb27d}.evo-icon-button_size-small{--inner-icon-size: 16px}.evo-icon-button_size-small .evo-icon-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600}.evo-icon-button .evo-icon-button__icon-wrapper,.evo-icon-button .evo-icon-button__loader{flex:0 0 var(--inner-icon-size);height:var(--inner-icon-size)}.evo-icon-button__icon-wrapper{--evo-icon-button-notification-dot-size: 12px;position:relative}.evo-icon-button_size-small .evo-icon-button__icon-wrapper{--evo-icon-button-notification-dot-size: 8px}:host:disabled .evo-icon-button_notification-dot .evo-icon-button__icon-wrapper:before{display:none}.evo-icon-button_notification-dot .evo-icon-button__icon-wrapper:not(:empty):before{position:absolute;content:\"\";display:block;box-sizing:border-box;width:var(--evo-icon-button-notification-dot-size);height:var(--evo-icon-button-notification-dot-size);top:0;right:0;border-width:calc(var(--evo-icon-button-notification-dot-size) * 1 / 6);border-color:var(--evo-icon-button-notification-dot-outline);border-style:solid;background-color:var(--evo-icon-button-notification-dot-background);border-radius:50%}.evo-icon-button ::ng-deep evo-icon{fill:currentColor}.evo-icon-button__label{margin-left:8px;white-space:nowrap;font-family:var(--evo-font);font-style:normal;font-size:16px;line-height:24px;font-weight:600}.evo-icon-button__label:empty{display:none}:host:disabled .evo-icon-button{color:#c6c6c6!important}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color", theme: "theme", size: "size", notificationDot: "notificationDot" }, host: { properties: { "disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"classes\" class=\"evo-icon-button\">\n    <div *ngIf=\"!loading else loaderTemplate\" class=\"evo-icon-button__icon-wrapper\">\n        <ng-content select=\"evo-icon\"></ng-content>\n    </div>\n    <span class=\"evo-icon-button__label\"><ng-content></ng-content></span>\n</div>\n\n<ng-template #loaderTemplate>\n    <evo-circular-loader class=\"evo-icon-button__loader\"></evo-circular-loader>\n</ng-template>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;padding:0;background:none;border:none;cursor:pointer;--evo-icon-button-background: #F4F6F8;--evo-icon-button-notification-dot-background: #F05023;--evo-icon-button-notification-dot-outline: #FFFFFF}.evo-icon-button{--inner-icon-size: 24px;display:flex;flex-flow:row nowrap;align-items:center;margin:0;padding:0;background:none;border:none;outline:none;transition:color .3s}.evo-icon-button_theme-rectangle{padding:16px 16px 16px 8px;background:var(--evo-icon-button-background);border-radius:8px;cursor:pointer}.evo-icon-button_color-link{color:#0986e2}.evo-icon-button_color-link:hover{color:#3a9ee8}.evo-icon-button_color-link:active{color:#0879cb}.evo-icon-button_color-danger{color:#ff1817}.evo-icon-button_color-danger:hover{color:#ff4645}.evo-icon-button_color-danger:active{color:#e51715}.evo-icon-button_color-success{color:#21c68b}.evo-icon-button_color-success:hover{color:#4dd1a2}.evo-icon-button_color-success:active{color:#1eb27d}.evo-icon-button_size-small{--inner-icon-size: 16px}.evo-icon-button_size-small .evo-icon-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600}.evo-icon-button .evo-icon-button__icon-wrapper,.evo-icon-button .evo-icon-button__loader{flex:0 0 var(--inner-icon-size);height:var(--inner-icon-size)}.evo-icon-button__icon-wrapper{--evo-icon-button-notification-dot-size: 12px;position:relative}.evo-icon-button_size-small .evo-icon-button__icon-wrapper{--evo-icon-button-notification-dot-size: 8px}:host:disabled .evo-icon-button_notification-dot .evo-icon-button__icon-wrapper:before{display:none}.evo-icon-button_notification-dot .evo-icon-button__icon-wrapper:not(:empty):before{position:absolute;content:\"\";display:block;box-sizing:border-box;width:var(--evo-icon-button-notification-dot-size);height:var(--evo-icon-button-notification-dot-size);top:0;right:0;border-width:calc(var(--evo-icon-button-notification-dot-size) * 1 / 6);border-color:var(--evo-icon-button-notification-dot-outline);border-style:solid;background-color:var(--evo-icon-button-notification-dot-background);border-radius:50%}.evo-icon-button ::ng-deep evo-icon{fill:currentColor}.evo-icon-button__label{margin-left:8px;white-space:nowrap;font-family:var(--evo-font);font-style:normal;font-size:16px;line-height:24px;font-weight:600}.evo-icon-button__label:empty{display:none}:host:disabled .evo-icon-button{color:#c6c6c6!important}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[evo-icon-button], a[evo-icon-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"classes\" class=\"evo-icon-button\">\n    <div *ngIf=\"!loading else loaderTemplate\" class=\"evo-icon-button__icon-wrapper\">\n        <ng-content select=\"evo-icon\"></ng-content>\n    </div>\n    <span class=\"evo-icon-button__label\"><ng-content></ng-content></span>\n</div>\n\n<ng-template #loaderTemplate>\n    <evo-circular-loader class=\"evo-icon-button__loader\"></evo-circular-loader>\n</ng-template>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;padding:0;background:none;border:none;cursor:pointer;--evo-icon-button-background: #F4F6F8;--evo-icon-button-notification-dot-background: #F05023;--evo-icon-button-notification-dot-outline: #FFFFFF}.evo-icon-button{--inner-icon-size: 24px;display:flex;flex-flow:row nowrap;align-items:center;margin:0;padding:0;background:none;border:none;outline:none;transition:color .3s}.evo-icon-button_theme-rectangle{padding:16px 16px 16px 8px;background:var(--evo-icon-button-background);border-radius:8px;cursor:pointer}.evo-icon-button_color-link{color:#0986e2}.evo-icon-button_color-link:hover{color:#3a9ee8}.evo-icon-button_color-link:active{color:#0879cb}.evo-icon-button_color-danger{color:#ff1817}.evo-icon-button_color-danger:hover{color:#ff4645}.evo-icon-button_color-danger:active{color:#e51715}.evo-icon-button_color-success{color:#21c68b}.evo-icon-button_color-success:hover{color:#4dd1a2}.evo-icon-button_color-success:active{color:#1eb27d}.evo-icon-button_size-small{--inner-icon-size: 16px}.evo-icon-button_size-small .evo-icon-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600}.evo-icon-button .evo-icon-button__icon-wrapper,.evo-icon-button .evo-icon-button__loader{flex:0 0 var(--inner-icon-size);height:var(--inner-icon-size)}.evo-icon-button__icon-wrapper{--evo-icon-button-notification-dot-size: 12px;position:relative}.evo-icon-button_size-small .evo-icon-button__icon-wrapper{--evo-icon-button-notification-dot-size: 8px}:host:disabled .evo-icon-button_notification-dot .evo-icon-button__icon-wrapper:before{display:none}.evo-icon-button_notification-dot .evo-icon-button__icon-wrapper:not(:empty):before{position:absolute;content:\"\";display:block;box-sizing:border-box;width:var(--evo-icon-button-notification-dot-size);height:var(--evo-icon-button-notification-dot-size);top:0;right:0;border-width:calc(var(--evo-icon-button-notification-dot-size) * 1 / 6);border-color:var(--evo-icon-button-notification-dot-outline);border-style:solid;background-color:var(--evo-icon-button-notification-dot-background);border-radius:50%}.evo-icon-button ::ng-deep evo-icon{fill:currentColor}.evo-icon-button__label{margin-left:8px;white-space:nowrap;font-family:var(--evo-font);font-style:normal;font-size:16px;line-height:24px;font-weight:600}.evo-icon-button__label:empty{display:none}:host:disabled .evo-icon-button{color:#c6c6c6!important}\n"] }]
@@ -3735,7 +3736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
 class EvoIconNumberComponent {
 }
 EvoIconNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoIconNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoIconNumberComponent, selector: "evo-icon-number", inputs: { number: "number" }, ngImport: i0, template: "<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"evo-icon-number\">\n    <circle class=\"evo-icon-number__shadow\" cx=\"28\" cy=\"28\" r=\"18\" />\n    <circle class=\"evo-icon-number__background\" cx=\"24\" cy=\"24\" r=\"18\" />\n    <path class=\"evo-icon-number__border\"  fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 7C21.5785 7 19.2778 7.50567 17.1955 8.41623C16.6895 8.63751 16.0999 8.40668 15.8786 7.90066C15.6574 7.39464 15.8882 6.80505 16.3942 6.58377C18.7244 5.56481 21.2976 5 24 5C34.4934 5 43 13.5066 43 24C43 34.4934 34.4934 43 24 43C13.5066 43 5 34.4934 5 24C5 20.7567 5.81344 17.7005 7.24826 15.0271C7.50943 14.5405 8.11565 14.3577 8.60228 14.6189C9.0889 14.8801 9.27167 15.4863 9.01049 15.9729C7.72792 18.3626 7 21.0948 7 24C7 33.3888 14.6112 41 24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7Z\" />\n    <ng-container [ngSwitch]=\"number\">\n        <path *ngSwitchCase=\"1\" d=\"M24.5729 33C24.2529 33 23.9729 32.88 23.7329 32.64C23.4929 32.4 23.3729 32.112 23.3729 31.776V17.136L21.6209 17.88C21.3489 17.992 21.0929 18.048 20.8529 18.048C20.5009 18.048 20.2049 17.936 19.9649 17.712C19.7409 17.488 19.6289 17.2 19.6289 16.848C19.6289 16.592 19.6929 16.36 19.8209 16.152C19.9489 15.944 20.1489 15.792 20.4209 15.696L24.1649 14.352C24.2449 14.32 24.3249 14.296 24.4049 14.28C24.4849 14.264 24.5569 14.256 24.6209 14.256C24.9889 14.256 25.2769 14.376 25.4849 14.616C25.7089 14.84 25.8209 15.136 25.8209 15.504V31.776C25.8209 32.112 25.7009 32.4 25.4609 32.64C25.2209 32.88 24.9249 33 24.5729 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"2\" d=\"M19.7294 33C19.3774 33 19.0814 32.88 18.8414 32.64C18.6174 32.4 18.5054 32.112 18.5054 31.776C18.5054 31.424 18.6174 31.136 18.8414 30.912L25.6574 22.944C26.1374 22.384 26.5054 21.856 26.7614 21.36C27.0334 20.864 27.1694 20.392 27.1694 19.944C27.1694 18.904 26.8974 18.072 26.3534 17.448C25.8254 16.824 25.0974 16.512 24.1694 16.512C23.5614 16.512 23.0094 16.672 22.5134 16.992C22.0334 17.296 21.6494 17.712 21.3614 18.24C21.0894 18.752 20.9534 19.32 20.9534 19.944C20.9534 20.264 20.8334 20.544 20.5934 20.784C20.3694 21.024 20.0814 21.144 19.7294 21.144C19.3934 21.144 19.1054 21.024 18.8654 20.784C18.6254 20.544 18.5054 20.264 18.5054 19.944C18.5054 18.856 18.7534 17.888 19.2494 17.04C19.7454 16.176 20.4174 15.496 21.2654 15C22.1294 14.504 23.0974 14.256 24.1694 14.256C25.2574 14.256 26.2014 14.488 27.0014 14.952C27.8014 15.416 28.4174 16.072 28.8494 16.92C29.2974 17.768 29.5214 18.776 29.5214 19.944C29.5214 20.456 29.4094 20.976 29.1854 21.504C28.9774 22.032 28.7054 22.536 28.3694 23.016C28.0494 23.496 27.7214 23.928 27.3854 24.312L21.8894 30.552H28.6094C28.9614 30.552 29.2574 30.68 29.4974 30.936C29.7374 31.176 29.8574 31.456 29.8574 31.776C29.8574 32.112 29.7374 32.4 29.4974 32.64C29.2574 32.88 28.9614 33 28.6094 33H19.7294Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"3\" d=\"M24.3042 33C23.1042 33 22.0402 32.752 21.1122 32.256C20.1842 31.744 19.4562 31.056 18.9282 30.192C18.4002 29.312 18.1362 28.328 18.1362 27.24C18.1362 26.872 18.2402 26.576 18.4482 26.352C18.6722 26.112 18.9362 25.992 19.2402 25.992C19.5602 25.992 19.8242 26.112 20.0322 26.352C20.2402 26.576 20.3442 26.872 20.3442 27.24C20.3442 27.896 20.5122 28.504 20.8482 29.064C21.1842 29.608 21.6402 30.048 22.2162 30.384C22.7922 30.704 23.4402 30.864 24.1602 30.864C25.2162 30.864 26.0642 30.576 26.7042 30C27.3602 29.408 27.6882 28.584 27.6882 27.528C27.6882 26.856 27.5442 26.256 27.2562 25.728C26.9682 25.184 26.5762 24.752 26.0802 24.432C25.5842 24.112 25.0242 23.952 24.4002 23.952C24.0482 23.952 23.7522 23.832 23.5122 23.592C23.2882 23.352 23.1762 23.056 23.1762 22.704C23.1762 22.352 23.2882 22.064 23.5122 21.84C23.7522 21.6 24.0482 21.48 24.4002 21.48C24.8482 21.48 25.2802 21.368 25.6962 21.144C26.1122 20.904 26.4562 20.592 26.7282 20.208C27.0002 19.808 27.1362 19.36 27.1362 18.864C27.1362 18.16 26.8802 17.568 26.3682 17.088C25.8562 16.608 25.2002 16.368 24.4002 16.368C23.7922 16.368 23.2322 16.488 22.7202 16.728C22.2242 16.968 21.8242 17.288 21.5202 17.688C21.2322 18.088 21.0882 18.536 21.0882 19.032C21.0882 19.4 20.9842 19.712 20.7762 19.968C20.5682 20.208 20.3042 20.328 19.9842 20.328C19.6802 20.328 19.4162 20.216 19.1922 19.992C18.9842 19.752 18.8802 19.456 18.8802 19.104C18.8802 18.176 19.1202 17.344 19.6002 16.608C20.0802 15.872 20.7362 15.296 21.5682 14.88C22.4002 14.448 23.3282 14.232 24.3522 14.232C25.2962 14.232 26.1442 14.44 26.8962 14.856C27.6642 15.256 28.2642 15.808 28.6962 16.512C29.1442 17.2 29.3682 17.984 29.3682 18.864C29.3682 19.488 29.2242 20.04 28.9362 20.52C28.6642 21 28.3122 21.416 27.8802 21.768C27.4482 22.104 26.9922 22.384 26.5122 22.608C27.7762 23.04 28.6882 23.696 29.2482 24.576C29.8242 25.44 30.1122 26.432 30.1122 27.552C30.1122 28.592 29.8482 29.528 29.3202 30.36C28.7922 31.176 28.0882 31.824 27.2082 32.304C26.3282 32.768 25.3602 33 24.3042 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"4\" d=\"M26.5082 33C26.1882 33 25.9162 32.88 25.6922 32.64C25.4682 32.4 25.3562 32.112 25.3562 31.776V28.752H17.3642C16.9962 28.752 16.7082 28.64 16.5002 28.416C16.2922 28.192 16.1722 27.936 16.1402 27.648C16.1242 27.344 16.2042 27.072 16.3802 26.832L25.5722 14.784C25.7002 14.624 25.8442 14.496 26.0042 14.4C26.1802 14.304 26.3722 14.256 26.5802 14.256C26.9162 14.256 27.1882 14.376 27.3962 14.616C27.6042 14.856 27.7082 15.152 27.7082 15.504V26.544H29.1482C29.4842 26.544 29.7722 26.624 30.0122 26.784C30.2522 26.944 30.3722 27.232 30.3722 27.648C30.3722 27.952 30.2522 28.216 30.0122 28.44C29.7722 28.648 29.4842 28.752 29.1482 28.752H27.7082V31.776C27.7082 32.112 27.5962 32.4 27.3722 32.64C27.1482 32.88 26.8602 33 26.5082 33ZM25.3562 26.544V18.6L19.3082 26.544H25.3562Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"5\" d=\"M23.6092 33C22.4572 33 21.4172 32.736 20.4892 32.208C19.5772 31.664 18.8492 30.928 18.3052 30C17.7772 29.072 17.5132 28.032 17.5132 26.88C17.5132 26.528 17.6252 26.24 17.8492 26.016C18.0732 25.776 18.3612 25.656 18.7132 25.656C19.0652 25.656 19.3612 25.776 19.6012 26.016C19.8412 26.24 19.9612 26.528 19.9612 26.88C19.9612 27.568 20.1212 28.192 20.4412 28.752C20.7612 29.312 21.1932 29.752 21.7372 30.072C22.2972 30.392 22.9212 30.552 23.6092 30.552C24.3132 30.552 24.9372 30.392 25.4812 30.072C26.0412 29.752 26.4812 29.312 26.8012 28.752C27.1212 28.192 27.2812 27.568 27.2812 26.88C27.2812 26.176 27.1212 25.552 26.8012 25.008C26.4812 24.448 26.0412 24.008 25.4812 23.688C24.9372 23.368 24.3132 23.208 23.6092 23.208H19.6012C19.2492 23.208 18.9612 23.096 18.7372 22.872C18.5132 22.632 18.4012 22.336 18.4012 21.984V15.504C18.4012 15.152 18.5132 14.856 18.7372 14.616C18.9612 14.376 19.2492 14.256 19.6012 14.256H27.6172C27.9532 14.256 28.2412 14.384 28.4812 14.64C28.7212 14.88 28.8412 15.168 28.8412 15.504C28.8412 15.824 28.7212 16.104 28.4812 16.344C28.2572 16.584 27.9692 16.704 27.6172 16.704H20.8252V20.76H23.6092C24.7772 20.76 25.8172 21.032 26.7292 21.576C27.6572 22.104 28.3852 22.832 28.9132 23.76C29.4572 24.672 29.7292 25.712 29.7292 26.88C29.7292 28.032 29.4572 29.072 28.9132 30C28.3852 30.928 27.6572 31.664 26.7292 32.208C25.8172 32.736 24.7772 33 23.6092 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"6\" d=\"M23.7514 33C22.6474 33 21.6634 32.76 20.7994 32.28C19.9514 31.784 19.2874 31.112 18.8074 30.264C18.3274 29.4 18.0874 28.416 18.0874 27.312C18.0874 26.08 18.3914 24.992 18.9994 24.048L24.4474 14.952C24.7354 14.504 25.1034 14.28 25.5514 14.28C25.8874 14.28 26.1674 14.376 26.3914 14.568C26.6154 14.76 26.7514 15 26.7994 15.288C26.8634 15.576 26.8074 15.864 26.6314 16.152L23.3434 21.624C23.4714 21.608 23.6074 21.6 23.7514 21.6C24.8554 21.6 25.8314 21.848 26.6794 22.344C27.5274 22.824 28.1914 23.496 28.6714 24.36C29.1514 25.208 29.3914 26.192 29.3914 27.312C29.3914 28.416 29.1514 29.4 28.6714 30.264C28.1914 31.112 27.5274 31.784 26.6794 32.28C25.8314 32.76 24.8554 33 23.7514 33ZM23.7274 30.84C24.7194 30.84 25.5274 30.512 26.1514 29.856C26.7754 29.2 27.0874 28.352 27.0874 27.312C27.0874 26.272 26.7754 25.424 26.1514 24.768C25.5274 24.096 24.7194 23.76 23.7274 23.76C22.7514 23.76 21.9514 24.096 21.3274 24.768C20.7034 25.424 20.3914 26.272 20.3914 27.312C20.3914 28.352 20.7034 29.2 21.3274 29.856C21.9514 30.512 22.7514 30.84 23.7274 30.84Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"7\" d=\"M20.3694 33C20.0494 33 19.7694 32.88 19.5294 32.64C19.2894 32.4 19.1694 32.112 19.1694 31.776C19.1694 31.552 19.2414 31.296 19.3854 31.008L26.2734 16.704H18.9774C18.6254 16.704 18.3294 16.592 18.0894 16.368C17.8654 16.128 17.7534 15.832 17.7534 15.48C17.7534 15.128 17.8654 14.84 18.0894 14.616C18.3294 14.376 18.6254 14.256 18.9774 14.256H28.1214C28.4574 14.256 28.7454 14.376 28.9854 14.616C29.2254 14.856 29.3454 15.144 29.3454 15.48C29.3454 15.592 29.3294 15.704 29.2974 15.816C29.2654 15.912 29.2254 16.016 29.1774 16.128L21.4974 32.328C21.2414 32.776 20.8654 33 20.3694 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"8\" d=\"M23.5113 32.976C22.4553 32.976 21.5033 32.728 20.6553 32.232C19.8233 31.72 19.1673 31.032 18.6873 30.168C18.2073 29.288 17.9673 28.304 17.9673 27.216C17.9673 26.192 18.1993 25.272 18.6633 24.456C19.1273 23.624 19.7513 22.968 20.5353 22.488C19.9913 22.072 19.5593 21.56 19.2393 20.952C18.9193 20.328 18.7593 19.64 18.7593 18.888C18.7593 17.976 18.9673 17.168 19.3833 16.464C19.7993 15.744 20.3593 15.176 21.0633 14.76C21.7833 14.328 22.5993 14.112 23.5113 14.112C24.4233 14.096 25.2313 14.296 25.9353 14.712C26.6553 15.128 27.2233 15.696 27.6393 16.416C28.0553 17.136 28.2553 17.96 28.2393 18.888C28.2393 19.64 28.0793 20.328 27.7593 20.952C27.4393 21.56 27.0073 22.064 26.4633 22.464C27.2473 22.944 27.8713 23.6 28.3353 24.432C28.7993 25.264 29.0313 26.192 29.0313 27.216C29.0313 28.304 28.7833 29.288 28.2873 30.168C27.8073 31.032 27.1513 31.72 26.3193 32.232C25.4873 32.728 24.5513 32.976 23.5113 32.976ZM23.5113 21.432C24.1833 21.432 24.7353 21.176 25.1673 20.664C25.6153 20.152 25.8473 19.536 25.8633 18.816C25.8793 18.096 25.6633 17.504 25.2153 17.04C24.7673 16.576 24.1993 16.344 23.5113 16.344C22.8393 16.344 22.2793 16.576 21.8313 17.04C21.3833 17.504 21.1513 18.096 21.1353 18.816C21.1193 19.536 21.3353 20.152 21.7833 20.664C22.2473 21.176 22.8233 21.432 23.5113 21.432ZM23.5113 30.768C24.1033 30.768 24.6313 30.608 25.0953 30.288C25.5753 29.968 25.9513 29.544 26.2233 29.016C26.4953 28.472 26.6313 27.872 26.6313 27.216C26.6473 26.576 26.5193 26.008 26.2473 25.512C25.9753 25 25.5993 24.6 25.1193 24.312C24.6553 24.008 24.1193 23.856 23.5113 23.856C22.9193 23.856 22.3833 24.008 21.9033 24.312C21.4233 24.6 21.0473 25 20.7753 25.512C20.5033 26.008 20.3673 26.576 20.3673 27.216C20.3673 27.872 20.4953 28.472 20.7513 29.016C21.0233 29.544 21.3993 29.968 21.8793 30.288C22.3593 30.608 22.9033 30.768 23.5113 30.768Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"9\" d=\"M24.2474 14.232C25.3514 14.232 26.3274 14.48 27.1754 14.976C28.0394 15.456 28.7114 16.128 29.1914 16.992C29.6714 17.84 29.9114 18.816 29.9114 19.92C29.9114 21.152 29.6074 22.24 28.9994 23.184L23.5514 32.28C23.2634 32.728 22.8954 32.952 22.4474 32.952C22.1114 32.952 21.8314 32.856 21.6074 32.664C21.3834 32.472 21.2394 32.232 21.1754 31.944C21.1274 31.656 21.1914 31.368 21.3674 31.08L24.6554 25.608C24.5274 25.624 24.3914 25.632 24.2474 25.632C23.1434 25.632 22.1674 25.392 21.3194 24.912C20.4714 24.416 19.8074 23.744 19.3274 22.896C18.8474 22.032 18.6074 21.04 18.6074 19.92C18.6074 18.816 18.8474 17.84 19.3274 16.992C19.8074 16.128 20.4714 15.456 21.3194 14.976C22.1674 14.48 23.1434 14.232 24.2474 14.232ZM24.2714 16.392C23.2794 16.392 22.4714 16.72 21.8474 17.376C21.2234 18.032 20.9114 18.88 20.9114 19.92C20.9114 20.96 21.2234 21.816 21.8474 22.488C22.4714 23.144 23.2794 23.472 24.2714 23.472C25.2474 23.472 26.0474 23.144 26.6714 22.488C27.2954 21.816 27.6074 20.96 27.6074 19.92C27.6074 18.88 27.2954 18.032 26.6714 17.376C26.0474 16.72 25.2474 16.392 24.2714 16.392Z\" class=\"evo-icon-number__number\" />\n    </ng-container>\n</svg>\n", styles: [":host{--evo-icon-number-background-color: #21c68b;--evo-icon-number-shadow-color: #bedce3;--evo-icon-number-text-color: #ffffff;--evo-icon-number-border-color: #231f20;display:inline-block;width:48px;height:48px}.evo-icon-number{display:block;width:100%;height:100%}.evo-icon-number__background{fill:var(--evo-icon-number-background-color)}.evo-icon-number__shadow{fill:var(--evo-icon-number-shadow-color)}.evo-icon-number__border{fill:var(--evo-icon-number-border-color)}.evo-icon-number__number{fill:var(--evo-icon-number-text-color)}\n"], directives: [{ type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoIconNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoIconNumberComponent, selector: "evo-icon-number", inputs: { number: "number" }, ngImport: i0, template: "<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"evo-icon-number\">\n    <circle class=\"evo-icon-number__shadow\" cx=\"28\" cy=\"28\" r=\"18\" />\n    <circle class=\"evo-icon-number__background\" cx=\"24\" cy=\"24\" r=\"18\" />\n    <path class=\"evo-icon-number__border\"  fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 7C21.5785 7 19.2778 7.50567 17.1955 8.41623C16.6895 8.63751 16.0999 8.40668 15.8786 7.90066C15.6574 7.39464 15.8882 6.80505 16.3942 6.58377C18.7244 5.56481 21.2976 5 24 5C34.4934 5 43 13.5066 43 24C43 34.4934 34.4934 43 24 43C13.5066 43 5 34.4934 5 24C5 20.7567 5.81344 17.7005 7.24826 15.0271C7.50943 14.5405 8.11565 14.3577 8.60228 14.6189C9.0889 14.8801 9.27167 15.4863 9.01049 15.9729C7.72792 18.3626 7 21.0948 7 24C7 33.3888 14.6112 41 24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7Z\" />\n    <ng-container [ngSwitch]=\"number\">\n        <path *ngSwitchCase=\"1\" d=\"M24.5729 33C24.2529 33 23.9729 32.88 23.7329 32.64C23.4929 32.4 23.3729 32.112 23.3729 31.776V17.136L21.6209 17.88C21.3489 17.992 21.0929 18.048 20.8529 18.048C20.5009 18.048 20.2049 17.936 19.9649 17.712C19.7409 17.488 19.6289 17.2 19.6289 16.848C19.6289 16.592 19.6929 16.36 19.8209 16.152C19.9489 15.944 20.1489 15.792 20.4209 15.696L24.1649 14.352C24.2449 14.32 24.3249 14.296 24.4049 14.28C24.4849 14.264 24.5569 14.256 24.6209 14.256C24.9889 14.256 25.2769 14.376 25.4849 14.616C25.7089 14.84 25.8209 15.136 25.8209 15.504V31.776C25.8209 32.112 25.7009 32.4 25.4609 32.64C25.2209 32.88 24.9249 33 24.5729 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"2\" d=\"M19.7294 33C19.3774 33 19.0814 32.88 18.8414 32.64C18.6174 32.4 18.5054 32.112 18.5054 31.776C18.5054 31.424 18.6174 31.136 18.8414 30.912L25.6574 22.944C26.1374 22.384 26.5054 21.856 26.7614 21.36C27.0334 20.864 27.1694 20.392 27.1694 19.944C27.1694 18.904 26.8974 18.072 26.3534 17.448C25.8254 16.824 25.0974 16.512 24.1694 16.512C23.5614 16.512 23.0094 16.672 22.5134 16.992C22.0334 17.296 21.6494 17.712 21.3614 18.24C21.0894 18.752 20.9534 19.32 20.9534 19.944C20.9534 20.264 20.8334 20.544 20.5934 20.784C20.3694 21.024 20.0814 21.144 19.7294 21.144C19.3934 21.144 19.1054 21.024 18.8654 20.784C18.6254 20.544 18.5054 20.264 18.5054 19.944C18.5054 18.856 18.7534 17.888 19.2494 17.04C19.7454 16.176 20.4174 15.496 21.2654 15C22.1294 14.504 23.0974 14.256 24.1694 14.256C25.2574 14.256 26.2014 14.488 27.0014 14.952C27.8014 15.416 28.4174 16.072 28.8494 16.92C29.2974 17.768 29.5214 18.776 29.5214 19.944C29.5214 20.456 29.4094 20.976 29.1854 21.504C28.9774 22.032 28.7054 22.536 28.3694 23.016C28.0494 23.496 27.7214 23.928 27.3854 24.312L21.8894 30.552H28.6094C28.9614 30.552 29.2574 30.68 29.4974 30.936C29.7374 31.176 29.8574 31.456 29.8574 31.776C29.8574 32.112 29.7374 32.4 29.4974 32.64C29.2574 32.88 28.9614 33 28.6094 33H19.7294Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"3\" d=\"M24.3042 33C23.1042 33 22.0402 32.752 21.1122 32.256C20.1842 31.744 19.4562 31.056 18.9282 30.192C18.4002 29.312 18.1362 28.328 18.1362 27.24C18.1362 26.872 18.2402 26.576 18.4482 26.352C18.6722 26.112 18.9362 25.992 19.2402 25.992C19.5602 25.992 19.8242 26.112 20.0322 26.352C20.2402 26.576 20.3442 26.872 20.3442 27.24C20.3442 27.896 20.5122 28.504 20.8482 29.064C21.1842 29.608 21.6402 30.048 22.2162 30.384C22.7922 30.704 23.4402 30.864 24.1602 30.864C25.2162 30.864 26.0642 30.576 26.7042 30C27.3602 29.408 27.6882 28.584 27.6882 27.528C27.6882 26.856 27.5442 26.256 27.2562 25.728C26.9682 25.184 26.5762 24.752 26.0802 24.432C25.5842 24.112 25.0242 23.952 24.4002 23.952C24.0482 23.952 23.7522 23.832 23.5122 23.592C23.2882 23.352 23.1762 23.056 23.1762 22.704C23.1762 22.352 23.2882 22.064 23.5122 21.84C23.7522 21.6 24.0482 21.48 24.4002 21.48C24.8482 21.48 25.2802 21.368 25.6962 21.144C26.1122 20.904 26.4562 20.592 26.7282 20.208C27.0002 19.808 27.1362 19.36 27.1362 18.864C27.1362 18.16 26.8802 17.568 26.3682 17.088C25.8562 16.608 25.2002 16.368 24.4002 16.368C23.7922 16.368 23.2322 16.488 22.7202 16.728C22.2242 16.968 21.8242 17.288 21.5202 17.688C21.2322 18.088 21.0882 18.536 21.0882 19.032C21.0882 19.4 20.9842 19.712 20.7762 19.968C20.5682 20.208 20.3042 20.328 19.9842 20.328C19.6802 20.328 19.4162 20.216 19.1922 19.992C18.9842 19.752 18.8802 19.456 18.8802 19.104C18.8802 18.176 19.1202 17.344 19.6002 16.608C20.0802 15.872 20.7362 15.296 21.5682 14.88C22.4002 14.448 23.3282 14.232 24.3522 14.232C25.2962 14.232 26.1442 14.44 26.8962 14.856C27.6642 15.256 28.2642 15.808 28.6962 16.512C29.1442 17.2 29.3682 17.984 29.3682 18.864C29.3682 19.488 29.2242 20.04 28.9362 20.52C28.6642 21 28.3122 21.416 27.8802 21.768C27.4482 22.104 26.9922 22.384 26.5122 22.608C27.7762 23.04 28.6882 23.696 29.2482 24.576C29.8242 25.44 30.1122 26.432 30.1122 27.552C30.1122 28.592 29.8482 29.528 29.3202 30.36C28.7922 31.176 28.0882 31.824 27.2082 32.304C26.3282 32.768 25.3602 33 24.3042 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"4\" d=\"M26.5082 33C26.1882 33 25.9162 32.88 25.6922 32.64C25.4682 32.4 25.3562 32.112 25.3562 31.776V28.752H17.3642C16.9962 28.752 16.7082 28.64 16.5002 28.416C16.2922 28.192 16.1722 27.936 16.1402 27.648C16.1242 27.344 16.2042 27.072 16.3802 26.832L25.5722 14.784C25.7002 14.624 25.8442 14.496 26.0042 14.4C26.1802 14.304 26.3722 14.256 26.5802 14.256C26.9162 14.256 27.1882 14.376 27.3962 14.616C27.6042 14.856 27.7082 15.152 27.7082 15.504V26.544H29.1482C29.4842 26.544 29.7722 26.624 30.0122 26.784C30.2522 26.944 30.3722 27.232 30.3722 27.648C30.3722 27.952 30.2522 28.216 30.0122 28.44C29.7722 28.648 29.4842 28.752 29.1482 28.752H27.7082V31.776C27.7082 32.112 27.5962 32.4 27.3722 32.64C27.1482 32.88 26.8602 33 26.5082 33ZM25.3562 26.544V18.6L19.3082 26.544H25.3562Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"5\" d=\"M23.6092 33C22.4572 33 21.4172 32.736 20.4892 32.208C19.5772 31.664 18.8492 30.928 18.3052 30C17.7772 29.072 17.5132 28.032 17.5132 26.88C17.5132 26.528 17.6252 26.24 17.8492 26.016C18.0732 25.776 18.3612 25.656 18.7132 25.656C19.0652 25.656 19.3612 25.776 19.6012 26.016C19.8412 26.24 19.9612 26.528 19.9612 26.88C19.9612 27.568 20.1212 28.192 20.4412 28.752C20.7612 29.312 21.1932 29.752 21.7372 30.072C22.2972 30.392 22.9212 30.552 23.6092 30.552C24.3132 30.552 24.9372 30.392 25.4812 30.072C26.0412 29.752 26.4812 29.312 26.8012 28.752C27.1212 28.192 27.2812 27.568 27.2812 26.88C27.2812 26.176 27.1212 25.552 26.8012 25.008C26.4812 24.448 26.0412 24.008 25.4812 23.688C24.9372 23.368 24.3132 23.208 23.6092 23.208H19.6012C19.2492 23.208 18.9612 23.096 18.7372 22.872C18.5132 22.632 18.4012 22.336 18.4012 21.984V15.504C18.4012 15.152 18.5132 14.856 18.7372 14.616C18.9612 14.376 19.2492 14.256 19.6012 14.256H27.6172C27.9532 14.256 28.2412 14.384 28.4812 14.64C28.7212 14.88 28.8412 15.168 28.8412 15.504C28.8412 15.824 28.7212 16.104 28.4812 16.344C28.2572 16.584 27.9692 16.704 27.6172 16.704H20.8252V20.76H23.6092C24.7772 20.76 25.8172 21.032 26.7292 21.576C27.6572 22.104 28.3852 22.832 28.9132 23.76C29.4572 24.672 29.7292 25.712 29.7292 26.88C29.7292 28.032 29.4572 29.072 28.9132 30C28.3852 30.928 27.6572 31.664 26.7292 32.208C25.8172 32.736 24.7772 33 23.6092 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"6\" d=\"M23.7514 33C22.6474 33 21.6634 32.76 20.7994 32.28C19.9514 31.784 19.2874 31.112 18.8074 30.264C18.3274 29.4 18.0874 28.416 18.0874 27.312C18.0874 26.08 18.3914 24.992 18.9994 24.048L24.4474 14.952C24.7354 14.504 25.1034 14.28 25.5514 14.28C25.8874 14.28 26.1674 14.376 26.3914 14.568C26.6154 14.76 26.7514 15 26.7994 15.288C26.8634 15.576 26.8074 15.864 26.6314 16.152L23.3434 21.624C23.4714 21.608 23.6074 21.6 23.7514 21.6C24.8554 21.6 25.8314 21.848 26.6794 22.344C27.5274 22.824 28.1914 23.496 28.6714 24.36C29.1514 25.208 29.3914 26.192 29.3914 27.312C29.3914 28.416 29.1514 29.4 28.6714 30.264C28.1914 31.112 27.5274 31.784 26.6794 32.28C25.8314 32.76 24.8554 33 23.7514 33ZM23.7274 30.84C24.7194 30.84 25.5274 30.512 26.1514 29.856C26.7754 29.2 27.0874 28.352 27.0874 27.312C27.0874 26.272 26.7754 25.424 26.1514 24.768C25.5274 24.096 24.7194 23.76 23.7274 23.76C22.7514 23.76 21.9514 24.096 21.3274 24.768C20.7034 25.424 20.3914 26.272 20.3914 27.312C20.3914 28.352 20.7034 29.2 21.3274 29.856C21.9514 30.512 22.7514 30.84 23.7274 30.84Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"7\" d=\"M20.3694 33C20.0494 33 19.7694 32.88 19.5294 32.64C19.2894 32.4 19.1694 32.112 19.1694 31.776C19.1694 31.552 19.2414 31.296 19.3854 31.008L26.2734 16.704H18.9774C18.6254 16.704 18.3294 16.592 18.0894 16.368C17.8654 16.128 17.7534 15.832 17.7534 15.48C17.7534 15.128 17.8654 14.84 18.0894 14.616C18.3294 14.376 18.6254 14.256 18.9774 14.256H28.1214C28.4574 14.256 28.7454 14.376 28.9854 14.616C29.2254 14.856 29.3454 15.144 29.3454 15.48C29.3454 15.592 29.3294 15.704 29.2974 15.816C29.2654 15.912 29.2254 16.016 29.1774 16.128L21.4974 32.328C21.2414 32.776 20.8654 33 20.3694 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"8\" d=\"M23.5113 32.976C22.4553 32.976 21.5033 32.728 20.6553 32.232C19.8233 31.72 19.1673 31.032 18.6873 30.168C18.2073 29.288 17.9673 28.304 17.9673 27.216C17.9673 26.192 18.1993 25.272 18.6633 24.456C19.1273 23.624 19.7513 22.968 20.5353 22.488C19.9913 22.072 19.5593 21.56 19.2393 20.952C18.9193 20.328 18.7593 19.64 18.7593 18.888C18.7593 17.976 18.9673 17.168 19.3833 16.464C19.7993 15.744 20.3593 15.176 21.0633 14.76C21.7833 14.328 22.5993 14.112 23.5113 14.112C24.4233 14.096 25.2313 14.296 25.9353 14.712C26.6553 15.128 27.2233 15.696 27.6393 16.416C28.0553 17.136 28.2553 17.96 28.2393 18.888C28.2393 19.64 28.0793 20.328 27.7593 20.952C27.4393 21.56 27.0073 22.064 26.4633 22.464C27.2473 22.944 27.8713 23.6 28.3353 24.432C28.7993 25.264 29.0313 26.192 29.0313 27.216C29.0313 28.304 28.7833 29.288 28.2873 30.168C27.8073 31.032 27.1513 31.72 26.3193 32.232C25.4873 32.728 24.5513 32.976 23.5113 32.976ZM23.5113 21.432C24.1833 21.432 24.7353 21.176 25.1673 20.664C25.6153 20.152 25.8473 19.536 25.8633 18.816C25.8793 18.096 25.6633 17.504 25.2153 17.04C24.7673 16.576 24.1993 16.344 23.5113 16.344C22.8393 16.344 22.2793 16.576 21.8313 17.04C21.3833 17.504 21.1513 18.096 21.1353 18.816C21.1193 19.536 21.3353 20.152 21.7833 20.664C22.2473 21.176 22.8233 21.432 23.5113 21.432ZM23.5113 30.768C24.1033 30.768 24.6313 30.608 25.0953 30.288C25.5753 29.968 25.9513 29.544 26.2233 29.016C26.4953 28.472 26.6313 27.872 26.6313 27.216C26.6473 26.576 26.5193 26.008 26.2473 25.512C25.9753 25 25.5993 24.6 25.1193 24.312C24.6553 24.008 24.1193 23.856 23.5113 23.856C22.9193 23.856 22.3833 24.008 21.9033 24.312C21.4233 24.6 21.0473 25 20.7753 25.512C20.5033 26.008 20.3673 26.576 20.3673 27.216C20.3673 27.872 20.4953 28.472 20.7513 29.016C21.0233 29.544 21.3993 29.968 21.8793 30.288C22.3593 30.608 22.9033 30.768 23.5113 30.768Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"9\" d=\"M24.2474 14.232C25.3514 14.232 26.3274 14.48 27.1754 14.976C28.0394 15.456 28.7114 16.128 29.1914 16.992C29.6714 17.84 29.9114 18.816 29.9114 19.92C29.9114 21.152 29.6074 22.24 28.9994 23.184L23.5514 32.28C23.2634 32.728 22.8954 32.952 22.4474 32.952C22.1114 32.952 21.8314 32.856 21.6074 32.664C21.3834 32.472 21.2394 32.232 21.1754 31.944C21.1274 31.656 21.1914 31.368 21.3674 31.08L24.6554 25.608C24.5274 25.624 24.3914 25.632 24.2474 25.632C23.1434 25.632 22.1674 25.392 21.3194 24.912C20.4714 24.416 19.8074 23.744 19.3274 22.896C18.8474 22.032 18.6074 21.04 18.6074 19.92C18.6074 18.816 18.8474 17.84 19.3274 16.992C19.8074 16.128 20.4714 15.456 21.3194 14.976C22.1674 14.48 23.1434 14.232 24.2474 14.232ZM24.2714 16.392C23.2794 16.392 22.4714 16.72 21.8474 17.376C21.2234 18.032 20.9114 18.88 20.9114 19.92C20.9114 20.96 21.2234 21.816 21.8474 22.488C22.4714 23.144 23.2794 23.472 24.2714 23.472C25.2474 23.472 26.0474 23.144 26.6714 22.488C27.2954 21.816 27.6074 20.96 27.6074 19.92C27.6074 18.88 27.2954 18.032 26.6714 17.376C26.0474 16.72 25.2474 16.392 24.2714 16.392Z\" class=\"evo-icon-number__number\" />\n    </ng-container>\n</svg>\n", styles: [":host{--evo-icon-number-background-color: #21c68b;--evo-icon-number-shadow-color: #bedce3;--evo-icon-number-text-color: #ffffff;--evo-icon-number-border-color: #231f20;display:inline-block;width:48px;height:48px}.evo-icon-number{display:block;width:100%;height:100%}.evo-icon-number__background{fill:var(--evo-icon-number-background-color)}.evo-icon-number__shadow{fill:var(--evo-icon-number-shadow-color)}.evo-icon-number__border{fill:var(--evo-icon-number-border-color)}.evo-icon-number__number{fill:var(--evo-icon-number-text-color)}\n"], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconNumberComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-icon-number', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"evo-icon-number\">\n    <circle class=\"evo-icon-number__shadow\" cx=\"28\" cy=\"28\" r=\"18\" />\n    <circle class=\"evo-icon-number__background\" cx=\"24\" cy=\"24\" r=\"18\" />\n    <path class=\"evo-icon-number__border\"  fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 7C21.5785 7 19.2778 7.50567 17.1955 8.41623C16.6895 8.63751 16.0999 8.40668 15.8786 7.90066C15.6574 7.39464 15.8882 6.80505 16.3942 6.58377C18.7244 5.56481 21.2976 5 24 5C34.4934 5 43 13.5066 43 24C43 34.4934 34.4934 43 24 43C13.5066 43 5 34.4934 5 24C5 20.7567 5.81344 17.7005 7.24826 15.0271C7.50943 14.5405 8.11565 14.3577 8.60228 14.6189C9.0889 14.8801 9.27167 15.4863 9.01049 15.9729C7.72792 18.3626 7 21.0948 7 24C7 33.3888 14.6112 41 24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7Z\" />\n    <ng-container [ngSwitch]=\"number\">\n        <path *ngSwitchCase=\"1\" d=\"M24.5729 33C24.2529 33 23.9729 32.88 23.7329 32.64C23.4929 32.4 23.3729 32.112 23.3729 31.776V17.136L21.6209 17.88C21.3489 17.992 21.0929 18.048 20.8529 18.048C20.5009 18.048 20.2049 17.936 19.9649 17.712C19.7409 17.488 19.6289 17.2 19.6289 16.848C19.6289 16.592 19.6929 16.36 19.8209 16.152C19.9489 15.944 20.1489 15.792 20.4209 15.696L24.1649 14.352C24.2449 14.32 24.3249 14.296 24.4049 14.28C24.4849 14.264 24.5569 14.256 24.6209 14.256C24.9889 14.256 25.2769 14.376 25.4849 14.616C25.7089 14.84 25.8209 15.136 25.8209 15.504V31.776C25.8209 32.112 25.7009 32.4 25.4609 32.64C25.2209 32.88 24.9249 33 24.5729 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"2\" d=\"M19.7294 33C19.3774 33 19.0814 32.88 18.8414 32.64C18.6174 32.4 18.5054 32.112 18.5054 31.776C18.5054 31.424 18.6174 31.136 18.8414 30.912L25.6574 22.944C26.1374 22.384 26.5054 21.856 26.7614 21.36C27.0334 20.864 27.1694 20.392 27.1694 19.944C27.1694 18.904 26.8974 18.072 26.3534 17.448C25.8254 16.824 25.0974 16.512 24.1694 16.512C23.5614 16.512 23.0094 16.672 22.5134 16.992C22.0334 17.296 21.6494 17.712 21.3614 18.24C21.0894 18.752 20.9534 19.32 20.9534 19.944C20.9534 20.264 20.8334 20.544 20.5934 20.784C20.3694 21.024 20.0814 21.144 19.7294 21.144C19.3934 21.144 19.1054 21.024 18.8654 20.784C18.6254 20.544 18.5054 20.264 18.5054 19.944C18.5054 18.856 18.7534 17.888 19.2494 17.04C19.7454 16.176 20.4174 15.496 21.2654 15C22.1294 14.504 23.0974 14.256 24.1694 14.256C25.2574 14.256 26.2014 14.488 27.0014 14.952C27.8014 15.416 28.4174 16.072 28.8494 16.92C29.2974 17.768 29.5214 18.776 29.5214 19.944C29.5214 20.456 29.4094 20.976 29.1854 21.504C28.9774 22.032 28.7054 22.536 28.3694 23.016C28.0494 23.496 27.7214 23.928 27.3854 24.312L21.8894 30.552H28.6094C28.9614 30.552 29.2574 30.68 29.4974 30.936C29.7374 31.176 29.8574 31.456 29.8574 31.776C29.8574 32.112 29.7374 32.4 29.4974 32.64C29.2574 32.88 28.9614 33 28.6094 33H19.7294Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"3\" d=\"M24.3042 33C23.1042 33 22.0402 32.752 21.1122 32.256C20.1842 31.744 19.4562 31.056 18.9282 30.192C18.4002 29.312 18.1362 28.328 18.1362 27.24C18.1362 26.872 18.2402 26.576 18.4482 26.352C18.6722 26.112 18.9362 25.992 19.2402 25.992C19.5602 25.992 19.8242 26.112 20.0322 26.352C20.2402 26.576 20.3442 26.872 20.3442 27.24C20.3442 27.896 20.5122 28.504 20.8482 29.064C21.1842 29.608 21.6402 30.048 22.2162 30.384C22.7922 30.704 23.4402 30.864 24.1602 30.864C25.2162 30.864 26.0642 30.576 26.7042 30C27.3602 29.408 27.6882 28.584 27.6882 27.528C27.6882 26.856 27.5442 26.256 27.2562 25.728C26.9682 25.184 26.5762 24.752 26.0802 24.432C25.5842 24.112 25.0242 23.952 24.4002 23.952C24.0482 23.952 23.7522 23.832 23.5122 23.592C23.2882 23.352 23.1762 23.056 23.1762 22.704C23.1762 22.352 23.2882 22.064 23.5122 21.84C23.7522 21.6 24.0482 21.48 24.4002 21.48C24.8482 21.48 25.2802 21.368 25.6962 21.144C26.1122 20.904 26.4562 20.592 26.7282 20.208C27.0002 19.808 27.1362 19.36 27.1362 18.864C27.1362 18.16 26.8802 17.568 26.3682 17.088C25.8562 16.608 25.2002 16.368 24.4002 16.368C23.7922 16.368 23.2322 16.488 22.7202 16.728C22.2242 16.968 21.8242 17.288 21.5202 17.688C21.2322 18.088 21.0882 18.536 21.0882 19.032C21.0882 19.4 20.9842 19.712 20.7762 19.968C20.5682 20.208 20.3042 20.328 19.9842 20.328C19.6802 20.328 19.4162 20.216 19.1922 19.992C18.9842 19.752 18.8802 19.456 18.8802 19.104C18.8802 18.176 19.1202 17.344 19.6002 16.608C20.0802 15.872 20.7362 15.296 21.5682 14.88C22.4002 14.448 23.3282 14.232 24.3522 14.232C25.2962 14.232 26.1442 14.44 26.8962 14.856C27.6642 15.256 28.2642 15.808 28.6962 16.512C29.1442 17.2 29.3682 17.984 29.3682 18.864C29.3682 19.488 29.2242 20.04 28.9362 20.52C28.6642 21 28.3122 21.416 27.8802 21.768C27.4482 22.104 26.9922 22.384 26.5122 22.608C27.7762 23.04 28.6882 23.696 29.2482 24.576C29.8242 25.44 30.1122 26.432 30.1122 27.552C30.1122 28.592 29.8482 29.528 29.3202 30.36C28.7922 31.176 28.0882 31.824 27.2082 32.304C26.3282 32.768 25.3602 33 24.3042 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"4\" d=\"M26.5082 33C26.1882 33 25.9162 32.88 25.6922 32.64C25.4682 32.4 25.3562 32.112 25.3562 31.776V28.752H17.3642C16.9962 28.752 16.7082 28.64 16.5002 28.416C16.2922 28.192 16.1722 27.936 16.1402 27.648C16.1242 27.344 16.2042 27.072 16.3802 26.832L25.5722 14.784C25.7002 14.624 25.8442 14.496 26.0042 14.4C26.1802 14.304 26.3722 14.256 26.5802 14.256C26.9162 14.256 27.1882 14.376 27.3962 14.616C27.6042 14.856 27.7082 15.152 27.7082 15.504V26.544H29.1482C29.4842 26.544 29.7722 26.624 30.0122 26.784C30.2522 26.944 30.3722 27.232 30.3722 27.648C30.3722 27.952 30.2522 28.216 30.0122 28.44C29.7722 28.648 29.4842 28.752 29.1482 28.752H27.7082V31.776C27.7082 32.112 27.5962 32.4 27.3722 32.64C27.1482 32.88 26.8602 33 26.5082 33ZM25.3562 26.544V18.6L19.3082 26.544H25.3562Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"5\" d=\"M23.6092 33C22.4572 33 21.4172 32.736 20.4892 32.208C19.5772 31.664 18.8492 30.928 18.3052 30C17.7772 29.072 17.5132 28.032 17.5132 26.88C17.5132 26.528 17.6252 26.24 17.8492 26.016C18.0732 25.776 18.3612 25.656 18.7132 25.656C19.0652 25.656 19.3612 25.776 19.6012 26.016C19.8412 26.24 19.9612 26.528 19.9612 26.88C19.9612 27.568 20.1212 28.192 20.4412 28.752C20.7612 29.312 21.1932 29.752 21.7372 30.072C22.2972 30.392 22.9212 30.552 23.6092 30.552C24.3132 30.552 24.9372 30.392 25.4812 30.072C26.0412 29.752 26.4812 29.312 26.8012 28.752C27.1212 28.192 27.2812 27.568 27.2812 26.88C27.2812 26.176 27.1212 25.552 26.8012 25.008C26.4812 24.448 26.0412 24.008 25.4812 23.688C24.9372 23.368 24.3132 23.208 23.6092 23.208H19.6012C19.2492 23.208 18.9612 23.096 18.7372 22.872C18.5132 22.632 18.4012 22.336 18.4012 21.984V15.504C18.4012 15.152 18.5132 14.856 18.7372 14.616C18.9612 14.376 19.2492 14.256 19.6012 14.256H27.6172C27.9532 14.256 28.2412 14.384 28.4812 14.64C28.7212 14.88 28.8412 15.168 28.8412 15.504C28.8412 15.824 28.7212 16.104 28.4812 16.344C28.2572 16.584 27.9692 16.704 27.6172 16.704H20.8252V20.76H23.6092C24.7772 20.76 25.8172 21.032 26.7292 21.576C27.6572 22.104 28.3852 22.832 28.9132 23.76C29.4572 24.672 29.7292 25.712 29.7292 26.88C29.7292 28.032 29.4572 29.072 28.9132 30C28.3852 30.928 27.6572 31.664 26.7292 32.208C25.8172 32.736 24.7772 33 23.6092 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"6\" d=\"M23.7514 33C22.6474 33 21.6634 32.76 20.7994 32.28C19.9514 31.784 19.2874 31.112 18.8074 30.264C18.3274 29.4 18.0874 28.416 18.0874 27.312C18.0874 26.08 18.3914 24.992 18.9994 24.048L24.4474 14.952C24.7354 14.504 25.1034 14.28 25.5514 14.28C25.8874 14.28 26.1674 14.376 26.3914 14.568C26.6154 14.76 26.7514 15 26.7994 15.288C26.8634 15.576 26.8074 15.864 26.6314 16.152L23.3434 21.624C23.4714 21.608 23.6074 21.6 23.7514 21.6C24.8554 21.6 25.8314 21.848 26.6794 22.344C27.5274 22.824 28.1914 23.496 28.6714 24.36C29.1514 25.208 29.3914 26.192 29.3914 27.312C29.3914 28.416 29.1514 29.4 28.6714 30.264C28.1914 31.112 27.5274 31.784 26.6794 32.28C25.8314 32.76 24.8554 33 23.7514 33ZM23.7274 30.84C24.7194 30.84 25.5274 30.512 26.1514 29.856C26.7754 29.2 27.0874 28.352 27.0874 27.312C27.0874 26.272 26.7754 25.424 26.1514 24.768C25.5274 24.096 24.7194 23.76 23.7274 23.76C22.7514 23.76 21.9514 24.096 21.3274 24.768C20.7034 25.424 20.3914 26.272 20.3914 27.312C20.3914 28.352 20.7034 29.2 21.3274 29.856C21.9514 30.512 22.7514 30.84 23.7274 30.84Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"7\" d=\"M20.3694 33C20.0494 33 19.7694 32.88 19.5294 32.64C19.2894 32.4 19.1694 32.112 19.1694 31.776C19.1694 31.552 19.2414 31.296 19.3854 31.008L26.2734 16.704H18.9774C18.6254 16.704 18.3294 16.592 18.0894 16.368C17.8654 16.128 17.7534 15.832 17.7534 15.48C17.7534 15.128 17.8654 14.84 18.0894 14.616C18.3294 14.376 18.6254 14.256 18.9774 14.256H28.1214C28.4574 14.256 28.7454 14.376 28.9854 14.616C29.2254 14.856 29.3454 15.144 29.3454 15.48C29.3454 15.592 29.3294 15.704 29.2974 15.816C29.2654 15.912 29.2254 16.016 29.1774 16.128L21.4974 32.328C21.2414 32.776 20.8654 33 20.3694 33Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"8\" d=\"M23.5113 32.976C22.4553 32.976 21.5033 32.728 20.6553 32.232C19.8233 31.72 19.1673 31.032 18.6873 30.168C18.2073 29.288 17.9673 28.304 17.9673 27.216C17.9673 26.192 18.1993 25.272 18.6633 24.456C19.1273 23.624 19.7513 22.968 20.5353 22.488C19.9913 22.072 19.5593 21.56 19.2393 20.952C18.9193 20.328 18.7593 19.64 18.7593 18.888C18.7593 17.976 18.9673 17.168 19.3833 16.464C19.7993 15.744 20.3593 15.176 21.0633 14.76C21.7833 14.328 22.5993 14.112 23.5113 14.112C24.4233 14.096 25.2313 14.296 25.9353 14.712C26.6553 15.128 27.2233 15.696 27.6393 16.416C28.0553 17.136 28.2553 17.96 28.2393 18.888C28.2393 19.64 28.0793 20.328 27.7593 20.952C27.4393 21.56 27.0073 22.064 26.4633 22.464C27.2473 22.944 27.8713 23.6 28.3353 24.432C28.7993 25.264 29.0313 26.192 29.0313 27.216C29.0313 28.304 28.7833 29.288 28.2873 30.168C27.8073 31.032 27.1513 31.72 26.3193 32.232C25.4873 32.728 24.5513 32.976 23.5113 32.976ZM23.5113 21.432C24.1833 21.432 24.7353 21.176 25.1673 20.664C25.6153 20.152 25.8473 19.536 25.8633 18.816C25.8793 18.096 25.6633 17.504 25.2153 17.04C24.7673 16.576 24.1993 16.344 23.5113 16.344C22.8393 16.344 22.2793 16.576 21.8313 17.04C21.3833 17.504 21.1513 18.096 21.1353 18.816C21.1193 19.536 21.3353 20.152 21.7833 20.664C22.2473 21.176 22.8233 21.432 23.5113 21.432ZM23.5113 30.768C24.1033 30.768 24.6313 30.608 25.0953 30.288C25.5753 29.968 25.9513 29.544 26.2233 29.016C26.4953 28.472 26.6313 27.872 26.6313 27.216C26.6473 26.576 26.5193 26.008 26.2473 25.512C25.9753 25 25.5993 24.6 25.1193 24.312C24.6553 24.008 24.1193 23.856 23.5113 23.856C22.9193 23.856 22.3833 24.008 21.9033 24.312C21.4233 24.6 21.0473 25 20.7753 25.512C20.5033 26.008 20.3673 26.576 20.3673 27.216C20.3673 27.872 20.4953 28.472 20.7513 29.016C21.0233 29.544 21.3993 29.968 21.8793 30.288C22.3593 30.608 22.9033 30.768 23.5113 30.768Z\" class=\"evo-icon-number__number\" />\n        <path *ngSwitchCase=\"9\" d=\"M24.2474 14.232C25.3514 14.232 26.3274 14.48 27.1754 14.976C28.0394 15.456 28.7114 16.128 29.1914 16.992C29.6714 17.84 29.9114 18.816 29.9114 19.92C29.9114 21.152 29.6074 22.24 28.9994 23.184L23.5514 32.28C23.2634 32.728 22.8954 32.952 22.4474 32.952C22.1114 32.952 21.8314 32.856 21.6074 32.664C21.3834 32.472 21.2394 32.232 21.1754 31.944C21.1274 31.656 21.1914 31.368 21.3674 31.08L24.6554 25.608C24.5274 25.624 24.3914 25.632 24.2474 25.632C23.1434 25.632 22.1674 25.392 21.3194 24.912C20.4714 24.416 19.8074 23.744 19.3274 22.896C18.8474 22.032 18.6074 21.04 18.6074 19.92C18.6074 18.816 18.8474 17.84 19.3274 16.992C19.8074 16.128 20.4714 15.456 21.3194 14.976C22.1674 14.48 23.1434 14.232 24.2474 14.232ZM24.2714 16.392C23.2794 16.392 22.4714 16.72 21.8474 17.376C21.2234 18.032 20.9114 18.88 20.9114 19.92C20.9114 20.96 21.2234 21.816 21.8474 22.488C22.4714 23.144 23.2794 23.472 24.2714 23.472C25.2474 23.472 26.0474 23.144 26.6714 22.488C27.2954 21.816 27.6074 20.96 27.6074 19.92C27.6074 18.88 27.2954 18.032 26.6714 17.376C26.0474 16.72 25.2474 16.392 24.2714 16.392Z\" class=\"evo-icon-number__number\" />\n    </ng-container>\n</svg>\n", styles: [":host{--evo-icon-number-background-color: #21c68b;--evo-icon-number-shadow-color: #bedce3;--evo-icon-number-text-color: #ffffff;--evo-icon-number-border-color: #231f20;display:inline-block;width:48px;height:48px}.evo-icon-number{display:block;width:100%;height:100%}.evo-icon-number__background{fill:var(--evo-icon-number-background-color)}.evo-icon-number__shadow{fill:var(--evo-icon-number-shadow-color)}.evo-icon-number__border{fill:var(--evo-icon-number-border-color)}.evo-icon-number__number{fill:var(--evo-icon-number-text-color)}\n"] }]
@@ -3872,7 +3873,7 @@ EvoInputContenteditableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             useExisting: forwardRef(() => EvoInputContenteditableComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "contenteditable", first: true, predicate: ["contenteditable"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"evo-contenteditable-input\"\n    [evoUiClass]=\"inputClass\"\n    [style.--evo-contenteditable-lines]=\"multiline ? maxLines : 0\"\n>\n\t<span\n        #contenteditable\n        class=\"evo-contenteditable-input__content\"\n        (blur)=\"onBlur($event)\"\n        (input)=\"onInput($event)\"\n        (paste)=\"onPaste($event)\"\n        (dragover)=\"$event.preventDefault()\"\n        (keydown)=\"onKeydown($event)\"\n        [evoUiClass]=\"{'open-lines': minLines > 0}\"\n        [attr.contenteditable]=\"!isDisabled\"\n        [attr.placeholder]=\"placeholder\"\n        [style.--evo-contenteditable-min-lines]=\"multiline ? minLines : 0\"\n    ></span>\n</div>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: [".evo-contenteditable-input{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;display:block;flex-basis:100%;height:auto;min-height:40px;max-height:calc(24px * var(--evo-contenteditable-lines) + 24px);padding:7px 11px;overflow:auto;line-height:24px}.evo-contenteditable-input_focused{border:solid 1px #74706F}.evo-contenteditable-input_invalid{border-color:#ff1817!important}.evo-contenteditable-input:hover{border:1px solid #9B9B9B}.evo-contenteditable-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-contenteditable-input_disabled .evo-contenteditable-input__content{display:block}.evo-contenteditable-input_single{display:flex;overflow:hidden}.evo-contenteditable-input_single .evo-contenteditable-input__content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.evo-contenteditable-input_single .evo-contenteditable-input__content::-webkit-scrollbar{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep br{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep *{display:inline;white-space:nowrap}.evo-contenteditable-input_size_small{min-height:32px;padding:3px 11px}.evo-contenteditable-input:focus-within{border:solid 1px #74706F}.evo-contenteditable-input__content{position:relative;display:inline-block;flex-direction:column;width:100%;min-height:calc(24px * var(--evo-contenteditable-min-lines));white-space:pre-wrap;outline:none}.evo-contenteditable-input__content_open-lines{min-height:calc(calc(24px * var(--evo-contenteditable-min-lines)) + 8px)}.evo-contenteditable-input__content:empty:before{content:attr(placeholder);position:absolute;display:block;color:#9b9b9b;pointer-events:none}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "contenteditable", first: true, predicate: ["contenteditable"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"evo-contenteditable-input\"\n    [evoUiClass]=\"inputClass\"\n    [style.--evo-contenteditable-lines]=\"multiline ? maxLines : 0\"\n>\n\t<span\n        #contenteditable\n        class=\"evo-contenteditable-input__content\"\n        (blur)=\"onBlur($event)\"\n        (input)=\"onInput($event)\"\n        (paste)=\"onPaste($event)\"\n        (dragover)=\"$event.preventDefault()\"\n        (keydown)=\"onKeydown($event)\"\n        [evoUiClass]=\"{'open-lines': minLines > 0}\"\n        [attr.contenteditable]=\"!isDisabled\"\n        [attr.placeholder]=\"placeholder\"\n        [style.--evo-contenteditable-min-lines]=\"multiline ? minLines : 0\"\n    ></span>\n</div>\n<evo-control-error\n    *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"\n></evo-control-error>\n", styles: [".evo-contenteditable-input{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;display:block;flex-basis:100%;height:auto;min-height:40px;max-height:calc(24px * var(--evo-contenteditable-lines) + 24px);padding:7px 11px;overflow:auto;line-height:24px}.evo-contenteditable-input_focused{border:solid 1px #74706F}.evo-contenteditable-input_invalid{border-color:#ff1817!important}.evo-contenteditable-input:hover{border:1px solid #9B9B9B}.evo-contenteditable-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-contenteditable-input_disabled .evo-contenteditable-input__content{display:block}.evo-contenteditable-input_single{display:flex;overflow:hidden}.evo-contenteditable-input_single .evo-contenteditable-input__content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.evo-contenteditable-input_single .evo-contenteditable-input__content::-webkit-scrollbar{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep br{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep *{display:inline;white-space:nowrap}.evo-contenteditable-input_size_small{min-height:32px;padding:3px 11px}.evo-contenteditable-input:focus-within{border:solid 1px #74706F}.evo-contenteditable-input__content{position:relative;display:inline-block;flex-direction:column;width:100%;min-height:calc(24px * var(--evo-contenteditable-min-lines));white-space:pre-wrap;outline:none}.evo-contenteditable-input__content_open-lines{min-height:calc(calc(24px * var(--evo-contenteditable-min-lines)) + 8px)}.evo-contenteditable-input__content:empty:before{content:attr(placeholder);position:absolute;display:block;color:#9b9b9b;pointer-events:none}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputContenteditableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-input-contenteditable', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -4060,7 +4061,7 @@ class EvoModalComponent {
     }
 }
 EvoModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoModalComponent, deps: [{ token: EvoModalService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoModalComponent, selector: "evo-modal", inputs: { id: "id", titleText: "titleText", acceptText: "acceptText", acceptButtonColor: "acceptButtonColor", acceptButtonTheme: "acceptButtonTheme", declineText: "declineText", declineButtonColor: "declineButtonColor", declineButtonTheme: "declineButtonTheme", asyncAccept: "asyncAccept" }, ngImport: i0, template: "<div\n    *ngIf=\"modalState?.isOpen\"\n    class=\"evo-modal__background\"\n    [ngClass]=\"{'evo-modal__background_visible': isVisible}\"\n    (mousedown)=\"onBackgroundClick($event)\"\n></div>\n<div\n    *ngIf=\"modalState?.isOpen\"\n    class=\"evo-modal__wrapper\"\n    [ngClass]=\"{'evo-modal_visible': isVisible}\"\n    (mousedown)=\"onBackgroundClick($event)\"\n>\n    <div class=\"evo-modal\">\n        <div class=\"evo-modal__icon\">\n            <ng-content select=\"evo-icon\"></ng-content>\n        </div>\n        <h2 *ngIf=\"titleText !== undefined\" class=\"evo-modal__title\">{{ titleText }}</h2>\n        <div class=\"evo-modal__content\">\n            <ng-content></ng-content>\n        </div>\n        <div class=\"evo-modal__buttons\" [ngClass]=\"{'evo-modal__buttons_single-btn': !declineText || !acceptText}\">\n            <button\n                *ngIf=\"declineText\"\n                evoButton\n                class=\"evo-modal__button evo-modal__button_decline\"\n                [color]=\"declineButtonColor\"\n                [theme]=\"declineButtonTheme\"\n                [disabled]=\"isDeclineDisabled\"\n                (click)=\"handleOnClose(false, closeTargets.BUTTON)\"\n            >\n                {{ declineText }}\n            </button>\n            <button\n                *ngIf=\"acceptText\"\n                evoButton\n                class=\"evo-modal__button evo-modal__button_accept\"\n                [color]=\"acceptButtonColor\"\n                [theme]=\"acceptButtonTheme\"\n                [loading]=\"isAcceptLoading\"\n                (click)=\"handleOnClose(true, closeTargets.BUTTON)\"\n            >\n                {{ acceptText }}\n            </button>\n        </div>\n    </div>\n</div>\n", styles: [".evo-modal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:738px;height:auto;max-height:100%;margin-top:50px;padding:56px 0 16px;overflow:hidden;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 0 12px 2px #0000004d;opacity:0;transition:margin-top .25s,opacity .25s;transition-delay:50ms}.evo-modal_visible .evo-modal{margin-top:0;opacity:1}@media (min-width: 768px){.evo-modal{width:738px;height:auto;padding:32px 0}}.evo-modal__title{margin-top:0;margin-bottom:0;padding-right:32px;padding-left:32px;font-weight:700;font-size:16px;line-height:24px}@media (min-width: 768px){.evo-modal__title{width:674px;padding-right:16px;padding-left:16px;font-size:24px;line-height:32px}}.evo-modal__icon{margin-bottom:8px}.evo-modal__icon ::ng-deep evo-icon{display:block;width:64px;height:64px}@media (min-width: 768px){.evo-modal__icon{margin-bottom:32px}}.evo-modal__icon:empty{display:none}.evo-modal__content{width:100%;margin-top:32px;padding:0 32px;overflow:auto;font-size:14px;line-height:22px}.evo-modal__content:empty{display:none;margin-top:0}@media (min-width: 768px){.evo-modal__content{padding:0 16px}}.evo-modal__content ::ng-deep *:last-child{margin-bottom:0}.evo-modal__background{position:fixed;inset:0;z-index:1010;display:flex;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s}.evo-modal__background_visible{opacity:1}.evo-modal__wrapper{position:fixed;inset:0;z-index:1011;display:flex;justify-content:center;align-items:center;width:100%;padding:16px}@media (min-width: 768px){.evo-modal__wrapper{width:auto}}.evo-modal__buttons{display:flex;flex-shrink:0;flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;margin-top:56px;padding-right:32px;padding-left:32px}@media (min-width: 768px){.evo-modal__buttons{display:grid;width:auto;grid-template-columns:repeat(2,minmax(140px,1fr));grid-column-gap:32px;margin:32px auto 0;padding-right:16px;padding-left:16px}.evo-modal__buttons_single-btn{grid-template-columns:minmax(140px,1fr)}}.evo-modal__button{display:block;width:100%}@media (min-width: 768px){.evo-modal__button{width:auto}}.evo-modal__button+.evo-modal__button{margin:0 0 16px}@media (min-width: 768px){.evo-modal__button+.evo-modal__button{margin:0}}\n"], components: [{ type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: ["size", "color", "theme", "disabled", "loading"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+EvoModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoModalComponent, selector: "evo-modal", inputs: { id: "id", titleText: "titleText", acceptText: "acceptText", acceptButtonColor: "acceptButtonColor", acceptButtonTheme: "acceptButtonTheme", declineText: "declineText", declineButtonColor: "declineButtonColor", declineButtonTheme: "declineButtonTheme", asyncAccept: "asyncAccept" }, ngImport: i0, template: "<div\n    *ngIf=\"modalState?.isOpen\"\n    class=\"evo-modal__background\"\n    [ngClass]=\"{'evo-modal__background_visible': isVisible}\"\n    (mousedown)=\"onBackgroundClick($event)\"\n></div>\n<div\n    *ngIf=\"modalState?.isOpen\"\n    class=\"evo-modal__wrapper\"\n    [ngClass]=\"{'evo-modal_visible': isVisible}\"\n    (mousedown)=\"onBackgroundClick($event)\"\n>\n    <div class=\"evo-modal\">\n        <div class=\"evo-modal__icon\">\n            <ng-content select=\"evo-icon\"></ng-content>\n        </div>\n        <h2 *ngIf=\"titleText !== undefined\" class=\"evo-modal__title\">{{ titleText }}</h2>\n        <div class=\"evo-modal__content\">\n            <ng-content></ng-content>\n        </div>\n        <div class=\"evo-modal__buttons\" [ngClass]=\"{'evo-modal__buttons_single-btn': !declineText || !acceptText}\">\n            <button\n                *ngIf=\"declineText\"\n                evoButton\n                class=\"evo-modal__button evo-modal__button_decline\"\n                [color]=\"declineButtonColor\"\n                [theme]=\"declineButtonTheme\"\n                [disabled]=\"isDeclineDisabled\"\n                (click)=\"handleOnClose(false, closeTargets.BUTTON)\"\n            >\n                {{ declineText }}\n            </button>\n            <button\n                *ngIf=\"acceptText\"\n                evoButton\n                class=\"evo-modal__button evo-modal__button_accept\"\n                [color]=\"acceptButtonColor\"\n                [theme]=\"acceptButtonTheme\"\n                [loading]=\"isAcceptLoading\"\n                (click)=\"handleOnClose(true, closeTargets.BUTTON)\"\n            >\n                {{ acceptText }}\n            </button>\n        </div>\n    </div>\n</div>\n", styles: [".evo-modal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:738px;height:auto;max-height:100%;margin-top:50px;padding:56px 0 16px;overflow:hidden;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 0 12px 2px #0000004d;opacity:0;transition:margin-top .25s,opacity .25s;transition-delay:50ms}.evo-modal_visible .evo-modal{margin-top:0;opacity:1}@media (min-width: 768px){.evo-modal{width:738px;height:auto;padding:32px 0}}.evo-modal__title{margin-top:0;margin-bottom:0;padding-right:32px;padding-left:32px;font-weight:700;font-size:16px;line-height:24px}@media (min-width: 768px){.evo-modal__title{width:674px;padding-right:16px;padding-left:16px;font-size:24px;line-height:32px}}.evo-modal__icon{margin-bottom:8px}.evo-modal__icon ::ng-deep evo-icon{display:block;width:64px;height:64px}@media (min-width: 768px){.evo-modal__icon{margin-bottom:32px}}.evo-modal__icon:empty{display:none}.evo-modal__content{width:100%;margin-top:32px;padding:0 32px;overflow:auto;font-size:14px;line-height:22px}.evo-modal__content:empty{display:none;margin-top:0}@media (min-width: 768px){.evo-modal__content{padding:0 16px}}.evo-modal__content ::ng-deep *:last-child{margin-bottom:0}.evo-modal__background{position:fixed;inset:0;z-index:1010;display:flex;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s}.evo-modal__background_visible{opacity:1}.evo-modal__wrapper{position:fixed;inset:0;z-index:1011;display:flex;justify-content:center;align-items:center;width:100%;padding:16px}@media (min-width: 768px){.evo-modal__wrapper{width:auto}}.evo-modal__buttons{display:flex;flex-shrink:0;flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;margin-top:56px;padding-right:32px;padding-left:32px}@media (min-width: 768px){.evo-modal__buttons{display:grid;width:auto;grid-template-columns:repeat(2,minmax(140px,1fr));grid-column-gap:32px;margin:32px auto 0;padding-right:16px;padding-left:16px}.evo-modal__buttons_single-btn{grid-template-columns:minmax(140px,1fr)}}.evo-modal__button{display:block;width:100%}@media (min-width: 768px){.evo-modal__button{width:auto}}.evo-modal__button+.evo-modal__button{margin:0 0 16px}@media (min-width: 768px){.evo-modal__button+.evo-modal__button{margin:0}}\n"], components: [{ type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: ["size", "color", "theme", "disabled", "loading"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-modal', template: "<div\n    *ngIf=\"modalState?.isOpen\"\n    class=\"evo-modal__background\"\n    [ngClass]=\"{'evo-modal__background_visible': isVisible}\"\n    (mousedown)=\"onBackgroundClick($event)\"\n></div>\n<div\n    *ngIf=\"modalState?.isOpen\"\n    class=\"evo-modal__wrapper\"\n    [ngClass]=\"{'evo-modal_visible': isVisible}\"\n    (mousedown)=\"onBackgroundClick($event)\"\n>\n    <div class=\"evo-modal\">\n        <div class=\"evo-modal__icon\">\n            <ng-content select=\"evo-icon\"></ng-content>\n        </div>\n        <h2 *ngIf=\"titleText !== undefined\" class=\"evo-modal__title\">{{ titleText }}</h2>\n        <div class=\"evo-modal__content\">\n            <ng-content></ng-content>\n        </div>\n        <div class=\"evo-modal__buttons\" [ngClass]=\"{'evo-modal__buttons_single-btn': !declineText || !acceptText}\">\n            <button\n                *ngIf=\"declineText\"\n                evoButton\n                class=\"evo-modal__button evo-modal__button_decline\"\n                [color]=\"declineButtonColor\"\n                [theme]=\"declineButtonTheme\"\n                [disabled]=\"isDeclineDisabled\"\n                (click)=\"handleOnClose(false, closeTargets.BUTTON)\"\n            >\n                {{ declineText }}\n            </button>\n            <button\n                *ngIf=\"acceptText\"\n                evoButton\n                class=\"evo-modal__button evo-modal__button_accept\"\n                [color]=\"acceptButtonColor\"\n                [theme]=\"acceptButtonTheme\"\n                [loading]=\"isAcceptLoading\"\n                (click)=\"handleOnClose(true, closeTargets.BUTTON)\"\n            >\n                {{ acceptText }}\n            </button>\n        </div>\n    </div>\n</div>\n", styles: [".evo-modal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:738px;height:auto;max-height:100%;margin-top:50px;padding:56px 0 16px;overflow:hidden;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 0 12px 2px #0000004d;opacity:0;transition:margin-top .25s,opacity .25s;transition-delay:50ms}.evo-modal_visible .evo-modal{margin-top:0;opacity:1}@media (min-width: 768px){.evo-modal{width:738px;height:auto;padding:32px 0}}.evo-modal__title{margin-top:0;margin-bottom:0;padding-right:32px;padding-left:32px;font-weight:700;font-size:16px;line-height:24px}@media (min-width: 768px){.evo-modal__title{width:674px;padding-right:16px;padding-left:16px;font-size:24px;line-height:32px}}.evo-modal__icon{margin-bottom:8px}.evo-modal__icon ::ng-deep evo-icon{display:block;width:64px;height:64px}@media (min-width: 768px){.evo-modal__icon{margin-bottom:32px}}.evo-modal__icon:empty{display:none}.evo-modal__content{width:100%;margin-top:32px;padding:0 32px;overflow:auto;font-size:14px;line-height:22px}.evo-modal__content:empty{display:none;margin-top:0}@media (min-width: 768px){.evo-modal__content{padding:0 16px}}.evo-modal__content ::ng-deep *:last-child{margin-bottom:0}.evo-modal__background{position:fixed;inset:0;z-index:1010;display:flex;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s}.evo-modal__background_visible{opacity:1}.evo-modal__wrapper{position:fixed;inset:0;z-index:1011;display:flex;justify-content:center;align-items:center;width:100%;padding:16px}@media (min-width: 768px){.evo-modal__wrapper{width:auto}}.evo-modal__buttons{display:flex;flex-shrink:0;flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;margin-top:56px;padding-right:32px;padding-left:32px}@media (min-width: 768px){.evo-modal__buttons{display:grid;width:auto;grid-template-columns:repeat(2,minmax(140px,1fr));grid-column-gap:32px;margin:32px auto 0;padding-right:16px;padding-left:16px}.evo-modal__buttons_single-btn{grid-template-columns:minmax(140px,1fr)}}.evo-modal__button{display:block;width:100%}@media (min-width: 768px){.evo-modal__button{width:auto}}.evo-modal__button+.evo-modal__button{margin:0 0 16px}@media (min-width: 768px){.evo-modal__button+.evo-modal__button{margin:0}}\n"] }]
@@ -4130,7 +4131,7 @@ class EvoNoteComponent {
     }
 }
 EvoNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoNoteComponent, selector: "evo-note", inputs: { closable: "closable", iconSrc: "iconSrc", type: "type" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    <a *ngIf=\"closable\" class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n        <evo-icon class=\"evo-note__close-icon\" shape=\"close\"></evo-icon>\n    </a>\n    <div class=\"evo-note__icon\" *ngIf=\"iconSrc\">\n        <img [src]=\"iconSrc\" alt=\"\"/>\n    </div>\n    <div class=\"evo-note__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoNoteComponent, selector: "evo-note", inputs: { closable: "closable", iconSrc: "iconSrc", type: "type" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    <a *ngIf=\"closable\" class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n        <evo-icon class=\"evo-note__close-icon\" shape=\"close\"></evo-icon>\n    </a>\n    <div class=\"evo-note__icon\" *ngIf=\"iconSrc\">\n        <img [src]=\"iconSrc\" alt=\"\"/>\n    </div>\n    <div class=\"evo-note__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNoteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-note', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-note\" [evoUiClass]=\"totalClasses\">\n    <a *ngIf=\"closable\" class=\"evo-note__close\" (click)=\"$event.preventDefault(); onCloseClick($event)\">\n        <evo-icon class=\"evo-note__close-icon\" shape=\"close\"></evo-icon>\n    </a>\n    <div class=\"evo-note__icon\" *ngIf=\"iconSrc\">\n        <img [src]=\"iconSrc\" alt=\"\"/>\n    </div>\n    <div class=\"evo-note__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [":host{--evo-note-icon-size: 48px}.evo-note{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:16px;font-size:14px;line-height:22px;border-radius:8px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"] }]
@@ -4246,7 +4247,7 @@ class EvoPaginatorComponent {
     }
 }
 EvoPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoPaginatorComponent, selector: "evo-paginator", inputs: { setCurrentPage: ["currentPage", "setCurrentPage"], setItemsTotal: ["itemsTotal", "setItemsTotal"], setPageSize: ["pageSize", "setPageSize"] }, outputs: { pageClick: "pageClick" }, ngImport: i0, template: "<div class=\"paginator\">\n    <ng-container [ngSwitch]=\"currentLayout\">\n        <ng-container *ngSwitchCase=\"PaginatorLayout.SHORT\" [ngTemplateOutlet]=\"shortTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.BEGINNING\" [ngTemplateOutlet]=\"beginningTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.MIDDLE\" [ngTemplateOutlet]=\"middleTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.END\" [ngTemplateOutlet]=\"endTpl\"></ng-container>\n    </ng-container>\n</div>\n\n<!-- SIMPLE LAYOUT, just pages in line -->\n<!-- ex: (1) 2 3 4 5 -->\n<ng-template #shortTpl>\n    <ng-container *ngFor=\"let page of [].constructor(pagesTotal); let i = index\">\n        <button\n            *evoLet=\"i + 1 as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n</ng-template>\n\n<!-- BEGINNING LAYOUT, when selected some of first pages -->\n<!-- ex: 1 (2) 3 4 ... 99 -->\n<ng-template #beginningTpl>\n    <ng-container *ngFor=\"let page of [].constructor(CORNER_STATE_PAGE_MAX_OFFSET + 1); let i = index\">\n        <button\n            *evoLet=\"i + 1 as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n\n    <div class=\"paginator__separator\">...</div>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(pagesTotal)\">{{ pagesTotal }}</button>\n</ng-template>\n\n<!-- MIDDLE LAYOUT, when selected page is not in the begging nor at the end -->\n<!-- ex: 1 ... 35 (36) 37 ... 99 -->\n<ng-template #middleTpl>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(1)\">1</button>\n    <div class=\"paginator__separator\">...</div>\n\n    <ng-container *ngFor=\"let page of [currentPage - 1, currentPage, currentPage + 1]\">\n        <button\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n\n    <div class=\"paginator__separator\">...</div>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(pagesTotal)\">{{ pagesTotal }}</button>\n</ng-template>\n\n<!-- END LAYOUT, when selected some of last pages -->\n<!-- ex: 1 ... 96 (97) 98 99 -->\n<ng-template #endTpl>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(1)\">1</button>\n    <div class=\"paginator__separator\">...</div>\n\n    <ng-container *ngFor=\"let page of [].constructor(CORNER_STATE_PAGE_MAX_OFFSET + 1); let i = index\">\n        <button\n            *evoLet=\"pagesTotal - CORNER_STATE_PAGE_MAX_OFFSET + i as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:flex;align-items:center;width:100%;-webkit-user-select:none;user-select:none;justify-content:center}.paginator{display:flex;align-items:baseline;justify-content:center;gap:2px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400}.paginator__btn{flex:0 0 auto;min-width:32px;height:32px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:16px;background-color:transparent;color:#727272;transition:background-color .3s,color .3s}.paginator__btn:hover{background-color:#001d260a;color:#212121}.paginator__btn_selected{background-color:#e1ecef;color:#212121;pointer-events:none}.paginator__separator{flex:0 0 auto;color:#c6c6c6;pointer-events:none}\n"], directives: [{ type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoPaginatorComponent, selector: "evo-paginator", inputs: { setCurrentPage: ["currentPage", "setCurrentPage"], setItemsTotal: ["itemsTotal", "setItemsTotal"], setPageSize: ["pageSize", "setPageSize"] }, outputs: { pageClick: "pageClick" }, ngImport: i0, template: "<div class=\"paginator\">\n    <ng-container [ngSwitch]=\"currentLayout\">\n        <ng-container *ngSwitchCase=\"PaginatorLayout.SHORT\" [ngTemplateOutlet]=\"shortTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.BEGINNING\" [ngTemplateOutlet]=\"beginningTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.MIDDLE\" [ngTemplateOutlet]=\"middleTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.END\" [ngTemplateOutlet]=\"endTpl\"></ng-container>\n    </ng-container>\n</div>\n\n<!-- SIMPLE LAYOUT, just pages in line -->\n<!-- ex: (1) 2 3 4 5 -->\n<ng-template #shortTpl>\n    <ng-container *ngFor=\"let page of [].constructor(pagesTotal); let i = index\">\n        <button\n            *evoLet=\"i + 1 as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n</ng-template>\n\n<!-- BEGINNING LAYOUT, when selected some of first pages -->\n<!-- ex: 1 (2) 3 4 ... 99 -->\n<ng-template #beginningTpl>\n    <ng-container *ngFor=\"let page of [].constructor(CORNER_STATE_PAGE_MAX_OFFSET + 1); let i = index\">\n        <button\n            *evoLet=\"i + 1 as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n\n    <div class=\"paginator__separator\">...</div>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(pagesTotal)\">{{ pagesTotal }}</button>\n</ng-template>\n\n<!-- MIDDLE LAYOUT, when selected page is not in the begging nor at the end -->\n<!-- ex: 1 ... 35 (36) 37 ... 99 -->\n<ng-template #middleTpl>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(1)\">1</button>\n    <div class=\"paginator__separator\">...</div>\n\n    <ng-container *ngFor=\"let page of [currentPage - 1, currentPage, currentPage + 1]\">\n        <button\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n\n    <div class=\"paginator__separator\">...</div>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(pagesTotal)\">{{ pagesTotal }}</button>\n</ng-template>\n\n<!-- END LAYOUT, when selected some of last pages -->\n<!-- ex: 1 ... 96 (97) 98 99 -->\n<ng-template #endTpl>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(1)\">1</button>\n    <div class=\"paginator__separator\">...</div>\n\n    <ng-container *ngFor=\"let page of [].constructor(CORNER_STATE_PAGE_MAX_OFFSET + 1); let i = index\">\n        <button\n            *evoLet=\"pagesTotal - CORNER_STATE_PAGE_MAX_OFFSET + i as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:flex;align-items:center;width:100%;-webkit-user-select:none;user-select:none;justify-content:center}.paginator{display:flex;align-items:baseline;justify-content:center;gap:2px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400}.paginator__btn{flex:0 0 auto;min-width:32px;height:32px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:16px;background-color:transparent;color:#727272;transition:background-color .3s,color .3s}.paginator__btn:hover{background-color:#001d260a;color:#212121}.paginator__btn_selected{background-color:#e1ecef;color:#212121;pointer-events:none}.paginator__separator{flex:0 0 auto;color:#c6c6c6;pointer-events:none}\n"], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"paginator\">\n    <ng-container [ngSwitch]=\"currentLayout\">\n        <ng-container *ngSwitchCase=\"PaginatorLayout.SHORT\" [ngTemplateOutlet]=\"shortTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.BEGINNING\" [ngTemplateOutlet]=\"beginningTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.MIDDLE\" [ngTemplateOutlet]=\"middleTpl\"></ng-container>\n        <ng-container *ngSwitchCase=\"PaginatorLayout.END\" [ngTemplateOutlet]=\"endTpl\"></ng-container>\n    </ng-container>\n</div>\n\n<!-- SIMPLE LAYOUT, just pages in line -->\n<!-- ex: (1) 2 3 4 5 -->\n<ng-template #shortTpl>\n    <ng-container *ngFor=\"let page of [].constructor(pagesTotal); let i = index\">\n        <button\n            *evoLet=\"i + 1 as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n</ng-template>\n\n<!-- BEGINNING LAYOUT, when selected some of first pages -->\n<!-- ex: 1 (2) 3 4 ... 99 -->\n<ng-template #beginningTpl>\n    <ng-container *ngFor=\"let page of [].constructor(CORNER_STATE_PAGE_MAX_OFFSET + 1); let i = index\">\n        <button\n            *evoLet=\"i + 1 as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n\n    <div class=\"paginator__separator\">...</div>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(pagesTotal)\">{{ pagesTotal }}</button>\n</ng-template>\n\n<!-- MIDDLE LAYOUT, when selected page is not in the begging nor at the end -->\n<!-- ex: 1 ... 35 (36) 37 ... 99 -->\n<ng-template #middleTpl>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(1)\">1</button>\n    <div class=\"paginator__separator\">...</div>\n\n    <ng-container *ngFor=\"let page of [currentPage - 1, currentPage, currentPage + 1]\">\n        <button\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n\n    <div class=\"paginator__separator\">...</div>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(pagesTotal)\">{{ pagesTotal }}</button>\n</ng-template>\n\n<!-- END LAYOUT, when selected some of last pages -->\n<!-- ex: 1 ... 96 (97) 98 99 -->\n<ng-template #endTpl>\n    <button class=\"paginator__btn\" (click)=\"onPageClick(1)\">1</button>\n    <div class=\"paginator__separator\">...</div>\n\n    <ng-container *ngFor=\"let page of [].constructor(CORNER_STATE_PAGE_MAX_OFFSET + 1); let i = index\">\n        <button\n            *evoLet=\"pagesTotal - CORNER_STATE_PAGE_MAX_OFFSET + i as page\"\n            class=\"paginator__btn\"\n            [class.paginator__btn_selected]=\"isSelectedPage(page)\"\n            (click)=\"onPageClick(page)\"\n        >\n            {{ page }}\n        </button>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:flex;align-items:center;width:100%;-webkit-user-select:none;user-select:none;justify-content:center}.paginator{display:flex;align-items:baseline;justify-content:center;gap:2px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400}.paginator__btn{flex:0 0 auto;min-width:32px;height:32px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:16px;background-color:transparent;color:#727272;transition:background-color .3s,color .3s}.paginator__btn:hover{background-color:#001d260a;color:#212121}.paginator__btn_selected{background-color:#e1ecef;color:#212121;pointer-events:none}.paginator__separator{flex:0 0 auto;color:#c6c6c6;pointer-events:none}\n"] }]
@@ -4807,14 +4808,14 @@ class EvoRadioGroupComponent extends EvoBaseControl {
         });
     }
 }
-EvoRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoRadioGroupComponent, deps: [{ token: i1$2.FormBuilder }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+EvoRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoRadioGroupComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
 EvoRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoRadioGroupComponent, selector: "evo-radio-group", inputs: { options: "options", _value: ["value", "_value"], theme: "theme", direction: "direction" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => EvoRadioGroupComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"evo-radio-group\" [evoUiClass]=\"totalClasses\" [formGroup]=\"formGroup\">\n    <label class=\"evo-radio-group__radio\" *ngFor=\"let option of optionArray\">\n        <!-- \u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u0441\u0442\u0438\u043B\u0435\u0439 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u0435\u0442\u0441\u044F \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u043F\u0441\u0435\u0432\u0434\u043E\u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440\u0430 :checked -->\n        <input class=\"evo-radio-group__radio-control\" (ngModelChange) = \"onChangedValue($event)\" formControlName=\"value\" type=\"radio\" value={{option.value}}>\n        <div class=\"evo-radio-group__radio-view\">\n            <span class=\"evo-radio-group__radio-icon\"></span>\n            <span class=\"evo-radio-group__radio-value\">{{option.presentationText}}</span>\n        </div>\n    </label>\n</div>\n", styles: [":host{display:block}.evo-radio-group{display:flex;flex-wrap:wrap}.evo-radio-group__radio{flex:1;margin-right:30px;cursor:pointer}.evo-radio-group__radio:last-child{margin-right:0}.evo-radio-group__radio-control{display:none}.evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background-color:#4568a50d;border-color:#0986e2}.evo-radio-group__radio-control:checked+.evo-radio-group__radio-view .evo-radio-group__radio-icon:before{display:block}.evo-radio-group__radio-view{display:flex;align-items:center;padding:20px;border:1px solid #C6C6C6;border-radius:8px}.evo-radio-group__radio-icon{position:relative;display:inline-block;flex-shrink:0;width:20px;height:20px;margin-right:20px;background-color:#fff;border:2px solid #C6C6C6;border-radius:50%}.evo-radio-group__radio-icon:before{position:absolute;top:50%;left:50%;display:none;box-sizing:border-box;width:10px;height:10px;content:\"\";margin-top:-5px;margin-left:-5px;background-color:#0986e2;border-radius:50%}.evo-radio-group__radio-value{color:#000;font-weight:600;font-size:18px}.evo-radio-group_light .evo-radio-group__radio{flex:initial}.evo-radio-group_light .evo-radio-group__radio-view{padding:0;background:none;border:none}.evo-radio-group_light .evo-radio-group__radio-value{font-size:14px}.evo-radio-group_light .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background:none}.evo-radio-group_segment .evo-radio-group__radio{flex:initial;margin-right:16px;margin-bottom:16px}.evo-radio-group_segment .evo-radio-group__radio-icon{display:none}.evo-radio-group_segment .evo-radio-group__radio-view{padding:8px 12px;background-color:#f4f6f8;border:none;border-radius:16px}.evo-radio-group_segment .evo-radio-group__radio-value{color:#0986e2;font-size:14px;line-height:1}.evo-radio-group_segment .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background-color:#0986e2}.evo-radio-group_segment .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view .evo-radio-group__radio-value{color:#fff}.evo-radio-group_column{flex-direction:column}.evo-radio-group_column .evo-radio-group__radio{margin-top:20px;margin-right:0}.evo-radio-group_column .evo-radio-group__radio:first-child{margin-top:0}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"evo-radio-group\" [evoUiClass]=\"totalClasses\" [formGroup]=\"formGroup\">\n    <label class=\"evo-radio-group__radio\" *ngFor=\"let option of optionArray\">\n        <!-- \u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u0441\u0442\u0438\u043B\u0435\u0439 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u0435\u0442\u0441\u044F \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u043F\u0441\u0435\u0432\u0434\u043E\u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440\u0430 :checked -->\n        <input class=\"evo-radio-group__radio-control\" (ngModelChange) = \"onChangedValue($event)\" formControlName=\"value\" type=\"radio\" value={{option.value}}>\n        <div class=\"evo-radio-group__radio-view\">\n            <span class=\"evo-radio-group__radio-icon\"></span>\n            <span class=\"evo-radio-group__radio-value\">{{option.presentationText}}</span>\n        </div>\n    </label>\n</div>\n", styles: [":host{display:block}.evo-radio-group{display:flex;flex-wrap:wrap}.evo-radio-group__radio{flex:1;margin-right:30px;cursor:pointer}.evo-radio-group__radio:last-child{margin-right:0}.evo-radio-group__radio-control{display:none}.evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background-color:#4568a50d;border-color:#0986e2}.evo-radio-group__radio-control:checked+.evo-radio-group__radio-view .evo-radio-group__radio-icon:before{display:block}.evo-radio-group__radio-view{display:flex;align-items:center;padding:20px;border:1px solid #C6C6C6;border-radius:8px}.evo-radio-group__radio-icon{position:relative;display:inline-block;flex-shrink:0;width:20px;height:20px;margin-right:20px;background-color:#fff;border:2px solid #C6C6C6;border-radius:50%}.evo-radio-group__radio-icon:before{position:absolute;top:50%;left:50%;display:none;box-sizing:border-box;width:10px;height:10px;content:\"\";margin-top:-5px;margin-left:-5px;background-color:#0986e2;border-radius:50%}.evo-radio-group__radio-value{color:#000;font-weight:600;font-size:18px}.evo-radio-group_light .evo-radio-group__radio{flex:initial}.evo-radio-group_light .evo-radio-group__radio-view{padding:0;background:none;border:none}.evo-radio-group_light .evo-radio-group__radio-value{font-size:14px}.evo-radio-group_light .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background:none}.evo-radio-group_segment .evo-radio-group__radio{flex:initial;margin-right:16px;margin-bottom:16px}.evo-radio-group_segment .evo-radio-group__radio-icon{display:none}.evo-radio-group_segment .evo-radio-group__radio-view{padding:8px 12px;background-color:#f4f6f8;border:none;border-radius:16px}.evo-radio-group_segment .evo-radio-group__radio-value{color:#0986e2;font-size:14px;line-height:1}.evo-radio-group_segment .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background-color:#0986e2}.evo-radio-group_segment .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view .evo-radio-group__radio-value{color:#fff}.evo-radio-group_column{flex-direction:column}.evo-radio-group_column .evo-radio-group__radio{margin-top:20px;margin-right:0}.evo-radio-group_column .evo-radio-group__radio:first-child{margin-top:0}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoRadioGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-radio-group', providers: [
@@ -4824,7 +4825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             multi: true,
                         },
                     ], template: "<div class=\"evo-radio-group\" [evoUiClass]=\"totalClasses\" [formGroup]=\"formGroup\">\n    <label class=\"evo-radio-group__radio\" *ngFor=\"let option of optionArray\">\n        <!-- \u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u0441\u0442\u0438\u043B\u0435\u0439 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u0435\u0442\u0441\u044F \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u043F\u0441\u0435\u0432\u0434\u043E\u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440\u0430 :checked -->\n        <input class=\"evo-radio-group__radio-control\" (ngModelChange) = \"onChangedValue($event)\" formControlName=\"value\" type=\"radio\" value={{option.value}}>\n        <div class=\"evo-radio-group__radio-view\">\n            <span class=\"evo-radio-group__radio-icon\"></span>\n            <span class=\"evo-radio-group__radio-value\">{{option.presentationText}}</span>\n        </div>\n    </label>\n</div>\n", styles: [":host{display:block}.evo-radio-group{display:flex;flex-wrap:wrap}.evo-radio-group__radio{flex:1;margin-right:30px;cursor:pointer}.evo-radio-group__radio:last-child{margin-right:0}.evo-radio-group__radio-control{display:none}.evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background-color:#4568a50d;border-color:#0986e2}.evo-radio-group__radio-control:checked+.evo-radio-group__radio-view .evo-radio-group__radio-icon:before{display:block}.evo-radio-group__radio-view{display:flex;align-items:center;padding:20px;border:1px solid #C6C6C6;border-radius:8px}.evo-radio-group__radio-icon{position:relative;display:inline-block;flex-shrink:0;width:20px;height:20px;margin-right:20px;background-color:#fff;border:2px solid #C6C6C6;border-radius:50%}.evo-radio-group__radio-icon:before{position:absolute;top:50%;left:50%;display:none;box-sizing:border-box;width:10px;height:10px;content:\"\";margin-top:-5px;margin-left:-5px;background-color:#0986e2;border-radius:50%}.evo-radio-group__radio-value{color:#000;font-weight:600;font-size:18px}.evo-radio-group_light .evo-radio-group__radio{flex:initial}.evo-radio-group_light .evo-radio-group__radio-view{padding:0;background:none;border:none}.evo-radio-group_light .evo-radio-group__radio-value{font-size:14px}.evo-radio-group_light .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background:none}.evo-radio-group_segment .evo-radio-group__radio{flex:initial;margin-right:16px;margin-bottom:16px}.evo-radio-group_segment .evo-radio-group__radio-icon{display:none}.evo-radio-group_segment .evo-radio-group__radio-view{padding:8px 12px;background-color:#f4f6f8;border:none;border-radius:16px}.evo-radio-group_segment .evo-radio-group__radio-value{color:#0986e2;font-size:14px;line-height:1}.evo-radio-group_segment .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view{background-color:#0986e2}.evo-radio-group_segment .evo-radio-group__radio-control:checked+.evo-radio-group__radio-view .evo-radio-group__radio-value{color:#fff}.evo-radio-group_column{flex-direction:column}.evo-radio-group_column .evo-radio-group__radio{margin-top:20px;margin-right:0}.evo-radio-group_column .evo-radio-group__radio:first-child{margin-top:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { options: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { options: [{
                 type: Input
             }], _value: [{
                 type: Input,
@@ -4894,7 +4895,7 @@ EvoRadioshapeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             useExisting: forwardRef(() => EvoRadioshapeComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"evo-radioshape\" [ngClass]=\"{'evo-radioshape_checked': checked, 'evo-radioshape_disabled': disabled}\">\n    <label class=\"evo-radioshape__label\" *ngIf=\"value || forceChecked\">\n        <input class=\"evo-radioshape__input\"\n               type=\"radio\"\n               (change)=\"handleOnChange()\"\n               [name]=\"name\"\n               [value]=\"value\"\n               [checked]=\"checked\"\n               [disabled]=\"disabled\">\n        <span class=\"evo-radioshape__control\"></span>\n    </label>\n    <div class=\"evo-radioshape__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".evo-radioshape{display:flex;align-items:center;width:100%;padding:24px;background-color:#f4f6f8;border-radius:8px;transition:background-color .2s,box-shadow .2s,opacity .2s}.evo-radioshape_checked{background-color:#fff;box-shadow:inset 0 0 0 2px #21c68b}.evo-radioshape_disabled{opacity:.5}.evo-radioshape__label{display:table;flex-shrink:0;margin:0 16px 0 0;border-radius:50%}.evo-radioshape__content{flex:1}.evo-radioshape__control{position:relative;display:block;width:20px;height:20px;padding:4px;background-color:#fff;border:2px solid #C6C6C6;border-radius:50%;cursor:pointer}.evo-radioshape__control:before{position:absolute;top:50%;left:50%;display:none;box-sizing:border-box;width:10px;height:10px;margin-top:-5px;margin-left:-5px;background-color:#0986e2;border-radius:50%;content:\"\"}.evo-radioshape__input{display:none}.evo-radioshape__input[disabled]~.evo-radioshape__control{background-color:#f4f6f8;cursor:not-allowed}.evo-radioshape__input:checked[disabled]~.evo-radioshape__control{background-color:#fff}.evo-radioshape__input:checked[disabled]~.evo-radioshape__control:before{background-color:#c6c6c6}.evo-radioshape__input:checked~.evo-radioshape__control:before{display:block}\n"], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"evo-radioshape\" [ngClass]=\"{'evo-radioshape_checked': checked, 'evo-radioshape_disabled': disabled}\">\n    <label class=\"evo-radioshape__label\" *ngIf=\"value || forceChecked\">\n        <input class=\"evo-radioshape__input\"\n               type=\"radio\"\n               (change)=\"handleOnChange()\"\n               [name]=\"name\"\n               [value]=\"value\"\n               [checked]=\"checked\"\n               [disabled]=\"disabled\">\n        <span class=\"evo-radioshape__control\"></span>\n    </label>\n    <div class=\"evo-radioshape__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".evo-radioshape{display:flex;align-items:center;width:100%;padding:24px;background-color:#f4f6f8;border-radius:8px;transition:background-color .2s,box-shadow .2s,opacity .2s}.evo-radioshape_checked{background-color:#fff;box-shadow:inset 0 0 0 2px #21c68b}.evo-radioshape_disabled{opacity:.5}.evo-radioshape__label{display:table;flex-shrink:0;margin:0 16px 0 0;border-radius:50%}.evo-radioshape__content{flex:1}.evo-radioshape__control{position:relative;display:block;width:20px;height:20px;padding:4px;background-color:#fff;border:2px solid #C6C6C6;border-radius:50%;cursor:pointer}.evo-radioshape__control:before{position:absolute;top:50%;left:50%;display:none;box-sizing:border-box;width:10px;height:10px;margin-top:-5px;margin-left:-5px;background-color:#0986e2;border-radius:50%;content:\"\"}.evo-radioshape__input{display:none}.evo-radioshape__input[disabled]~.evo-radioshape__control{background-color:#f4f6f8;cursor:not-allowed}.evo-radioshape__input:checked[disabled]~.evo-radioshape__control{background-color:#fff}.evo-radioshape__input:checked[disabled]~.evo-radioshape__control:before{background-color:#c6c6c6}.evo-radioshape__input:checked~.evo-radioshape__control:before{display:block}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoRadioshapeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-radioshape', providers: [
@@ -4948,7 +4949,7 @@ class EvoSegmentedBarComponent {
     ngOnInit() { }
 }
 EvoSegmentedBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSegmentedBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoSegmentedBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSegmentedBarComponent, selector: "evo-segmented-bar", inputs: { label: "label", labelShort: "labelShort" }, ngImport: i0, template: "<div class=\"bar\">\n    <div class=\"bar__label\"\n         *ngIf=\"label\"\n         [ngClass]=\"{bar__label_normal: labelShort}\"\n    >\n        {{ label }}\n    </div>\n\n    <div class=\"bar__label bar__label_short\"\n         *ngIf=\"labelShort\"\n    >\n        {{ labelShort }}\n    </div>\n\n    <div class=\"bar__buttons-wrapper\">\n        <div class=\"bar__buttons\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".bar{position:relative;display:flex;flex-direction:row}.bar__label{margin-right:20px;color:#212121;line-height:30px}.bar__label_short{display:block}.bar__label_normal{display:none}.bar__buttons{display:flex;flex-direction:row;flex-wrap:nowrap}@media (min-width: 1200px){.bar__label_normal{display:block}.bar__label_short{display:none}}@media (max-width: 768px){.bar{flex-direction:column}.bar__label{display:none}.bar__buttons{padding-bottom:28px;overflow:auto}.bar__buttons-wrapper{display:block;height:30px;overflow:hidden}}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+EvoSegmentedBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSegmentedBarComponent, selector: "evo-segmented-bar", inputs: { label: "label", labelShort: "labelShort" }, ngImport: i0, template: "<div class=\"bar\">\n    <div class=\"bar__label\"\n         *ngIf=\"label\"\n         [ngClass]=\"{bar__label_normal: labelShort}\"\n    >\n        {{ label }}\n    </div>\n\n    <div class=\"bar__label bar__label_short\"\n         *ngIf=\"labelShort\"\n    >\n        {{ labelShort }}\n    </div>\n\n    <div class=\"bar__buttons-wrapper\">\n        <div class=\"bar__buttons\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".bar{position:relative;display:flex;flex-direction:row}.bar__label{margin-right:20px;color:#212121;line-height:30px}.bar__label_short{display:block}.bar__label_normal{display:none}.bar__buttons{display:flex;flex-direction:row;flex-wrap:nowrap}@media (min-width: 1200px){.bar__label_normal{display:block}.bar__label_short{display:none}}@media (max-width: 768px){.bar{flex-direction:column}.bar__label{display:none}.bar__buttons{padding-bottom:28px;overflow:auto}.bar__buttons-wrapper{display:block;height:30px;overflow:hidden}}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSegmentedBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-segmented-bar', template: "<div class=\"bar\">\n    <div class=\"bar__label\"\n         *ngIf=\"label\"\n         [ngClass]=\"{bar__label_normal: labelShort}\"\n    >\n        {{ label }}\n    </div>\n\n    <div class=\"bar__label bar__label_short\"\n         *ngIf=\"labelShort\"\n    >\n        {{ labelShort }}\n    </div>\n\n    <div class=\"bar__buttons-wrapper\">\n        <div class=\"bar__buttons\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [".bar{position:relative;display:flex;flex-direction:row}.bar__label{margin-right:20px;color:#212121;line-height:30px}.bar__label_short{display:block}.bar__label_normal{display:none}.bar__buttons{display:flex;flex-direction:row;flex-wrap:nowrap}@media (min-width: 1200px){.bar__label_normal{display:block}.bar__label_short{display:none}}@media (max-width: 768px){.bar{flex-direction:column}.bar__label{display:none}.bar__buttons{padding-bottom:28px;overflow:auto}.bar__buttons-wrapper{display:block;height:30px;overflow:hidden}}\n"] }]
@@ -5131,7 +5132,7 @@ EvoSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => EvoSelectComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"evo-select\" [evoUiClass]=\"getSelectClasses()\">\n    <div class=\"evo-select__field\" [evoUiClass]=\"getSelectClasses()\">{{selectedLabel}}</div>\n    <select #select class=\"evo-select__native\" [disabled]=\"disabled\" [(ngModel)]=\"selectedValue\" (ngModelChange)=\"onChange($event)\">\n        <ng-content></ng-content>\n    </select>\n    <span class=\"evo-select__icon-arrow\">\n        <svg width=\"7\" height=\"5\" viewBox=\"0 0 7 5\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 0H7L3.44199 5L0 0Z\" />\n        </svg>\n    </span>\n</label>\n<evo-control-error *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: [":host{position:relative;display:inline-block}.evo-select{position:relative;display:flex;align-items:center}.evo-select:after{content:\"\";position:absolute;pointer-events:none}.evo-select_input{height:48px}.evo-select_input:after{right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2212%22 viewBox%3D%220 0 8 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 8)%22 fill%3D%22%23212121%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 4) scale(1 -1)%22 fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center}.evo-select_disabled{pointer-events:none}.evo-select_disabled:after{opacity:.4}.evo-select_inline .evo-select__icon-arrow{display:flex;margin-left:10px}.evo-select_inline .evo-select__icon-arrow svg{fill:#212121}.evo-select_inline.evo-select_disabled .evo-select__icon-arrow svg{fill:#9b9b9b}.evo-select__icon-arrow{display:none}.evo-select__native{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;appearance:none}.evo-select__field{width:100%;height:100%}.evo-select__field_input{display:inline-block;padding:10px 38px 10px 20px;overflow:hidden;line-height:26px;text-overflow:ellipsis;--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-select__field_input:hover{border:1px solid #9B9B9B}.evo-select__field_input{display:inline-block}.evo-select__field_valid{border-color:#21c68b}.evo-select__field_invalid{border-color:#ff1817}.evo-select__field_disabled{color:#9b9b9b;background:#F4F6F8}.evo-select__field_inline{font-weight:600;background:transparent}.evo-select__field_inline.evo-select__field_disabled{background:transparent}.evo-select_simple .evo-select__field_input{height:auto;padding:0 30px 0 0;font-weight:600;line-height:1;background:transparent;border:none}.evo-select_simple .evo-select_input,.evo-select_input.evo-select_simple{height:auto}.evo-select_input.evo-select_simple:after{top:-2px;right:0;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\")}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    ], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"evo-select\" [evoUiClass]=\"getSelectClasses()\">\n    <div class=\"evo-select__field\" [evoUiClass]=\"getSelectClasses()\">{{selectedLabel}}</div>\n    <select #select class=\"evo-select__native\" [disabled]=\"disabled\" [(ngModel)]=\"selectedValue\" (ngModelChange)=\"onChange($event)\">\n        <ng-content></ng-content>\n    </select>\n    <span class=\"evo-select__icon-arrow\">\n        <svg width=\"7\" height=\"5\" viewBox=\"0 0 7 5\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 0H7L3.44199 5L0 0Z\" />\n        </svg>\n    </span>\n</label>\n<evo-control-error *ngIf=\"showErrors\"\n    [errors]=\"control.errors\"\n    [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: [":host{position:relative;display:inline-block}.evo-select{position:relative;display:flex;align-items:center}.evo-select:after{content:\"\";position:absolute;pointer-events:none}.evo-select_input{height:48px}.evo-select_input:after{right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2212%22 viewBox%3D%220 0 8 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 8)%22 fill%3D%22%23212121%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 0H8L3.93371 3.99997L0 0Z%22 transform%3D%22translate(0 4) scale(1 -1)%22 fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center}.evo-select_disabled{pointer-events:none}.evo-select_disabled:after{opacity:.4}.evo-select_inline .evo-select__icon-arrow{display:flex;margin-left:10px}.evo-select_inline .evo-select__icon-arrow svg{fill:#212121}.evo-select_inline.evo-select_disabled .evo-select__icon-arrow svg{fill:#9b9b9b}.evo-select__icon-arrow{display:none}.evo-select__native{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;appearance:none}.evo-select__field{width:100%;height:100%}.evo-select__field_input{display:inline-block;padding:10px 38px 10px 20px;overflow:hidden;line-height:26px;text-overflow:ellipsis;--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-select__field_input:hover{border:1px solid #9B9B9B}.evo-select__field_input{display:inline-block}.evo-select__field_valid{border-color:#21c68b}.evo-select__field_invalid{border-color:#ff1817}.evo-select__field_disabled{color:#9b9b9b;background:#F4F6F8}.evo-select__field_inline{font-weight:600;background:transparent}.evo-select__field_inline.evo-select__field_disabled{background:transparent}.evo-select_simple .evo-select__field_input{height:auto;padding:0 30px 0 0;font-weight:600;line-height:1;background:transparent;border:none}.evo-select_simple .evo-select_input,.evo-select_input.evo-select_simple{height:auto}.evo-select_input.evo-select_simple:after{top:-2px;right:0;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E    %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E        %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E    %3C%2Fmask%3E    %3Cg mask%3D%22url(%23mask0)%22%3E        %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E\")}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-select', providers: [
@@ -5330,7 +5331,7 @@ class EvoSidebarHeaderComponent {
     }
 }
 EvoSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSidebarHeaderComponent, deps: [{ token: SidebarInjectionToken }], target: i0.ɵɵFactoryTarget.Component });
-EvoSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSidebarHeaderComponent, selector: "evo-sidebar-header, [evo-sidebar-header]", inputs: { backButton: "backButton" }, outputs: { back: "back" }, host: { classAttribute: "evo-sidebar__header" }, ngImport: i0, template: "<div class=\"evo-sidebar__back\"\n    *ngIf=\"backButton\"\n    (click)=\"handleBackClick()\">\n    <evo-icon class=\"evo-sidebar__icon\" shape=\"chevron-left\"></evo-icon>\n</div>\n\n<div class=\"evo-sidebar__title\">\n    <ng-content></ng-content>\n</div>\n\n<div class=\"evo-sidebar__close\" (click)=\"closeSidebar()\">\n    <evo-icon class=\"evo-sidebar__icon\" shape=\"close\"></evo-icon>\n</div>\n\n", styles: [":host{display:flex;flex-shrink:0;align-items:flex-start;margin:0 15px;padding:16px 0;border-bottom:solid 1px #C6C6C6}@media (min-width: 768px){:host{padding-top:32px;padding-bottom:16px}}@media (min-width: 992px){:host{margin:0 32px}}.evo-sidebar__title{flex:1;color:#212121;font-weight:700;font-size:24px;font-family:var(--evo-font-secondary);line-height:32px}@media (min-width: 768px){.evo-sidebar__title{font-size:30px;line-height:38px}}.evo-sidebar__close{flex-shrink:0;margin-left:8px;padding:0;color:#231f20;cursor:pointer;transition:opacity .3s}.evo-sidebar__close:hover{opacity:.8}.evo-sidebar__icon{display:block;width:32px;height:32px;vertical-align:bottom;fill:#91b1b8}@media (min-width: 768px){.evo-sidebar__icon{width:36px;height:36px}}.evo-sidebar__back{flex-shrink:0;margin-right:8px;color:#231f20;cursor:pointer;-webkit-user-select:none;user-select:none}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EvoSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSidebarHeaderComponent, selector: "evo-sidebar-header, [evo-sidebar-header]", inputs: { backButton: "backButton" }, outputs: { back: "back" }, host: { classAttribute: "evo-sidebar__header" }, ngImport: i0, template: "<div class=\"evo-sidebar__back\"\n    *ngIf=\"backButton\"\n    (click)=\"handleBackClick()\">\n    <evo-icon class=\"evo-sidebar__icon\" shape=\"chevron-left\"></evo-icon>\n</div>\n\n<div class=\"evo-sidebar__title\">\n    <ng-content></ng-content>\n</div>\n\n<div class=\"evo-sidebar__close\" (click)=\"closeSidebar()\">\n    <evo-icon class=\"evo-sidebar__icon\" shape=\"close\"></evo-icon>\n</div>\n\n", styles: [":host{display:flex;flex-shrink:0;align-items:flex-start;margin:0 15px;padding:16px 0;border-bottom:solid 1px #C6C6C6}@media (min-width: 768px){:host{padding-top:32px;padding-bottom:16px}}@media (min-width: 992px){:host{margin:0 32px}}.evo-sidebar__title{flex:1;color:#212121;font-weight:700;font-size:24px;font-family:var(--evo-font-secondary);line-height:32px}@media (min-width: 768px){.evo-sidebar__title{font-size:30px;line-height:38px}}.evo-sidebar__close{flex-shrink:0;margin-left:8px;padding:0;color:#231f20;cursor:pointer;transition:opacity .3s}.evo-sidebar__close:hover{opacity:.8}.evo-sidebar__icon{display:block;width:32px;height:32px;vertical-align:bottom;fill:#91b1b8}@media (min-width: 768px){.evo-sidebar__icon{width:36px;height:36px}}.evo-sidebar__back{flex-shrink:0;margin-right:8px;color:#231f20;cursor:pointer;-webkit-user-select:none;user-select:none}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSidebarHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-sidebar-header, [evo-sidebar-header]', host: {
@@ -5516,8 +5517,8 @@ class EvoSidebarComponent {
         });
     }
 }
-EvoSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSidebarComponent, deps: [{ token: i0.NgZone }, { token: i1$1.Location }, { token: i0.ComponentFactoryResolver }, { token: EvoSidebarService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSidebarComponent, selector: "evo-sidebar", inputs: { backButton: "backButton", id: "id", header: "header", size: "size", relativeFooter: "relativeFooter" }, outputs: { back: "back" }, viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["sidebarContentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"evo-sidebar__background\"\n     *ngIf=\"isVisible\"\n     (click)=\"closeSidebar(closeTargets.BACKGROUND)\"\n></div>\n\n<div class=\"evo-sidebar\"\n     [@open]=\"currentState\"\n     (@open.done)=\"handleAnimationDone($event)\"\n     [evoUiClass]=\"totalClasses\"\n>\n\n    <ng-template #sidebarContentContainer></ng-template>\n\n    <ng-container *ngIf=\"!isDynamicContent\">\n\n        <div evo-sidebar-header\n            [backButton]=\"backButton\"\n            (back)=\"handleBackClick()\"\n            >{{ header }}</div>\n\n        <div evo-sidebar-content\n            [relativeFooter]=\"relativeFooter\"\n            >\n            <ng-content select=\"[content]\"></ng-content>\n        </div>\n\n        <div evo-sidebar-footer><ng-content select=\"[footer]\"></ng-content></div>\n\n    </ng-container>\n</div>\n", styles: [".evo-sidebar{position:fixed;top:0;right:0;z-index:3000;display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff;transform:translate(100vw);transition:box-shadow .1s .5s}.evo-sidebar_visible{box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f;transition-delay:unset}@media (min-width: 992px){.evo-sidebar_normal{width:674px;transform:translate(674px)}}@media (min-width: 992px){.evo-sidebar_middle{width:995px;transform:translate(100%)}}@media (min-width: 992px){.evo-sidebar_large{width:80%;transform:translate(100%)}}.evo-sidebar__background{position:fixed;inset:0;z-index:1000;background-color:#000;opacity:.3}\n"], components: [{ type: EvoSidebarHeaderComponent, selector: "evo-sidebar-header, [evo-sidebar-header]", inputs: ["backButton"], outputs: ["back"] }, { type: EvoSidebarContentComponent, selector: "evo-sidebar-content, [evo-sidebar-content]", inputs: ["relativeFooter"] }, { type: EvoSidebarFooterComponent, selector: "evo-sidebar-footer, [evo-sidebar-footer]" }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], viewProviders: [
+EvoSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSidebarComponent, deps: [{ token: i0.NgZone }, { token: i2.Location }, { token: i0.ComponentFactoryResolver }, { token: EvoSidebarService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+EvoSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSidebarComponent, selector: "evo-sidebar", inputs: { backButton: "backButton", id: "id", header: "header", size: "size", relativeFooter: "relativeFooter" }, outputs: { back: "back" }, viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["sidebarContentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"evo-sidebar__background\"\n     *ngIf=\"isVisible\"\n     (click)=\"closeSidebar(closeTargets.BACKGROUND)\"\n></div>\n\n<div class=\"evo-sidebar\"\n     [@open]=\"currentState\"\n     (@open.done)=\"handleAnimationDone($event)\"\n     [evoUiClass]=\"totalClasses\"\n>\n\n    <ng-template #sidebarContentContainer></ng-template>\n\n    <ng-container *ngIf=\"!isDynamicContent\">\n\n        <div evo-sidebar-header\n            [backButton]=\"backButton\"\n            (back)=\"handleBackClick()\"\n            >{{ header }}</div>\n\n        <div evo-sidebar-content\n            [relativeFooter]=\"relativeFooter\"\n            >\n            <ng-content select=\"[content]\"></ng-content>\n        </div>\n\n        <div evo-sidebar-footer><ng-content select=\"[footer]\"></ng-content></div>\n\n    </ng-container>\n</div>\n", styles: [".evo-sidebar{position:fixed;top:0;right:0;z-index:3000;display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff;transform:translate(100vw);transition:box-shadow .1s .5s}.evo-sidebar_visible{box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f;transition-delay:unset}@media (min-width: 992px){.evo-sidebar_normal{width:674px;transform:translate(674px)}}@media (min-width: 992px){.evo-sidebar_middle{width:995px;transform:translate(100%)}}@media (min-width: 992px){.evo-sidebar_large{width:80%;transform:translate(100%)}}.evo-sidebar__background{position:fixed;inset:0;z-index:1000;background-color:#000;opacity:.3}\n"], components: [{ type: EvoSidebarHeaderComponent, selector: "evo-sidebar-header, [evo-sidebar-header]", inputs: ["backButton"], outputs: ["back"] }, { type: EvoSidebarContentComponent, selector: "evo-sidebar-content, [evo-sidebar-content]", inputs: ["relativeFooter"] }, { type: EvoSidebarFooterComponent, selector: "evo-sidebar-footer, [evo-sidebar-footer]" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], viewProviders: [
         {
             provide: SidebarInjectionToken,
             useExisting: forwardRef(() => EvoSidebarComponent),
@@ -5531,7 +5532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => EvoSidebarComponent),
                         },
                     ], template: "<div class=\"evo-sidebar__background\"\n     *ngIf=\"isVisible\"\n     (click)=\"closeSidebar(closeTargets.BACKGROUND)\"\n></div>\n\n<div class=\"evo-sidebar\"\n     [@open]=\"currentState\"\n     (@open.done)=\"handleAnimationDone($event)\"\n     [evoUiClass]=\"totalClasses\"\n>\n\n    <ng-template #sidebarContentContainer></ng-template>\n\n    <ng-container *ngIf=\"!isDynamicContent\">\n\n        <div evo-sidebar-header\n            [backButton]=\"backButton\"\n            (back)=\"handleBackClick()\"\n            >{{ header }}</div>\n\n        <div evo-sidebar-content\n            [relativeFooter]=\"relativeFooter\"\n            >\n            <ng-content select=\"[content]\"></ng-content>\n        </div>\n\n        <div evo-sidebar-footer><ng-content select=\"[footer]\"></ng-content></div>\n\n    </ng-container>\n</div>\n", styles: [".evo-sidebar{position:fixed;top:0;right:0;z-index:3000;display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff;transform:translate(100vw);transition:box-shadow .1s .5s}.evo-sidebar_visible{box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f;transition-delay:unset}@media (min-width: 992px){.evo-sidebar_normal{width:674px;transform:translate(674px)}}@media (min-width: 992px){.evo-sidebar_middle{width:995px;transform:translate(100%)}}@media (min-width: 992px){.evo-sidebar_large{width:80%;transform:translate(100%)}}.evo-sidebar__background{position:fixed;inset:0;z-index:1000;background-color:#000;opacity:.3}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$1.Location }, { type: i0.ComponentFactoryResolver }, { type: EvoSidebarService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { contentContainer: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i2.Location }, { type: i0.ComponentFactoryResolver }, { type: EvoSidebarService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { contentContainer: [{
                 type: ViewChild,
                 args: ['sidebarContentContainer', { read: ViewContainerRef }]
             }], backButton: [{
@@ -5675,7 +5676,7 @@ class EvoStepperItemComponent {
     }
 }
 EvoStepperItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoStepperItemComponent, deps: [{ token: EvoStepperEvents, host: true }], target: i0.ɵɵFactoryTarget.Component });
-EvoStepperItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoStepperItemComponent, selector: "evo-stepper-item", inputs: { label: "label" }, queries: [{ propertyName: "contentTemp", first: true, predicate: TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-stepper-content\" *ngIf=\"isSelected\">\n  <ng-container *ngIf=\"contentTemp\">\n    <ng-container *ngTemplateOutlet=\"contentTemp\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"!contentTemp\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>", styles: [""], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+EvoStepperItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoStepperItemComponent, selector: "evo-stepper-item", inputs: { label: "label" }, queries: [{ propertyName: "contentTemp", first: true, predicate: TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-stepper-content\" *ngIf=\"isSelected\">\n  <ng-container *ngIf=\"contentTemp\">\n    <ng-container *ngTemplateOutlet=\"contentTemp\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"!contentTemp\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>", styles: [""], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoStepperItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-stepper-item', template: "<div class=\"evo-stepper-content\" *ngIf=\"isSelected\">\n  <ng-container *ngIf=\"contentTemp\">\n    <ng-container *ngTemplateOutlet=\"contentTemp\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"!contentTemp\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>", styles: [""] }]
@@ -5729,7 +5730,7 @@ class EvoStepperComponent {
 EvoStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoStepperComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: EvoStepperEvents }], target: i0.ɵɵFactoryTarget.Component });
 EvoStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoStepperComponent, selector: "evo-stepper", inputs: { currentStepIndex: "currentStepIndex", clickableItems: "clickableItems" }, outputs: { onChange: "onChange", clickItem: "clickItem" }, providers: [
         EvoStepperEvents,
-    ], queries: [{ propertyName: "stepComponentsList", predicate: EvoStepperItemComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-stepper\">\n\n  <ng-container\n    *ngIf=\"stepsList$ | async as stepsList\"\n  >\n\n    <div class=\"evo-stepper__current-step-name\">{{stepsList[currentStepIndex].label}}</div>\n\n    <!-- List -->\n    <div class=\"evo-stepper__list\">\n      <div\n        class=\"evo-stepper__item\"\n        *ngFor=\"let step of stepsList; index as i\"\n        [evoUiClass]=\"{'active': currentStepIndex == i, 'completed': i < currentStepIndex, 'clickable': clickableItems}\"\n        >\n\n        <div\n          class=\"evo-stepper__item-inner\"\n          (click)=\"handleItemClick(i)\"\n          >\n\n          <div class=\"evo-stepper__item-point\">\n              <div class=\"evo-stepper__item-number\">{{i + 1}}</div>\n          </div>\n\n          <div class=\"evo-stepper__item-name\">{{step.label}}</div>\n\n        </div>\n\n      </div>\n    </div>\n\n  </ng-container>\n\n  <!-- Content -->\n  <ng-content></ng-content>\n\n</div>\n", styles: [":host{display:block}.evo-stepper__current-step-name{display:none}.evo-stepper__list{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-bottom:40px}.evo-stepper__item{position:relative;display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 10px;text-align:center}.evo-stepper__item:before,.evo-stepper__item:after{position:absolute;top:13px;display:block;content:\"\";height:2px;background:#91B1B8}.evo-stepper__item:before{right:calc(50% + 16px);left:0}.evo-stepper__item:after{right:0;left:calc(50% + 16px)}.evo-stepper__item:first-child:before{display:none}.evo-stepper__item:last-child:after{display:none}.evo-stepper__item_completed:before,.evo-stepper__item_completed:after{background:#21C68B}.evo-stepper__item_completed .evo-stepper__item-point{background:#21C68B}.evo-stepper__item_completed .evo-stepper__item-point:before{top:6px}.evo-stepper__item_completed .evo-stepper__item-number{top:-24px}.evo-stepper__item_completed .evo-stepper__item-name{color:#21c68b}.evo-stepper__item_completed.evo-stepper__item_clickable .evo-stepper__item-inner{cursor:pointer}.evo-stepper__item_completed.evo-stepper__item_clickable .evo-stepper__item-point:hover{background:#4dd1a2}.evo-stepper__item_active:before{background:#21C68B}.evo-stepper__item_active:after{background:#91B1B8}.evo-stepper__item_active .evo-stepper__item-name{color:#21c68b}.evo-stepper__item_active .evo-stepper__item-point{background:#21C68B}.evo-stepper__item-inner{display:flex;flex-direction:column;align-items:center}.evo-stepper__item-point{position:relative;width:28px;height:28px;overflow:hidden;color:#fff;line-height:28px;text-align:center;background:#91B1B8;border-radius:50%;transition:background .3s}.evo-stepper__item-point:before{position:absolute;top:24px;left:11px;display:block;content:\"\";width:6px;height:12px;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:rotate(45deg);transition:top .3s}.evo-stepper__item-number{position:relative;top:0;font-weight:600;transition:top .3s}.evo-stepper__item-name{margin-top:10px;color:#91b1b8;font-weight:600;transition:color .3s}@media (max-width: 768px){.evo-stepper__current-step-name{display:block;margin-bottom:12px;color:#21c68b;font-weight:600;text-align:center}.evo-stepper__list{margin-bottom:30px}.evo-stepper__item:before,.evo-stepper__item:after{top:7px}.evo-stepper__item:before{right:calc(50% + 10px)}.evo-stepper__item:after{left:calc(50% + 10px)}.evo-stepper__item_active .evo-stepper__item-point,.evo-stepper__item_completed .evo-stepper__item-point{border:2px solid #21C68B}.evo-stepper__item_completed .evo-stepper__item-point:before{display:none}.evo-stepper__item-point{width:16px;height:16px;background-color:transparent;border:2px solid #91B1B8}.evo-stepper__item-name,.evo-stepper__item-number{display:none}}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], pipes: { "async": i1$1.AsyncPipe } });
+    ], queries: [{ propertyName: "stepComponentsList", predicate: EvoStepperItemComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-stepper\">\n\n  <ng-container\n    *ngIf=\"stepsList$ | async as stepsList\"\n  >\n\n    <div class=\"evo-stepper__current-step-name\">{{stepsList[currentStepIndex].label}}</div>\n\n    <!-- List -->\n    <div class=\"evo-stepper__list\">\n      <div\n        class=\"evo-stepper__item\"\n        *ngFor=\"let step of stepsList; index as i\"\n        [evoUiClass]=\"{'active': currentStepIndex == i, 'completed': i < currentStepIndex, 'clickable': clickableItems}\"\n        >\n\n        <div\n          class=\"evo-stepper__item-inner\"\n          (click)=\"handleItemClick(i)\"\n          >\n\n          <div class=\"evo-stepper__item-point\">\n              <div class=\"evo-stepper__item-number\">{{i + 1}}</div>\n          </div>\n\n          <div class=\"evo-stepper__item-name\">{{step.label}}</div>\n\n        </div>\n\n      </div>\n    </div>\n\n  </ng-container>\n\n  <!-- Content -->\n  <ng-content></ng-content>\n\n</div>\n", styles: [":host{display:block}.evo-stepper__current-step-name{display:none}.evo-stepper__list{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-bottom:40px}.evo-stepper__item{position:relative;display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 10px;text-align:center}.evo-stepper__item:before,.evo-stepper__item:after{position:absolute;top:13px;display:block;content:\"\";height:2px;background:#91B1B8}.evo-stepper__item:before{right:calc(50% + 16px);left:0}.evo-stepper__item:after{right:0;left:calc(50% + 16px)}.evo-stepper__item:first-child:before{display:none}.evo-stepper__item:last-child:after{display:none}.evo-stepper__item_completed:before,.evo-stepper__item_completed:after{background:#21C68B}.evo-stepper__item_completed .evo-stepper__item-point{background:#21C68B}.evo-stepper__item_completed .evo-stepper__item-point:before{top:6px}.evo-stepper__item_completed .evo-stepper__item-number{top:-24px}.evo-stepper__item_completed .evo-stepper__item-name{color:#21c68b}.evo-stepper__item_completed.evo-stepper__item_clickable .evo-stepper__item-inner{cursor:pointer}.evo-stepper__item_completed.evo-stepper__item_clickable .evo-stepper__item-point:hover{background:#4dd1a2}.evo-stepper__item_active:before{background:#21C68B}.evo-stepper__item_active:after{background:#91B1B8}.evo-stepper__item_active .evo-stepper__item-name{color:#21c68b}.evo-stepper__item_active .evo-stepper__item-point{background:#21C68B}.evo-stepper__item-inner{display:flex;flex-direction:column;align-items:center}.evo-stepper__item-point{position:relative;width:28px;height:28px;overflow:hidden;color:#fff;line-height:28px;text-align:center;background:#91B1B8;border-radius:50%;transition:background .3s}.evo-stepper__item-point:before{position:absolute;top:24px;left:11px;display:block;content:\"\";width:6px;height:12px;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:rotate(45deg);transition:top .3s}.evo-stepper__item-number{position:relative;top:0;font-weight:600;transition:top .3s}.evo-stepper__item-name{margin-top:10px;color:#91b1b8;font-weight:600;transition:color .3s}@media (max-width: 768px){.evo-stepper__current-step-name{display:block;margin-bottom:12px;color:#21c68b;font-weight:600;text-align:center}.evo-stepper__list{margin-bottom:30px}.evo-stepper__item:before,.evo-stepper__item:after{top:7px}.evo-stepper__item:before{right:calc(50% + 10px)}.evo-stepper__item:after{left:calc(50% + 10px)}.evo-stepper__item_active .evo-stepper__item-point,.evo-stepper__item_completed .evo-stepper__item-point{border:2px solid #21C68B}.evo-stepper__item_completed .evo-stepper__item-point:before{display:none}.evo-stepper__item-point{width:16px;height:16px;background-color:transparent;border:2px solid #91B1B8}.evo-stepper__item-name,.evo-stepper__item-number{display:none}}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], pipes: { "async": i2.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoStepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-stepper', providers: [
@@ -5891,7 +5892,7 @@ class EvoSubmenuComponent {
     }
 }
 EvoSubmenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSubmenuComponent, deps: [{ token: i0.ElementRef }, { token: WINDOW }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-EvoSubmenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSubmenuComponent, selector: "evo-submenu", inputs: { menuType: "menuType", offsetLeft: "offsetLeft", items: "items" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"evo-submenu\">\n    <div class=\"evo-submenu__wrapper\" [evoUiClass]=\"{affix: isFloated, 'has-offset-left': offsetLeft}\">\n        <div #container class=\"container evo-submenu__container\">\n            <ul class=\"evo-submenu__list\">\n                <ng-container *ngIf=\"menuType === evoSubmenuType.scroll\">\n                    <li *ngFor=\"let item of items; let index = index;\"\n                        class=\"evo-submenu__item\"\n                        [evoUiClass]=\"{active: index === activeItemIndex}\"\n                        role=\"presentation\">\n                        <a class=\"evo-submenu__link\"\n                           [pageScrollDuration]=\"200\"\n                           [pageScrollOffset]=\"item.scrollOffset || 0\"\n                           pageScroll\n                           href=\"#{{ item.href }}\">{{ item.title }}</a>\n                    </li>\n                </ng-container>\n                <ng-container *ngIf=\"menuType === evoSubmenuType.router || menuType === evoSubmenuType.outer\">\n                    <li *ngFor=\"let item of items; let index = index;\"\n                        class=\"evo-submenu__item\"\n                        routerLinkActive=\"evo-submenu__item_active\"\n                        [ngClass]=\"{'evo-submenu__item_active': item.isActive}\"\n                        role=\"presentation\">\n                        <ng-container *ngIf=\"item.type === evoSubmenuType.router || (! item.type && menuType === evoSubmenuType.router)\">\n                            <a class=\"evo-submenu__link\"\n                               [routerLink]=\"[item.href]\">{{ item.title }}</a>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.type === evoSubmenuType.outer || (! item.type && menuType === evoSubmenuType.outer)\">\n                            <a class=\"evo-submenu__link\"\n                               href=\"{{ item.href }}\"\n                               [target]=\"item.target || '_self'\"\n                            >{{ item.title }}</a>\n                        </ng-container>\n                    </li>\n                </ng-container>\n            </ul>\n        </div>\n    </div>\n</section>\n", styles: [".evo-submenu{height:60px;margin-top:38px}.evo-submenu__wrapper{height:60px;overflow:hidden;background-color:#fff;border-bottom:solid 1px #C6C6C6}.evo-submenu__wrapper_affix{position:fixed;top:80px;right:0;left:0;z-index:110;box-shadow:0 1px 10px #0003,0 4px 5px #0000001f,0 2px 4px #00000024}.evo-submenu__container{padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.evo-submenu__button{display:none}@media (min-width: 992px){.evo-submenu__button{display:block;float:right;margin-top:12px}}.evo-submenu__list{display:flex;float:left;margin:0;padding:0;list-style:none}.evo-submenu__item_active .evo-submenu__link{color:#f05023}.evo-submenu__item_active .evo-submenu__link:before{position:absolute;right:15px;bottom:0;left:15px;height:3px;background-color:#f05023;content:\"\"}.evo-submenu__link,.evo-submenu__link:hover,.evo-submenu__link:focus{position:relative;display:flex;align-items:center;height:60px;padding:20px 15px;color:#212121;font-size:14px;font-family:var(--evo-font-secondary);white-space:nowrap;text-transform:uppercase;text-decoration:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgxPageScrollDirective, selector: "[pageScroll]", inputs: ["routerLink", "href", "fragment", "pageScrollTarget", "pageScrollHorizontal", "pageScrollOffset", "pageScrollDuration", "pageScrollSpeed", "pageScrollEasing", "pageScrollInterruptible", "pageScrollInView", "pageScrollAdjustHash", "pageScroll"], outputs: ["pageScrollFinish"] }, { type: i3$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
+EvoSubmenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSubmenuComponent, selector: "evo-submenu", inputs: { menuType: "menuType", offsetLeft: "offsetLeft", items: "items" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"evo-submenu\">\n    <div class=\"evo-submenu__wrapper\" [evoUiClass]=\"{affix: isFloated, 'has-offset-left': offsetLeft}\">\n        <div #container class=\"container evo-submenu__container\">\n            <ul class=\"evo-submenu__list\">\n                <ng-container *ngIf=\"menuType === evoSubmenuType.scroll\">\n                    <li *ngFor=\"let item of items; let index = index;\"\n                        class=\"evo-submenu__item\"\n                        [evoUiClass]=\"{active: index === activeItemIndex}\"\n                        role=\"presentation\">\n                        <a class=\"evo-submenu__link\"\n                           [pageScrollDuration]=\"200\"\n                           [pageScrollOffset]=\"item.scrollOffset || 0\"\n                           pageScroll\n                           href=\"#{{ item.href }}\">{{ item.title }}</a>\n                    </li>\n                </ng-container>\n                <ng-container *ngIf=\"menuType === evoSubmenuType.router || menuType === evoSubmenuType.outer\">\n                    <li *ngFor=\"let item of items; let index = index;\"\n                        class=\"evo-submenu__item\"\n                        routerLinkActive=\"evo-submenu__item_active\"\n                        [ngClass]=\"{'evo-submenu__item_active': item.isActive}\"\n                        role=\"presentation\">\n                        <ng-container *ngIf=\"item.type === evoSubmenuType.router || (! item.type && menuType === evoSubmenuType.router)\">\n                            <a class=\"evo-submenu__link\"\n                               [routerLink]=\"[item.href]\">{{ item.title }}</a>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.type === evoSubmenuType.outer || (! item.type && menuType === evoSubmenuType.outer)\">\n                            <a class=\"evo-submenu__link\"\n                               href=\"{{ item.href }}\"\n                               [target]=\"item.target || '_self'\"\n                            >{{ item.title }}</a>\n                        </ng-container>\n                    </li>\n                </ng-container>\n            </ul>\n        </div>\n    </div>\n</section>\n", styles: [".evo-submenu{height:60px;margin-top:38px}.evo-submenu__wrapper{height:60px;overflow:hidden;background-color:#fff;border-bottom:solid 1px #C6C6C6}.evo-submenu__wrapper_affix{position:fixed;top:80px;right:0;left:0;z-index:110;box-shadow:0 1px 10px #0003,0 4px 5px #0000001f,0 2px 4px #00000024}.evo-submenu__container{padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.evo-submenu__button{display:none}@media (min-width: 992px){.evo-submenu__button{display:block;float:right;margin-top:12px}}.evo-submenu__list{display:flex;float:left;margin:0;padding:0;list-style:none}.evo-submenu__item_active .evo-submenu__link{color:#f05023}.evo-submenu__item_active .evo-submenu__link:before{position:absolute;right:15px;bottom:0;left:15px;height:3px;background-color:#f05023;content:\"\"}.evo-submenu__link,.evo-submenu__link:hover,.evo-submenu__link:focus{position:relative;display:flex;align-items:center;height:60px;padding:20px 15px;color:#212121;font-size:14px;font-family:var(--evo-font-secondary);white-space:nowrap;text-transform:uppercase;text-decoration:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgxPageScrollDirective, selector: "[pageScroll]", inputs: ["routerLink", "href", "fragment", "pageScrollTarget", "pageScrollHorizontal", "pageScrollOffset", "pageScrollDuration", "pageScrollSpeed", "pageScrollEasing", "pageScrollInterruptible", "pageScrollInView", "pageScrollAdjustHash", "pageScroll"], outputs: ["pageScrollFinish"] }, { type: i3$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSubmenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-submenu', template: "<section class=\"evo-submenu\">\n    <div class=\"evo-submenu__wrapper\" [evoUiClass]=\"{affix: isFloated, 'has-offset-left': offsetLeft}\">\n        <div #container class=\"container evo-submenu__container\">\n            <ul class=\"evo-submenu__list\">\n                <ng-container *ngIf=\"menuType === evoSubmenuType.scroll\">\n                    <li *ngFor=\"let item of items; let index = index;\"\n                        class=\"evo-submenu__item\"\n                        [evoUiClass]=\"{active: index === activeItemIndex}\"\n                        role=\"presentation\">\n                        <a class=\"evo-submenu__link\"\n                           [pageScrollDuration]=\"200\"\n                           [pageScrollOffset]=\"item.scrollOffset || 0\"\n                           pageScroll\n                           href=\"#{{ item.href }}\">{{ item.title }}</a>\n                    </li>\n                </ng-container>\n                <ng-container *ngIf=\"menuType === evoSubmenuType.router || menuType === evoSubmenuType.outer\">\n                    <li *ngFor=\"let item of items; let index = index;\"\n                        class=\"evo-submenu__item\"\n                        routerLinkActive=\"evo-submenu__item_active\"\n                        [ngClass]=\"{'evo-submenu__item_active': item.isActive}\"\n                        role=\"presentation\">\n                        <ng-container *ngIf=\"item.type === evoSubmenuType.router || (! item.type && menuType === evoSubmenuType.router)\">\n                            <a class=\"evo-submenu__link\"\n                               [routerLink]=\"[item.href]\">{{ item.title }}</a>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.type === evoSubmenuType.outer || (! item.type && menuType === evoSubmenuType.outer)\">\n                            <a class=\"evo-submenu__link\"\n                               href=\"{{ item.href }}\"\n                               [target]=\"item.target || '_self'\"\n                            >{{ item.title }}</a>\n                        </ng-container>\n                    </li>\n                </ng-container>\n            </ul>\n        </div>\n    </div>\n</section>\n", styles: [".evo-submenu{height:60px;margin-top:38px}.evo-submenu__wrapper{height:60px;overflow:hidden;background-color:#fff;border-bottom:solid 1px #C6C6C6}.evo-submenu__wrapper_affix{position:fixed;top:80px;right:0;left:0;z-index:110;box-shadow:0 1px 10px #0003,0 4px 5px #0000001f,0 2px 4px #00000024}.evo-submenu__container{padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.evo-submenu__button{display:none}@media (min-width: 992px){.evo-submenu__button{display:block;float:right;margin-top:12px}}.evo-submenu__list{display:flex;float:left;margin:0;padding:0;list-style:none}.evo-submenu__item_active .evo-submenu__link{color:#f05023}.evo-submenu__item_active .evo-submenu__link:before{position:absolute;right:15px;bottom:0;left:15px;height:3px;background-color:#f05023;content:\"\"}.evo-submenu__link,.evo-submenu__link:hover,.evo-submenu__link:focus{position:relative;display:flex;align-items:center;height:60px;padding:20px 15px;color:#212121;font-size:14px;font-family:var(--evo-font-secondary);white-space:nowrap;text-transform:uppercase;text-decoration:none}\n"] }]
@@ -5954,7 +5955,7 @@ class EvoSwitcherComponent {
     }
 }
 EvoSwitcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoSwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSwitcherComponent, selector: "evo-switcher", inputs: { items: "items", selectedIndex: "selectedIndex" }, outputs: { onItemSelection: "onItemSelection" }, ngImport: i0, template: "<div class=\"evo-switcher\">\n    <div class=\"evo-switcher__item\"\n         *ngFor=\"let item of items; let i = index;\"\n         [evoUiClass]=\"{selected: i === selectedIndex}\"\n         (click)=\"handleItemClick(i)\">{{ item }}\n    </div>\n</div>\n", styles: [".evo-switcher{position:relative;display:flex;flex-wrap:nowrap;box-sizing:border-box;height:30px;overflow:hidden;background:#FFFFFF;border:solid 1px #78909c;border-radius:30px}.evo-switcher__item{width:140px;padding:6px 0;color:#435b67;font-weight:600;font-size:14px;line-height:16px;cursor:pointer;transition:.2s}.evo-switcher__item_selected{width:140px;color:#fff;background:#435B67;border-radius:30px}@media (max-width: 768px){:host{display:block;width:100%;height:60px;overflow:hidden;box-shadow:0 1px #ededed}.evo-switcher{justify-content:left;box-sizing:content-box;height:60px;padding-bottom:20px;overflow-x:scroll;overflow-y:hidden;background:none;border:none;border-radius:0}.evo-switcher__item{position:relative;display:flex;align-items:center;width:auto;height:60px;margin-right:30px;padding:20px 0;color:#546e7a;font-weight:700;font-size:14px;font-family:var(--evo-font-secondary);white-space:nowrap;text-transform:uppercase;text-decoration:none;background:none;transition:none}.evo-switcher__item_selected{color:#f05023}.evo-switcher__item_selected:before{position:absolute;right:0;bottom:0;left:0;height:3px;background-color:#f05023;content:\"\"}}\n"], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
+EvoSwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoSwitcherComponent, selector: "evo-switcher", inputs: { items: "items", selectedIndex: "selectedIndex" }, outputs: { onItemSelection: "onItemSelection" }, ngImport: i0, template: "<div class=\"evo-switcher\">\n    <div class=\"evo-switcher__item\"\n         *ngFor=\"let item of items; let i = index;\"\n         [evoUiClass]=\"{selected: i === selectedIndex}\"\n         (click)=\"handleItemClick(i)\">{{ item }}\n    </div>\n</div>\n", styles: [".evo-switcher{position:relative;display:flex;flex-wrap:nowrap;box-sizing:border-box;height:30px;overflow:hidden;background:#FFFFFF;border:solid 1px #78909c;border-radius:30px}.evo-switcher__item{width:140px;padding:6px 0;color:#435b67;font-weight:600;font-size:14px;line-height:16px;cursor:pointer;transition:.2s}.evo-switcher__item_selected{width:140px;color:#fff;background:#435B67;border-radius:30px}@media (max-width: 768px){:host{display:block;width:100%;height:60px;overflow:hidden;box-shadow:0 1px #ededed}.evo-switcher{justify-content:left;box-sizing:content-box;height:60px;padding-bottom:20px;overflow-x:scroll;overflow-y:hidden;background:none;border:none;border-radius:0}.evo-switcher__item{position:relative;display:flex;align-items:center;width:auto;height:60px;margin-right:30px;padding:20px 0;color:#546e7a;font-weight:700;font-size:14px;font-family:var(--evo-font-secondary);white-space:nowrap;text-transform:uppercase;text-decoration:none;background:none;transition:none}.evo-switcher__item_selected{color:#f05023}.evo-switcher__item_selected:before{position:absolute;right:0;bottom:0;left:0;height:3px;background-color:#f05023;content:\"\"}}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSwitcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-switcher', template: "<div class=\"evo-switcher\">\n    <div class=\"evo-switcher__item\"\n         *ngFor=\"let item of items; let i = index;\"\n         [evoUiClass]=\"{selected: i === selectedIndex}\"\n         (click)=\"handleItemClick(i)\">{{ item }}\n    </div>\n</div>\n", styles: [".evo-switcher{position:relative;display:flex;flex-wrap:nowrap;box-sizing:border-box;height:30px;overflow:hidden;background:#FFFFFF;border:solid 1px #78909c;border-radius:30px}.evo-switcher__item{width:140px;padding:6px 0;color:#435b67;font-weight:600;font-size:14px;line-height:16px;cursor:pointer;transition:.2s}.evo-switcher__item_selected{width:140px;color:#fff;background:#435B67;border-radius:30px}@media (max-width: 768px){:host{display:block;width:100%;height:60px;overflow:hidden;box-shadow:0 1px #ededed}.evo-switcher{justify-content:left;box-sizing:content-box;height:60px;padding-bottom:20px;overflow-x:scroll;overflow-y:hidden;background:none;border:none;border-radius:0}.evo-switcher__item{position:relative;display:flex;align-items:center;width:auto;height:60px;margin-right:30px;padding:20px 0;color:#546e7a;font-weight:700;font-size:14px;font-family:var(--evo-font-secondary);white-space:nowrap;text-transform:uppercase;text-decoration:none;background:none;transition:none}.evo-switcher__item_selected{color:#f05023}.evo-switcher__item_selected:before{position:absolute;right:0;bottom:0;left:0;height:3px;background-color:#f05023;content:\"\"}}\n"] }]
@@ -6067,7 +6068,7 @@ class EvoTableComponent {
     }
 }
 EvoTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTableComponent, selector: "evo-table", inputs: { data: "data", showHeader: "showHeader", stripe: "stripe", visibleColumns: "visibleColumns", rowClasses: "rowClasses" }, outputs: { rowClick: "rowClick" }, queries: [{ propertyName: "columns", predicate: EvoTableColumnComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-table\"\n     [ngClass]=\"{'evo-table_row-clickable': states.isRowClickable}\"\n>\n    <div class=\"evo-table__row evo-table__row_head mobile-hide\" *ngIf=\"showHeader\">\n        <div class=\"evo-table__cell evo-table__cell_head\"\n             *ngFor=\"let column of filteredColumns\" [ngClass]=\"column.className\">\n            <ng-container *ngIf=\"column.header as header else label\">\n                <ng-container *ngTemplateOutlet=\"header; context: { label: column.label }\"></ng-container>\n            </ng-container>\n            <ng-template #label>{{ column.label }}</ng-template>\n        </div>\n    </div>\n\n    <div class=\"evo-table__row\"\n         [ngClass]=\"rowClasses\"\n         *ngFor=\"let item of data; let row = index\"\n         (click)=\"onRowClick(row, item, $event)\">\n        <div class=\"evo-table__cell\"\n             *ngFor=\"let column of filteredColumns; let col = index\" [ngClass]=\"column.className\">\n\n            <div class=\"evo-table__label mobile-show\" *ngIf=\"column.label\">\n                <ng-container *ngIf=\"column.header as header else mobileLabel\">\n                    <ng-container *ngTemplateOutlet=\"header; context: { label: column.label }\"></ng-container>\n                </ng-container>\n                <ng-template #mobileLabel>{{ column.label }}</ng-template>\n            </div>\n\n\n            <div class=\"evo-table__data\"\n                 *ngIf=\"column.content as content else prop\">\n                <ng-container *ngTemplateOutlet=\"content; context: { row: row, col: col, item: item }\"></ng-container>\n            </div>\n\n            <ng-template #prop>\n                {{ column.formatter(row, col, column.prop !== undefined ? item[column.prop] : item, item) }}\n            </ng-template>\n        </div>\n    </div>\n</div>\n", styles: [".evo-table{color:#212121}@media (min-width: 768px){.evo-table{display:table;width:100%}}.evo-table__row{padding:8px}.evo-table__row:nth-child(2n){background-color:#f4f6f8}@media (min-width: 768px){.evo-table__row{display:table-row}.evo-table__row:hover{background-color:#fff8e6}.evo-table__row_head:hover{background:none}}.evo-table__cell{margin-bottom:20px}.evo-table__cell:last-child{margin-bottom:0}@media (min-width: 768px){.evo-table__cell{display:table-cell;height:48px;padding:0 8px;vertical-align:middle}}.evo-table__cell_head{height:auto;padding-top:0;padding-bottom:16px;font-weight:600;white-space:nowrap}@media (min-width: 768px){.evo-table__cell.text-right{text-align:right}}@media (min-width: 768px){.evo-table__cell.text-center{text-align:center}}.evo-table__sort{position:relative;display:inline-block;padding-right:20px;vertical-align:top;cursor:pointer}.evo-table__sort_up:after,.evo-table__sort_down:after{content:\"\";position:absolute;right:0;border:5px solid transparent}.evo-table__sort_up:after{top:4px;border-bottom-color:#212121}.evo-table__sort_down:after{top:8px;border-top-color:#212121}.evo-table__label{margin-bottom:4px;font-weight:600}.evo-table_row-clickable .evo-table__row{cursor:pointer}:host(.evo-table_mobile) .evo-table__row{padding:0}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__row{display:table-row}:host(.evo-table_mobile) .evo-table__row:hover{background-color:#fff8e6}:host(.evo-table_mobile) .evo-table__row_head:hover{background:none}}:host(.evo-table_mobile) .evo-table__cell{display:flex;margin-bottom:0;padding:13px 8px}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__cell{display:table-cell;height:52px;padding:11px 16px;vertical-align:middle}}:host(.evo-table_mobile) .evo-table__label{width:50%;margin-bottom:0}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__label{width:auto;margin-bottom:4px}}:host(.evo-table_mobile-align_right) .evo-table__cell{justify-content:space-between}:host(.evo-table_mobile_short) .evo-table{display:table;width:100%}:host(.evo-table_mobile_short) .evo-table__row{display:table-row;padding:16px}:host(.evo-table_mobile_short) .evo-table__row:nth-child(2n){background-color:#f4f6f8}:host(.evo-table_mobile_short) .evo-table__row:hover{background-color:#fff8e6}:host(.evo-table_mobile_short) .evo-table__row_head:hover{background:none}:host(.evo-table_mobile_short) .evo-table__cell{display:table-cell;height:52px;padding:11px 16px;vertical-align:middle}:host(.evo-table_mobile_short) .evo-table__cell_head{height:auto;padding-top:0;padding-bottom:16px;font-weight:600;white-space:nowrap;border-top:none}:host(.evo-table_with-title) .evo-table__cell{font-weight:400}:host(.evo-table_with-title) .evo-table__cell:first-child{font-weight:600}@media (min-width: 768px){:host(.evo-table_with-title) .evo-table__cell:first-child{font-weight:400}}:host(.evo-table_with-title) .evo-table__cell:first-child .evo-table__label{display:none}:host(.evo-table_with-title) .evo-table__label{font-weight:400}\n"], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+EvoTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTableComponent, selector: "evo-table", inputs: { data: "data", showHeader: "showHeader", stripe: "stripe", visibleColumns: "visibleColumns", rowClasses: "rowClasses" }, outputs: { rowClick: "rowClick" }, queries: [{ propertyName: "columns", predicate: EvoTableColumnComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-table\"\n     [ngClass]=\"{'evo-table_row-clickable': states.isRowClickable}\"\n>\n    <div class=\"evo-table__row evo-table__row_head mobile-hide\" *ngIf=\"showHeader\">\n        <div class=\"evo-table__cell evo-table__cell_head\"\n             *ngFor=\"let column of filteredColumns\" [ngClass]=\"column.className\">\n            <ng-container *ngIf=\"column.header as header else label\">\n                <ng-container *ngTemplateOutlet=\"header; context: { label: column.label }\"></ng-container>\n            </ng-container>\n            <ng-template #label>{{ column.label }}</ng-template>\n        </div>\n    </div>\n\n    <div class=\"evo-table__row\"\n         [ngClass]=\"rowClasses\"\n         *ngFor=\"let item of data; let row = index\"\n         (click)=\"onRowClick(row, item, $event)\">\n        <div class=\"evo-table__cell\"\n             *ngFor=\"let column of filteredColumns; let col = index\" [ngClass]=\"column.className\">\n\n            <div class=\"evo-table__label mobile-show\" *ngIf=\"column.label\">\n                <ng-container *ngIf=\"column.header as header else mobileLabel\">\n                    <ng-container *ngTemplateOutlet=\"header; context: { label: column.label }\"></ng-container>\n                </ng-container>\n                <ng-template #mobileLabel>{{ column.label }}</ng-template>\n            </div>\n\n\n            <div class=\"evo-table__data\"\n                 *ngIf=\"column.content as content else prop\">\n                <ng-container *ngTemplateOutlet=\"content; context: { row: row, col: col, item: item }\"></ng-container>\n            </div>\n\n            <ng-template #prop>\n                {{ column.formatter(row, col, column.prop !== undefined ? item[column.prop] : item, item) }}\n            </ng-template>\n        </div>\n    </div>\n</div>\n", styles: [".evo-table{color:#212121}@media (min-width: 768px){.evo-table{display:table;width:100%}}.evo-table__row{padding:8px}.evo-table__row:nth-child(2n){background-color:#f4f6f8}@media (min-width: 768px){.evo-table__row{display:table-row}.evo-table__row:hover{background-color:#fff8e6}.evo-table__row_head:hover{background:none}}.evo-table__cell{margin-bottom:20px}.evo-table__cell:last-child{margin-bottom:0}@media (min-width: 768px){.evo-table__cell{display:table-cell;height:48px;padding:0 8px;vertical-align:middle}}.evo-table__cell_head{height:auto;padding-top:0;padding-bottom:16px;font-weight:600;white-space:nowrap}@media (min-width: 768px){.evo-table__cell.text-right{text-align:right}}@media (min-width: 768px){.evo-table__cell.text-center{text-align:center}}.evo-table__sort{position:relative;display:inline-block;padding-right:20px;vertical-align:top;cursor:pointer}.evo-table__sort_up:after,.evo-table__sort_down:after{content:\"\";position:absolute;right:0;border:5px solid transparent}.evo-table__sort_up:after{top:4px;border-bottom-color:#212121}.evo-table__sort_down:after{top:8px;border-top-color:#212121}.evo-table__label{margin-bottom:4px;font-weight:600}.evo-table_row-clickable .evo-table__row{cursor:pointer}:host(.evo-table_mobile) .evo-table__row{padding:0}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__row{display:table-row}:host(.evo-table_mobile) .evo-table__row:hover{background-color:#fff8e6}:host(.evo-table_mobile) .evo-table__row_head:hover{background:none}}:host(.evo-table_mobile) .evo-table__cell{display:flex;margin-bottom:0;padding:13px 8px}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__cell{display:table-cell;height:52px;padding:11px 16px;vertical-align:middle}}:host(.evo-table_mobile) .evo-table__label{width:50%;margin-bottom:0}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__label{width:auto;margin-bottom:4px}}:host(.evo-table_mobile-align_right) .evo-table__cell{justify-content:space-between}:host(.evo-table_mobile_short) .evo-table{display:table;width:100%}:host(.evo-table_mobile_short) .evo-table__row{display:table-row;padding:16px}:host(.evo-table_mobile_short) .evo-table__row:nth-child(2n){background-color:#f4f6f8}:host(.evo-table_mobile_short) .evo-table__row:hover{background-color:#fff8e6}:host(.evo-table_mobile_short) .evo-table__row_head:hover{background:none}:host(.evo-table_mobile_short) .evo-table__cell{display:table-cell;height:52px;padding:11px 16px;vertical-align:middle}:host(.evo-table_mobile_short) .evo-table__cell_head{height:auto;padding-top:0;padding-bottom:16px;font-weight:600;white-space:nowrap;border-top:none}:host(.evo-table_with-title) .evo-table__cell{font-weight:400}:host(.evo-table_with-title) .evo-table__cell:first-child{font-weight:600}@media (min-width: 768px){:host(.evo-table_with-title) .evo-table__cell:first-child{font-weight:400}}:host(.evo-table_with-title) .evo-table__cell:first-child .evo-table__label{display:none}:host(.evo-table_with-title) .evo-table__label{font-weight:400}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-table', template: "<div class=\"evo-table\"\n     [ngClass]=\"{'evo-table_row-clickable': states.isRowClickable}\"\n>\n    <div class=\"evo-table__row evo-table__row_head mobile-hide\" *ngIf=\"showHeader\">\n        <div class=\"evo-table__cell evo-table__cell_head\"\n             *ngFor=\"let column of filteredColumns\" [ngClass]=\"column.className\">\n            <ng-container *ngIf=\"column.header as header else label\">\n                <ng-container *ngTemplateOutlet=\"header; context: { label: column.label }\"></ng-container>\n            </ng-container>\n            <ng-template #label>{{ column.label }}</ng-template>\n        </div>\n    </div>\n\n    <div class=\"evo-table__row\"\n         [ngClass]=\"rowClasses\"\n         *ngFor=\"let item of data; let row = index\"\n         (click)=\"onRowClick(row, item, $event)\">\n        <div class=\"evo-table__cell\"\n             *ngFor=\"let column of filteredColumns; let col = index\" [ngClass]=\"column.className\">\n\n            <div class=\"evo-table__label mobile-show\" *ngIf=\"column.label\">\n                <ng-container *ngIf=\"column.header as header else mobileLabel\">\n                    <ng-container *ngTemplateOutlet=\"header; context: { label: column.label }\"></ng-container>\n                </ng-container>\n                <ng-template #mobileLabel>{{ column.label }}</ng-template>\n            </div>\n\n\n            <div class=\"evo-table__data\"\n                 *ngIf=\"column.content as content else prop\">\n                <ng-container *ngTemplateOutlet=\"content; context: { row: row, col: col, item: item }\"></ng-container>\n            </div>\n\n            <ng-template #prop>\n                {{ column.formatter(row, col, column.prop !== undefined ? item[column.prop] : item, item) }}\n            </ng-template>\n        </div>\n    </div>\n</div>\n", styles: [".evo-table{color:#212121}@media (min-width: 768px){.evo-table{display:table;width:100%}}.evo-table__row{padding:8px}.evo-table__row:nth-child(2n){background-color:#f4f6f8}@media (min-width: 768px){.evo-table__row{display:table-row}.evo-table__row:hover{background-color:#fff8e6}.evo-table__row_head:hover{background:none}}.evo-table__cell{margin-bottom:20px}.evo-table__cell:last-child{margin-bottom:0}@media (min-width: 768px){.evo-table__cell{display:table-cell;height:48px;padding:0 8px;vertical-align:middle}}.evo-table__cell_head{height:auto;padding-top:0;padding-bottom:16px;font-weight:600;white-space:nowrap}@media (min-width: 768px){.evo-table__cell.text-right{text-align:right}}@media (min-width: 768px){.evo-table__cell.text-center{text-align:center}}.evo-table__sort{position:relative;display:inline-block;padding-right:20px;vertical-align:top;cursor:pointer}.evo-table__sort_up:after,.evo-table__sort_down:after{content:\"\";position:absolute;right:0;border:5px solid transparent}.evo-table__sort_up:after{top:4px;border-bottom-color:#212121}.evo-table__sort_down:after{top:8px;border-top-color:#212121}.evo-table__label{margin-bottom:4px;font-weight:600}.evo-table_row-clickable .evo-table__row{cursor:pointer}:host(.evo-table_mobile) .evo-table__row{padding:0}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__row{display:table-row}:host(.evo-table_mobile) .evo-table__row:hover{background-color:#fff8e6}:host(.evo-table_mobile) .evo-table__row_head:hover{background:none}}:host(.evo-table_mobile) .evo-table__cell{display:flex;margin-bottom:0;padding:13px 8px}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__cell{display:table-cell;height:52px;padding:11px 16px;vertical-align:middle}}:host(.evo-table_mobile) .evo-table__label{width:50%;margin-bottom:0}@media (min-width: 768px){:host(.evo-table_mobile) .evo-table__label{width:auto;margin-bottom:4px}}:host(.evo-table_mobile-align_right) .evo-table__cell{justify-content:space-between}:host(.evo-table_mobile_short) .evo-table{display:table;width:100%}:host(.evo-table_mobile_short) .evo-table__row{display:table-row;padding:16px}:host(.evo-table_mobile_short) .evo-table__row:nth-child(2n){background-color:#f4f6f8}:host(.evo-table_mobile_short) .evo-table__row:hover{background-color:#fff8e6}:host(.evo-table_mobile_short) .evo-table__row_head:hover{background:none}:host(.evo-table_mobile_short) .evo-table__cell{display:table-cell;height:52px;padding:11px 16px;vertical-align:middle}:host(.evo-table_mobile_short) .evo-table__cell_head{height:auto;padding-top:0;padding-bottom:16px;font-weight:600;white-space:nowrap;border-top:none}:host(.evo-table_with-title) .evo-table__cell{font-weight:400}:host(.evo-table_with-title) .evo-table__cell:first-child{font-weight:600}@media (min-width: 768px){:host(.evo-table_with-title) .evo-table__cell:first-child{font-weight:400}}:host(.evo-table_with-title) .evo-table__cell:first-child .evo-table__label{display:none}:host(.evo-table_with-title) .evo-table__label{font-weight:400}\n"] }]
@@ -6375,7 +6376,7 @@ class EvoTabsComponent {
     }
 }
 EvoTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTabsComponent, deps: [{ token: EvoTabsService }, { token: EvoTabsSizeService }], target: i0.ɵɵFactoryTarget.Component });
-EvoTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTabsComponent, selector: "evo-tabs", inputs: { name: "name", setSize: ["size", "setSize"] }, providers: [EvoTabsSizeService], queries: [{ propertyName: "tabComponentsList", predicate: EvoTabComponent }], ngImport: i0, template: "<div class=\"evo-tabs\" [evoUiClass]=\"blockClasses\" *ngIf=\"hasRegisteredTabs\">\n    <div class=\"evo-tabs__container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".evo-tabs{height:48px;overflow:hidden;box-shadow:inset 0 -1px #c6c6c6}.evo-tabs_size-small{height:32px}.evo-tabs__container{position:relative;display:flex;padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}\n"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
+EvoTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTabsComponent, selector: "evo-tabs", inputs: { name: "name", setSize: ["size", "setSize"] }, providers: [EvoTabsSizeService], queries: [{ propertyName: "tabComponentsList", predicate: EvoTabComponent }], ngImport: i0, template: "<div class=\"evo-tabs\" [evoUiClass]=\"blockClasses\" *ngIf=\"hasRegisteredTabs\">\n    <div class=\"evo-tabs__container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".evo-tabs{height:48px;overflow:hidden;box-shadow:inset 0 -1px #c6c6c6}.evo-tabs_size-small{height:32px}.evo-tabs__container{position:relative;display:flex;padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-tabs', providers: [EvoTabsSizeService], template: "<div class=\"evo-tabs\" [evoUiClass]=\"blockClasses\" *ngIf=\"hasRegisteredTabs\">\n    <div class=\"evo-tabs__container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".evo-tabs{height:48px;overflow:hidden;box-shadow:inset 0 -1px #c6c6c6}.evo-tabs_size-small{height:32px}.evo-tabs__container{position:relative;display:flex;padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}\n"] }]
@@ -6412,7 +6413,7 @@ class EvoTabContentComponent {
     }
 }
 EvoTabContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTabContentComponent, deps: [{ token: EvoTabsService }], target: i0.ɵɵFactoryTarget.Component });
-EvoTabContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTabContentComponent, selector: "evo-tab-content, [evoTabContent]", inputs: { tabsRef: "tabsRef" }, ngImport: i0, template: "<div *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EvoTabContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTabContentComponent, selector: "evo-tab-content, [evoTabContent]", inputs: { tabsRef: "tabsRef" }, ngImport: i0, template: "<div *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTabContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-tab-content, [evoTabContent]', template: "<div *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</div>\n" }]
@@ -6500,7 +6501,7 @@ EvoTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             useExisting: forwardRef(() => EvoTextareaComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<textarea [(ngModel)]=\"value\"\n          [evoUiClass]=\"textareaClasses\"\n          [placeholder]=\"placeholder\"\n          [rows]=\"rows\"\n          [disabled]=\"disabled\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          class=\"evo-textarea\"></textarea>\n<evo-control-error *ngIf=\"showErrors\"\n                   [errors]=\"control.errors\"\n                   [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}:host{display:inline-block}.evo-textarea{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;width:100%;height:auto;padding:8px 12px;white-space:normal;transition:box-shadow .3s,border .3s;resize:vertical}.evo-textarea:hover{border:1px solid #9B9B9B}.evo-textarea_focused{border:solid 1px #74706F}.evo-textarea_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-textarea_invalid{border-color:#ff1817!important}.evo-textarea_size_small{padding:4px 12px}.evo-textarea::placeholder{color:#9b9b9b}.evo-textarea[disabled]{white-space:normal;background:#F9FAFB}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    ], usesInheritance: true, ngImport: i0, template: "<textarea [(ngModel)]=\"value\"\n          [evoUiClass]=\"textareaClasses\"\n          [placeholder]=\"placeholder\"\n          [rows]=\"rows\"\n          [disabled]=\"disabled\"\n          (focus)=\"onFocus()\"\n          (blur)=\"onBlur()\"\n          class=\"evo-textarea\"></textarea>\n<evo-control-error *ngIf=\"showErrors\"\n                   [errors]=\"control.errors\"\n                   [errorsMessages]=\"errorsMessages\"></evo-control-error>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;--evo-input-prefix-content-margin: 4px 8px 4px 4px}.evo-input{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 8px;--evo-input-padding-bottom: 8px;position:relative;cursor:text}.evo-input_focused{border:solid 1px #74706F}.evo-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-input_invalid{border-color:#ff1817!important}.evo-input_theme-default{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}:host{display:inline-block}.evo-textarea{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;width:100%;height:auto;padding:8px 12px;white-space:normal;transition:box-shadow .3s,border .3s;resize:vertical}.evo-textarea:hover{border:1px solid #9B9B9B}.evo-textarea_focused{border:solid 1px #74706F}.evo-textarea_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-textarea_invalid{border-color:#ff1817!important}.evo-textarea_size_small{padding:4px 12px}.evo-textarea::placeholder{color:#9b9b9b}.evo-textarea[disabled]{white-space:normal;background:#F9FAFB}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-textarea', providers: [
@@ -6647,7 +6648,7 @@ class EvoToastComponent {
     }
 }
 EvoToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoToastComponent, deps: [{ token: EvoToastService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoToastComponent, selector: "evo-toast", ngImport: i0, template: "<div class=\"evo-toast__wrapper\"\n     [@appear]=\"toast ? 'in' : null\"\n     (@appear.done)=\"handleAnimationDone()\"\n     *ngIf=\"toast\">\n    <div class=\"evo-toast\" [evoUiClass]=\"toast?.type || ''\">\n        <ng-container *ngIf=\"toast?.message\">\n            <div class=\"evo-toast__message\" [innerHTML]=\"toast?.message\"></div>\n        </ng-container>\n        <ng-container *ngIf=\"toast?.templateRef\">\n            <div class=\"evo-toast__message\">\n                <ng-container [ngTemplateOutlet]=\"toast?.templateRef\"></ng-container>\n            </div>\n        </ng-container>\n        <evo-icon class=\"evo-toast__close\" shape=\"close\" (click)=\"close()\"></evo-icon>\n    </div>\n</div>\n", styles: [".evo-toast{display:flex;width:300px;padding:16px;background:#403C3D;border-radius:8px;box-shadow:0 8px 10px #0003,0 6px 30px #0000001f,0 16px 24px #00000024}.evo-toast_danger{background:#FF6F6F;box-shadow:0 8px 10px #ff6f6f33,0 6px 30px #ff6f6f1f,0 16px 24px #ff6f6f24}.evo-toast_success{background:#21C68B;box-shadow:0 8px 10px #21c68b33,0 6px 30px #21c68b1f,0 16px 24px #21c68b24}.evo-toast__wrapper{position:fixed;bottom:32px;left:calc(50% - 150px)}.evo-toast__message{flex:1;color:#fff;font-weight:600;font-size:14px}.evo-toast__close{flex-shrink:0;width:24px;height:24px;cursor:pointer;opacity:.5;transition:opacity .25s;-webkit-user-select:none;user-select:none;fill:#fff}.evo-toast__close:hover{opacity:1}.evo-toast_danger::ng-deep a:link,.evo-toast_danger::ng-deep a:hover,.evo-toast_danger::ng-deep a:active,.evo-toast_danger::ng-deep a:visited,.evo-toast_success::ng-deep a:link,.evo-toast_success::ng-deep a:hover,.evo-toast_success::ng-deep a:active,.evo-toast_success::ng-deep a:visited{color:#fff;font-weight:700;text-decoration:underline}.evo-toast_danger::ng-deep *,.evo-toast_success::ng-deep *{color:#fff}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
+EvoToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoToastComponent, selector: "evo-toast", ngImport: i0, template: "<div class=\"evo-toast__wrapper\"\n     [@appear]=\"toast ? 'in' : null\"\n     (@appear.done)=\"handleAnimationDone()\"\n     *ngIf=\"toast\">\n    <div class=\"evo-toast\" [evoUiClass]=\"toast?.type || ''\">\n        <ng-container *ngIf=\"toast?.message\">\n            <div class=\"evo-toast__message\" [innerHTML]=\"toast?.message\"></div>\n        </ng-container>\n        <ng-container *ngIf=\"toast?.templateRef\">\n            <div class=\"evo-toast__message\">\n                <ng-container [ngTemplateOutlet]=\"toast?.templateRef\"></ng-container>\n            </div>\n        </ng-container>\n        <evo-icon class=\"evo-toast__close\" shape=\"close\" (click)=\"close()\"></evo-icon>\n    </div>\n</div>\n", styles: [".evo-toast{display:flex;width:300px;padding:16px;background:#403C3D;border-radius:8px;box-shadow:0 8px 10px #0003,0 6px 30px #0000001f,0 16px 24px #00000024}.evo-toast_danger{background:#FF6F6F;box-shadow:0 8px 10px #ff6f6f33,0 6px 30px #ff6f6f1f,0 16px 24px #ff6f6f24}.evo-toast_success{background:#21C68B;box-shadow:0 8px 10px #21c68b33,0 6px 30px #21c68b1f,0 16px 24px #21c68b24}.evo-toast__wrapper{position:fixed;bottom:32px;left:calc(50% - 150px)}.evo-toast__message{flex:1;color:#fff;font-weight:600;font-size:14px}.evo-toast__close{flex-shrink:0;width:24px;height:24px;cursor:pointer;opacity:.5;transition:opacity .25s;-webkit-user-select:none;user-select:none;fill:#fff}.evo-toast__close:hover{opacity:1}.evo-toast_danger::ng-deep a:link,.evo-toast_danger::ng-deep a:hover,.evo-toast_danger::ng-deep a:active,.evo-toast_danger::ng-deep a:visited,.evo-toast_success::ng-deep a:link,.evo-toast_success::ng-deep a:hover,.evo-toast_success::ng-deep a:active,.evo-toast_success::ng-deep a:visited{color:#fff;font-weight:700;text-decoration:underline}.evo-toast_danger::ng-deep *,.evo-toast_success::ng-deep *{color:#fff}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
         trigger('appear', [
             transition('void => in', [
                 style({
@@ -6769,7 +6770,7 @@ EvoToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => EvoToggleComponent),
             multi: true,
         },
-    ], ngImport: i0, template: "<label class=\"evo-toggle\" [evoUiClass]=\"totalClasses\">\n    <input type=\"checkbox\" [(ngModel)]=\"value\" [disabled]=\"isDisabled\">\n    <span class=\"slider\"></span>\n</label>\n", styles: [":host{position:relative;display:inline-block}.evo-toggle{display:flex;justify-content:center;align-items:center;width:40px;height:24px;cursor:pointer}.evo-toggle_disabled{cursor:default;opacity:.5}.evo-toggle input{display:none}.slider{position:absolute;display:inline-block;width:34px;height:14px;background-color:#c6c6c6;border-radius:16px;transition:background-color .3s;mix-blend-mode:normal}.slider:before{position:absolute;top:-3px;left:-3px;width:20px;height:20px;background-color:#f4f6f8;border-radius:50%;box-shadow:0 1px 3px #0003,0 2px 2px #0000001f,0 0 2px #00000024;transition:color .3s,background-color .3s,transform .3s;content:\"\"}input[type=checkbox]:checked+.slider{background:rgba(9,134,226,.5)}input[type=checkbox]:checked+.slider:before{right:0;left:0;background-color:#0986e2;transform:translate(18px);pointer-events:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], ngImport: i0, template: "<label class=\"evo-toggle\" [evoUiClass]=\"totalClasses\">\n    <input type=\"checkbox\" [(ngModel)]=\"value\" [disabled]=\"isDisabled\">\n    <span class=\"slider\"></span>\n</label>\n", styles: [":host{position:relative;display:inline-block}.evo-toggle{display:flex;justify-content:center;align-items:center;width:40px;height:24px;cursor:pointer}.evo-toggle_disabled{cursor:default;opacity:.5}.evo-toggle input{display:none}.slider{position:absolute;display:inline-block;width:34px;height:14px;background-color:#c6c6c6;border-radius:16px;transition:background-color .3s;mix-blend-mode:normal}.slider:before{position:absolute;top:-3px;left:-3px;width:20px;height:20px;background-color:#f4f6f8;border-radius:50%;box-shadow:0 1px 3px #0003,0 2px 2px #0000001f,0 0 2px #00000024;transition:color .3s,background-color .3s,transform .3s;content:\"\"}input[type=checkbox]:checked+.slider{background:rgba(9,134,226,.5)}input[type=checkbox]:checked+.slider:before{right:0;left:0;background-color:#0986e2;transform:translate(18px);pointer-events:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-toggle', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -7017,14 +7018,14 @@ class EvoUploadComponent extends EvoBaseControl {
         return control.controls.length > this.maxFiles ? { maxFiles: true } : null;
     }
 }
-EvoUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoUploadComponent, deps: [{ token: i1$2.FormBuilder }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+EvoUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoUploadComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
 EvoUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoUploadComponent, selector: "evo-upload", inputs: { accept: "accept", dropZoneLabel: "dropZoneLabel", dropZoneHint: "dropZoneHint", hideClearButton: "hideClearButton", hideSubmitButton: "hideSubmitButton", clickableFiles: "clickableFiles", earlyValidation: "earlyValidation", fileSizeLimit: "fileSizeLimit", maxFiles: "maxFiles", loading: "loading" }, outputs: { submit: "submit", addFiles: "addFiles", remove: "remove", clickFile: "clickFile" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => EvoUploadComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "inputFileElement", first: true, predicate: ["inputFile"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"evo-upload\">\n    <label\n        class=\"evo-upload__wrapper\"\n        [evoUiClass]=\"{over: states.isDragOver, disabled: isDisabled || loading}\"\n        (click)=\"onTouched()\"\n        (dragover)=\"handleDragOver($event)\"\n        (dragleave)=\"handleDragLeave($event)\"\n        (drop)=\"handleDrop($event)\"\n    >\n        <evo-icon\n            shape=\"upload\"\n            class=\"evo-upload__upload-icon\"\n            [evoUiClass]=\"{disabled: isDisabled || loading}\"\n        ></evo-icon>\n        <span class=\"evo-upload__title\" [evoUiClass]=\"{disabled: isDisabled || loading}\">{{ dropZoneLabel }}</span>\n\n        <span class=\"evo-upload__hint\" [evoUiClass]=\"{disabled: isDisabled || loading}\">\n            \u0438\u043B\u0438\n            <span class=\"evo-upload__fake-link\" [evoUiClass]=\"{disabled: isDisabled || loading}\">\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435</span>\n            <ng-container *ngIf=\"dropZoneHint\">\n                (\n                <span class=\"evo-upload__additional-hint\" [innerHTML]=\"dropZoneHint | safeHtml\"></span>\n                )\n            </ng-container>\n        </span>\n\n        <input\n            #inputFile\n            type=\"file\"\n            class=\"evo-upload__input\"\n            [accept]=\"accept\"\n            [disabled]=\"loading || isDisabled\"\n            [attr.multiple]=\"maxFiles === 1 ? null : true\"\n            (change)=\"inputChange($event.target.files)\"\n        />\n    </label>\n\n    <evo-alert *ngIf=\"!earlyValidation && filesForm.errors?.maxFiles\" type=\"danger\">\n        <ng-container>\n            \u041D\u0435\u043B\u044C\u0437\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0431\u043E\u043B\u0435\u0435 {{ maxFiles || 1 | declination:[\"\u0444\u0430\u0439\u043B\u0430\", \"\u0444\u0430\u0439\u043B\u043E\u0432\", \"\u0444\u0430\u0439\u043B\u043E\u0432\"] }}\n        </ng-container>\n    </evo-alert>\n    <evo-alert *ngIf=\"earlyValidation && filesForm.errors\" type=\"danger\">\n        <ul class=\"evo-list\">\n            <li *ngIf=\"filesForm.errors.maxFiles\">\n                \u041D\u0435\u043B\u044C\u0437\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0431\u043E\u043B\u0435\u0435 {{ maxFiles || 1 | declination:[\"\u0444\u0430\u0439\u043B\u0430\", \"\u0444\u0430\u0439\u043B\u043E\u0432\", \"\u0444\u0430\u0439\u043B\u043E\u0432\"] }}\n            </li>\n            <li *ngIf=\"filesForm.errors.size\">\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u044B\u0439 \u0440\u0430\u0437\u043C\u0435\u0440 \u043E\u0434\u043D\u043E\u0433\u043E \u0444\u0430\u0439\u043B\u0430 \u043D\u0435 \u0431\u043E\u043B\u0435\u0435 {{ filesSizeLimitText }}</li>\n            <li *ngIf=\"filesForm.errors.extension\">\u0412\u044B\u0431\u0440\u0430\u043D \u0444\u0430\u0439\u043B \u043D\u0435\u0434\u043E\u043F\u0443\u0441\u0442\u0438\u043C\u043E\u0433\u043E \u0444\u043E\u0440\u043C\u0430\u0442\u0430</li>\n        </ul>\n    </evo-alert>\n\n    <ul class=\"evo-upload__list\">\n        <li *ngFor=\"let file of filesForm.controls; let i = index\" class=\"evo-upload__list-item\">\n            <div class=\"evo-upload__item-inner\">\n                <evo-icon shape=\"file\" svgWidth=\"24\" svgHeight=\"24\" class=\"evo-upload__file-icon\"></evo-icon>\n\n                <span\n                    *ngIf=\"clickableFiles\"\n                    class=\"evo-upload__link evo-link\"\n                    (click)=\"clickFile.emit({ file: file.value, index: i })\"\n                >\n                    {{ file.value.name }}\n                </span>\n\n                <span *ngIf=\"!clickableFiles\">{{ file.value.name }}</span>\n            </div>\n\n            <evo-icon\n                shape=\"decline\"\n                svgWidth=\"24\"\n                svgHeight=\"24\"\n                class=\"evo-upload__button-remove\"\n                [evoUiClass]=\"{disabled: loading || isDisabled}\"\n                (click)=\"handleItemRemove(i)\"\n            ></evo-icon>\n\n            <div\n                class=\"evo-upload__list-delimiter\"\n                [evoUiClass]=\"{error: filesForm.controls[i].errors}\"\n                [ngSwitch]=\"getControlError(filesForm.controls[i])\"\n            >\n                <ng-container *ngSwitchCase=\"'size'\">\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430 \u043F\u0440\u0435\u0432\u044B\u0448\u0430\u0435\u0442 \u0434\u043E\u043F\u0443\u0441\u0442\u0438\u043C\u044B\u0439</ng-container>\n                <ng-container *ngSwitchCase=\"'extension'\">\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430</ng-container>\n            </div>\n        </li>\n    </ul>\n\n    <div *ngIf=\"filesForm.controls.length\" class=\"evo-upload__controls\">\n        <button\n            *ngIf=\"!hideClearButton\"\n            evoButton\n            color=\"secondary\"\n            theme=\"rounded-outline\"\n            [disabled]=\"loading || isDisabled\"\n            [loading]=\"loading\"\n            (click)=\"handleResetButtonClick()\"\n        >\n            \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u0441\u0451\n        </button>\n        <button\n            *ngIf=\"!hideSubmitButton\"\n            evoButton\n            color=\"success\"\n            class=\"evo-upload__submit\"\n            [disabled]=\"filesForm.invalid || loading || isDisabled\"\n            [loading]=\"loading\"\n            (click)=\"handleSubmitButtonClick()\"\n        >\n            \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C\n        </button>\n    </div>\n</div>\n", styles: [".evo-link,.evo-upload__fake-link{color:#0986e2;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.evo-link:hover,.evo-upload__fake-link:hover{color:#0986e2;border-bottom-color:#0986e2}.evo-link:active,.evo-upload__fake-link:active{color:#0879cb}.evo-link_dashed{border-bottom:1px dashed}.evo-link_dashed:hover{text-decoration:none;border-bottom-color:transparent}.evo-link_danger{color:#ff1817}.evo-link_danger:hover{color:#ff4645;border-bottom-color:#ff4645}.evo-link_danger:active{color:#e51715;border-bottom-color:#e51715}.evo-upload{width:100%}.evo-upload__wrapper{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:24px;padding:32px 0;color:#231f20;background:#F4F6F8;border:2px solid transparent;border-radius:8px}@media (max-width: 767px){.evo-upload__wrapper{padding:16px}}.evo-upload__wrapper_disabled{pointer-events:none}.evo-upload__wrapper_over{border-color:#dbe3ea}.evo-upload__upload-icon{flex:0 0 48px;width:48px;height:48px;margin-bottom:24px;transition:fill .3s;fill:#91b1b8}.evo-upload__upload-icon_disabled{fill:#727272}@media (max-width: 767px){.evo-upload__upload-icon{margin-bottom:16px}}.evo-upload__title{margin-bottom:8px;font-weight:700;font-size:24px;text-align:center;transition:color .3s}.evo-upload__title_disabled{color:#727272}@media (max-width: 767px){.evo-upload__title{font-size:16px}}.evo-upload__hint{font-size:18px;text-align:center;transition:color .3s}.evo-upload__hint_disabled{color:#727272}@media (max-width: 767px){.evo-upload__hint{font-size:14px}}.evo-upload__fake-link_disabled{color:#727272}.evo-upload__input{display:none}.evo-upload__list{margin-top:24px;margin-bottom:24px}.evo-upload__list:empty{display:none}.evo-upload__file-icon{margin-right:8px;fill:#91b1b8}.evo-upload__list-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px;color:#212121;font-weight:600;font-size:16px}.evo-upload__list-item:last-of-type{margin-bottom:24px}.evo-upload__item-inner{display:flex;flex-flow:row wrap;align-items:center}.evo-upload__list-delimiter{width:100%;margin-top:15px;color:#ff1817;font-size:14px;font-style:italic;line-height:22px;border-top:1px solid #C6C6C6}.evo-upload__list-delimiter_error{border-top-color:#ff1817}.evo-upload__button-remove{margin-left:auto;cursor:pointer;transition:fill .3s;fill:#91b1b8}.evo-upload__button-remove:not(.evo-upload__button-remove_disabled):hover{fill:#231f20}.evo-upload__button-remove_disabled{cursor:default;fill:#c6c6c6}.evo-upload__controls{display:flex;justify-content:space-between}.evo-upload__submit{margin-left:auto}.evo-upload__link{cursor:pointer}.evo-list{margin-bottom:0}.evo-list li:before{color:#fff}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: EvoAlertComponent, selector: "evo-alert", inputs: ["closable", "icon", "iconSrc", "type", "size"], outputs: ["close"] }, { type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: ["size", "color", "theme", "disabled", "loading"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "safeHtml": SafeHtmlPipe, "declination": DeclinationPipe } });
+    ], viewQueries: [{ propertyName: "inputFileElement", first: true, predicate: ["inputFile"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"evo-upload\">\n    <label\n        class=\"evo-upload__wrapper\"\n        [evoUiClass]=\"{over: states.isDragOver, disabled: isDisabled || loading}\"\n        (click)=\"onTouched()\"\n        (dragover)=\"handleDragOver($event)\"\n        (dragleave)=\"handleDragLeave($event)\"\n        (drop)=\"handleDrop($event)\"\n    >\n        <evo-icon\n            shape=\"upload\"\n            class=\"evo-upload__upload-icon\"\n            [evoUiClass]=\"{disabled: isDisabled || loading}\"\n        ></evo-icon>\n        <span class=\"evo-upload__title\" [evoUiClass]=\"{disabled: isDisabled || loading}\">{{ dropZoneLabel }}</span>\n\n        <span class=\"evo-upload__hint\" [evoUiClass]=\"{disabled: isDisabled || loading}\">\n            \u0438\u043B\u0438\n            <span class=\"evo-upload__fake-link\" [evoUiClass]=\"{disabled: isDisabled || loading}\">\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435</span>\n            <ng-container *ngIf=\"dropZoneHint\">\n                (\n                <span class=\"evo-upload__additional-hint\" [innerHTML]=\"dropZoneHint | safeHtml\"></span>\n                )\n            </ng-container>\n        </span>\n\n        <input\n            #inputFile\n            type=\"file\"\n            class=\"evo-upload__input\"\n            [accept]=\"accept\"\n            [disabled]=\"loading || isDisabled\"\n            [attr.multiple]=\"maxFiles === 1 ? null : true\"\n            (change)=\"inputChange($event.target.files)\"\n        />\n    </label>\n\n    <evo-alert *ngIf=\"!earlyValidation && filesForm.errors?.maxFiles\" type=\"danger\">\n        <ng-container>\n            \u041D\u0435\u043B\u044C\u0437\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0431\u043E\u043B\u0435\u0435 {{ maxFiles || 1 | declination:[\"\u0444\u0430\u0439\u043B\u0430\", \"\u0444\u0430\u0439\u043B\u043E\u0432\", \"\u0444\u0430\u0439\u043B\u043E\u0432\"] }}\n        </ng-container>\n    </evo-alert>\n    <evo-alert *ngIf=\"earlyValidation && filesForm.errors\" type=\"danger\">\n        <ul class=\"evo-list\">\n            <li *ngIf=\"filesForm.errors.maxFiles\">\n                \u041D\u0435\u043B\u044C\u0437\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0431\u043E\u043B\u0435\u0435 {{ maxFiles || 1 | declination:[\"\u0444\u0430\u0439\u043B\u0430\", \"\u0444\u0430\u0439\u043B\u043E\u0432\", \"\u0444\u0430\u0439\u043B\u043E\u0432\"] }}\n            </li>\n            <li *ngIf=\"filesForm.errors.size\">\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u044B\u0439 \u0440\u0430\u0437\u043C\u0435\u0440 \u043E\u0434\u043D\u043E\u0433\u043E \u0444\u0430\u0439\u043B\u0430 \u043D\u0435 \u0431\u043E\u043B\u0435\u0435 {{ filesSizeLimitText }}</li>\n            <li *ngIf=\"filesForm.errors.extension\">\u0412\u044B\u0431\u0440\u0430\u043D \u0444\u0430\u0439\u043B \u043D\u0435\u0434\u043E\u043F\u0443\u0441\u0442\u0438\u043C\u043E\u0433\u043E \u0444\u043E\u0440\u043C\u0430\u0442\u0430</li>\n        </ul>\n    </evo-alert>\n\n    <ul class=\"evo-upload__list\">\n        <li *ngFor=\"let file of filesForm.controls; let i = index\" class=\"evo-upload__list-item\">\n            <div class=\"evo-upload__item-inner\">\n                <evo-icon shape=\"file\" svgWidth=\"24\" svgHeight=\"24\" class=\"evo-upload__file-icon\"></evo-icon>\n\n                <span\n                    *ngIf=\"clickableFiles\"\n                    class=\"evo-upload__link evo-link\"\n                    (click)=\"clickFile.emit({ file: file.value, index: i })\"\n                >\n                    {{ file.value.name }}\n                </span>\n\n                <span *ngIf=\"!clickableFiles\">{{ file.value.name }}</span>\n            </div>\n\n            <evo-icon\n                shape=\"decline\"\n                svgWidth=\"24\"\n                svgHeight=\"24\"\n                class=\"evo-upload__button-remove\"\n                [evoUiClass]=\"{disabled: loading || isDisabled}\"\n                (click)=\"handleItemRemove(i)\"\n            ></evo-icon>\n\n            <div\n                class=\"evo-upload__list-delimiter\"\n                [evoUiClass]=\"{error: filesForm.controls[i].errors}\"\n                [ngSwitch]=\"getControlError(filesForm.controls[i])\"\n            >\n                <ng-container *ngSwitchCase=\"'size'\">\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430 \u043F\u0440\u0435\u0432\u044B\u0448\u0430\u0435\u0442 \u0434\u043E\u043F\u0443\u0441\u0442\u0438\u043C\u044B\u0439</ng-container>\n                <ng-container *ngSwitchCase=\"'extension'\">\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430</ng-container>\n            </div>\n        </li>\n    </ul>\n\n    <div *ngIf=\"filesForm.controls.length\" class=\"evo-upload__controls\">\n        <button\n            *ngIf=\"!hideClearButton\"\n            evoButton\n            color=\"secondary\"\n            theme=\"rounded-outline\"\n            [disabled]=\"loading || isDisabled\"\n            [loading]=\"loading\"\n            (click)=\"handleResetButtonClick()\"\n        >\n            \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u0441\u0451\n        </button>\n        <button\n            *ngIf=\"!hideSubmitButton\"\n            evoButton\n            color=\"success\"\n            class=\"evo-upload__submit\"\n            [disabled]=\"filesForm.invalid || loading || isDisabled\"\n            [loading]=\"loading\"\n            (click)=\"handleSubmitButtonClick()\"\n        >\n            \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C\n        </button>\n    </div>\n</div>\n", styles: [".evo-link,.evo-upload__fake-link{color:#0986e2;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.evo-link:hover,.evo-upload__fake-link:hover{color:#0986e2;border-bottom-color:#0986e2}.evo-link:active,.evo-upload__fake-link:active{color:#0879cb}.evo-link_dashed{border-bottom:1px dashed}.evo-link_dashed:hover{text-decoration:none;border-bottom-color:transparent}.evo-link_danger{color:#ff1817}.evo-link_danger:hover{color:#ff4645;border-bottom-color:#ff4645}.evo-link_danger:active{color:#e51715;border-bottom-color:#e51715}.evo-upload{width:100%}.evo-upload__wrapper{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:24px;padding:32px 0;color:#231f20;background:#F4F6F8;border:2px solid transparent;border-radius:8px}@media (max-width: 767px){.evo-upload__wrapper{padding:16px}}.evo-upload__wrapper_disabled{pointer-events:none}.evo-upload__wrapper_over{border-color:#dbe3ea}.evo-upload__upload-icon{flex:0 0 48px;width:48px;height:48px;margin-bottom:24px;transition:fill .3s;fill:#91b1b8}.evo-upload__upload-icon_disabled{fill:#727272}@media (max-width: 767px){.evo-upload__upload-icon{margin-bottom:16px}}.evo-upload__title{margin-bottom:8px;font-weight:700;font-size:24px;text-align:center;transition:color .3s}.evo-upload__title_disabled{color:#727272}@media (max-width: 767px){.evo-upload__title{font-size:16px}}.evo-upload__hint{font-size:18px;text-align:center;transition:color .3s}.evo-upload__hint_disabled{color:#727272}@media (max-width: 767px){.evo-upload__hint{font-size:14px}}.evo-upload__fake-link_disabled{color:#727272}.evo-upload__input{display:none}.evo-upload__list{margin-top:24px;margin-bottom:24px}.evo-upload__list:empty{display:none}.evo-upload__file-icon{margin-right:8px;fill:#91b1b8}.evo-upload__list-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px;color:#212121;font-weight:600;font-size:16px}.evo-upload__list-item:last-of-type{margin-bottom:24px}.evo-upload__item-inner{display:flex;flex-flow:row wrap;align-items:center}.evo-upload__list-delimiter{width:100%;margin-top:15px;color:#ff1817;font-size:14px;font-style:italic;line-height:22px;border-top:1px solid #C6C6C6}.evo-upload__list-delimiter_error{border-top-color:#ff1817}.evo-upload__button-remove{margin-left:auto;cursor:pointer;transition:fill .3s;fill:#91b1b8}.evo-upload__button-remove:not(.evo-upload__button-remove_disabled):hover{fill:#231f20}.evo-upload__button-remove_disabled{cursor:default;fill:#c6c6c6}.evo-upload__controls{display:flex;justify-content:space-between}.evo-upload__submit{margin-left:auto}.evo-upload__link{cursor:pointer}.evo-list{margin-bottom:0}.evo-list li:before{color:#fff}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: EvoAlertComponent, selector: "evo-alert", inputs: ["closable", "icon", "iconSrc", "type", "size"], outputs: ["close"] }, { type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: ["size", "color", "theme", "disabled", "loading"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "safeHtml": SafeHtmlPipe, "declination": DeclinationPipe } });
 __decorate([
     autobind
 ], EvoUploadComponent.prototype, "fileSizeValidator", null);
@@ -7043,7 +7044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             multi: true,
                         },
                     ], template: "<div class=\"evo-upload\">\n    <label\n        class=\"evo-upload__wrapper\"\n        [evoUiClass]=\"{over: states.isDragOver, disabled: isDisabled || loading}\"\n        (click)=\"onTouched()\"\n        (dragover)=\"handleDragOver($event)\"\n        (dragleave)=\"handleDragLeave($event)\"\n        (drop)=\"handleDrop($event)\"\n    >\n        <evo-icon\n            shape=\"upload\"\n            class=\"evo-upload__upload-icon\"\n            [evoUiClass]=\"{disabled: isDisabled || loading}\"\n        ></evo-icon>\n        <span class=\"evo-upload__title\" [evoUiClass]=\"{disabled: isDisabled || loading}\">{{ dropZoneLabel }}</span>\n\n        <span class=\"evo-upload__hint\" [evoUiClass]=\"{disabled: isDisabled || loading}\">\n            \u0438\u043B\u0438\n            <span class=\"evo-upload__fake-link\" [evoUiClass]=\"{disabled: isDisabled || loading}\">\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435</span>\n            <ng-container *ngIf=\"dropZoneHint\">\n                (\n                <span class=\"evo-upload__additional-hint\" [innerHTML]=\"dropZoneHint | safeHtml\"></span>\n                )\n            </ng-container>\n        </span>\n\n        <input\n            #inputFile\n            type=\"file\"\n            class=\"evo-upload__input\"\n            [accept]=\"accept\"\n            [disabled]=\"loading || isDisabled\"\n            [attr.multiple]=\"maxFiles === 1 ? null : true\"\n            (change)=\"inputChange($event.target.files)\"\n        />\n    </label>\n\n    <evo-alert *ngIf=\"!earlyValidation && filesForm.errors?.maxFiles\" type=\"danger\">\n        <ng-container>\n            \u041D\u0435\u043B\u044C\u0437\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0431\u043E\u043B\u0435\u0435 {{ maxFiles || 1 | declination:[\"\u0444\u0430\u0439\u043B\u0430\", \"\u0444\u0430\u0439\u043B\u043E\u0432\", \"\u0444\u0430\u0439\u043B\u043E\u0432\"] }}\n        </ng-container>\n    </evo-alert>\n    <evo-alert *ngIf=\"earlyValidation && filesForm.errors\" type=\"danger\">\n        <ul class=\"evo-list\">\n            <li *ngIf=\"filesForm.errors.maxFiles\">\n                \u041D\u0435\u043B\u044C\u0437\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0431\u043E\u043B\u0435\u0435 {{ maxFiles || 1 | declination:[\"\u0444\u0430\u0439\u043B\u0430\", \"\u0444\u0430\u0439\u043B\u043E\u0432\", \"\u0444\u0430\u0439\u043B\u043E\u0432\"] }}\n            </li>\n            <li *ngIf=\"filesForm.errors.size\">\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u044B\u0439 \u0440\u0430\u0437\u043C\u0435\u0440 \u043E\u0434\u043D\u043E\u0433\u043E \u0444\u0430\u0439\u043B\u0430 \u043D\u0435 \u0431\u043E\u043B\u0435\u0435 {{ filesSizeLimitText }}</li>\n            <li *ngIf=\"filesForm.errors.extension\">\u0412\u044B\u0431\u0440\u0430\u043D \u0444\u0430\u0439\u043B \u043D\u0435\u0434\u043E\u043F\u0443\u0441\u0442\u0438\u043C\u043E\u0433\u043E \u0444\u043E\u0440\u043C\u0430\u0442\u0430</li>\n        </ul>\n    </evo-alert>\n\n    <ul class=\"evo-upload__list\">\n        <li *ngFor=\"let file of filesForm.controls; let i = index\" class=\"evo-upload__list-item\">\n            <div class=\"evo-upload__item-inner\">\n                <evo-icon shape=\"file\" svgWidth=\"24\" svgHeight=\"24\" class=\"evo-upload__file-icon\"></evo-icon>\n\n                <span\n                    *ngIf=\"clickableFiles\"\n                    class=\"evo-upload__link evo-link\"\n                    (click)=\"clickFile.emit({ file: file.value, index: i })\"\n                >\n                    {{ file.value.name }}\n                </span>\n\n                <span *ngIf=\"!clickableFiles\">{{ file.value.name }}</span>\n            </div>\n\n            <evo-icon\n                shape=\"decline\"\n                svgWidth=\"24\"\n                svgHeight=\"24\"\n                class=\"evo-upload__button-remove\"\n                [evoUiClass]=\"{disabled: loading || isDisabled}\"\n                (click)=\"handleItemRemove(i)\"\n            ></evo-icon>\n\n            <div\n                class=\"evo-upload__list-delimiter\"\n                [evoUiClass]=\"{error: filesForm.controls[i].errors}\"\n                [ngSwitch]=\"getControlError(filesForm.controls[i])\"\n            >\n                <ng-container *ngSwitchCase=\"'size'\">\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430 \u043F\u0440\u0435\u0432\u044B\u0448\u0430\u0435\u0442 \u0434\u043E\u043F\u0443\u0441\u0442\u0438\u043C\u044B\u0439</ng-container>\n                <ng-container *ngSwitchCase=\"'extension'\">\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430</ng-container>\n            </div>\n        </li>\n    </ul>\n\n    <div *ngIf=\"filesForm.controls.length\" class=\"evo-upload__controls\">\n        <button\n            *ngIf=\"!hideClearButton\"\n            evoButton\n            color=\"secondary\"\n            theme=\"rounded-outline\"\n            [disabled]=\"loading || isDisabled\"\n            [loading]=\"loading\"\n            (click)=\"handleResetButtonClick()\"\n        >\n            \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u0441\u0451\n        </button>\n        <button\n            *ngIf=\"!hideSubmitButton\"\n            evoButton\n            color=\"success\"\n            class=\"evo-upload__submit\"\n            [disabled]=\"filesForm.invalid || loading || isDisabled\"\n            [loading]=\"loading\"\n            (click)=\"handleSubmitButtonClick()\"\n        >\n            \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C\n        </button>\n    </div>\n</div>\n", styles: [".evo-link,.evo-upload__fake-link{color:#0986e2;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.evo-link:hover,.evo-upload__fake-link:hover{color:#0986e2;border-bottom-color:#0986e2}.evo-link:active,.evo-upload__fake-link:active{color:#0879cb}.evo-link_dashed{border-bottom:1px dashed}.evo-link_dashed:hover{text-decoration:none;border-bottom-color:transparent}.evo-link_danger{color:#ff1817}.evo-link_danger:hover{color:#ff4645;border-bottom-color:#ff4645}.evo-link_danger:active{color:#e51715;border-bottom-color:#e51715}.evo-upload{width:100%}.evo-upload__wrapper{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:24px;padding:32px 0;color:#231f20;background:#F4F6F8;border:2px solid transparent;border-radius:8px}@media (max-width: 767px){.evo-upload__wrapper{padding:16px}}.evo-upload__wrapper_disabled{pointer-events:none}.evo-upload__wrapper_over{border-color:#dbe3ea}.evo-upload__upload-icon{flex:0 0 48px;width:48px;height:48px;margin-bottom:24px;transition:fill .3s;fill:#91b1b8}.evo-upload__upload-icon_disabled{fill:#727272}@media (max-width: 767px){.evo-upload__upload-icon{margin-bottom:16px}}.evo-upload__title{margin-bottom:8px;font-weight:700;font-size:24px;text-align:center;transition:color .3s}.evo-upload__title_disabled{color:#727272}@media (max-width: 767px){.evo-upload__title{font-size:16px}}.evo-upload__hint{font-size:18px;text-align:center;transition:color .3s}.evo-upload__hint_disabled{color:#727272}@media (max-width: 767px){.evo-upload__hint{font-size:14px}}.evo-upload__fake-link_disabled{color:#727272}.evo-upload__input{display:none}.evo-upload__list{margin-top:24px;margin-bottom:24px}.evo-upload__list:empty{display:none}.evo-upload__file-icon{margin-right:8px;fill:#91b1b8}.evo-upload__list-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px;color:#212121;font-weight:600;font-size:16px}.evo-upload__list-item:last-of-type{margin-bottom:24px}.evo-upload__item-inner{display:flex;flex-flow:row wrap;align-items:center}.evo-upload__list-delimiter{width:100%;margin-top:15px;color:#ff1817;font-size:14px;font-style:italic;line-height:22px;border-top:1px solid #C6C6C6}.evo-upload__list-delimiter_error{border-top-color:#ff1817}.evo-upload__button-remove{margin-left:auto;cursor:pointer;transition:fill .3s;fill:#91b1b8}.evo-upload__button-remove:not(.evo-upload__button-remove_disabled):hover{fill:#231f20}.evo-upload__button-remove_disabled{cursor:default;fill:#c6c6c6}.evo-upload__controls{display:flex;justify-content:space-between}.evo-upload__submit{margin-left:auto}.evo-upload__link{cursor:pointer}.evo-list{margin-bottom:0}.evo-list li:before{color:#fff}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { accept: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { accept: [{
                 type: Input
             }], dropZoneLabel: [{
                 type: Input
@@ -7273,7 +7274,7 @@ class EvoDropdownComponent {
     }
 }
 EvoDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoDropdownComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { closeOnOutsideClick: "closeOnOutsideClick", scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange", outsideClick: "outsideClick" }, ngImport: i0, template: "<ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (detach)=\"close()\"\n    (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n>\n    <ng-content></ng-content>\n</ng-template>\n", directives: [{ type: i1$3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { closeOnOutsideClick: "closeOnOutsideClick", scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange", outsideClick: "outsideClick" }, ngImport: i0, template: "<ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (detach)=\"close()\"\n    (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n>\n    <ng-content></ng-content>\n</ng-template>\n", directives: [{ type: i1$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (detach)=\"close()\"\n    (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n>\n    <ng-content></ng-content>\n</ng-template>\n" }]
@@ -7398,7 +7399,7 @@ class EvoNavbarItemComponent {
     }
 }
 EvoNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EvoNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: { item: "item", isNested: "isNested", isMobileView: "isMobileView", subMenuPositions: "subMenuPositions" }, outputs: { openSubMenu: "openSubMenu", closeSubMenu: "closeSubMenu" }, ngImport: i0, template: "<!-- TODO: delete $any alias after update to ng12-->\n<ng-container *evoLet=\"$any(item) as linkItem\">\n    <a\n        *ngIf=\"linkItem.href; else routerLink\"\n        #origin=\"evoDropdownOrigin\"\n        evoDropdownOrigin\n        class=\"evo-navbar__link evo-navbar__link_external\"\n        [attr.href]=\"linkItem.href\"\n        [attr.target]=\"linkItem.target\"\n        [class.evo-navbar__link_nested]=\"isNested\"\n        [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n        (mouseenter)=\"open(origin)\"\n        (mouseleave)=\"close(origin)\"\n    >\n        <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n        <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n    </a>\n\n    <ng-template #routerLink>\n        <ng-container *evoLet=\"isMobileView && !!linkItem.subItems?.length as isRootItemJustOpenSubMenu\">\n            <span\n                *ngIf=\"isRootItemJustOpenSubMenu; else defaultRootItem\"\n                #origin=\"evoDropdownOrigin\"\n                evoDropdownOrigin\n                class=\"evo-navbar__link\"\n                [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                (click)=\"toggle(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n            </span>\n\n            <ng-template #defaultRootItem>\n                <a\n                    #origin=\"evoDropdownOrigin\"\n                    evoDropdownOrigin\n                    class=\"evo-navbar__link\"\n                    [class.evo-navbar__link_nested]=\"isNested\"\n                    [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                    [routerLink]=\"linkItem.routerLink\"\n                    [routerLinkActive]=\"isNested ? ['evo-navbar__link_active'] : []\"\n                    [routerLinkActiveOptions]=\"{exact: !!linkItem.isExactPath}\"\n                    [preserveFragment]=\"!!linkItem.preserveFragment\"\n                    [queryParamsHandling]=\"linkItem.queryParamsHandling\"\n                    [fragment]=\"linkItem.fragment\"\n                    [queryParams]=\"linkItem.queryParams\"\n                    [skipLocationChange]=\"linkItem.skipLocationChange\"\n                    [replaceUrl]=\"linkItem.replaceUrl\"\n                    [state]=\"linkItem.state\"\n                    (mouseenter)=\"open(origin)\"\n                    (mouseleave)=\"close(origin)\"\n                >\n                    <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                    <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n                </a>\n            </ng-template>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #subNav let-origin=\"origin\">\n        <evo-dropdown\n            *ngIf=\"linkItem.subItems?.length\"\n            [positions]=\"subMenuPositions\"\n            [dropdownOrigin]=\"origin\"\n            [(isOpen)]=\"origin.isDropdownOpen\"\n        >\n            <section\n                class=\"evo-navbar__sub\"\n                (mouseenter)=\"open(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <div class=\"evo-navbar__sub-content\">\n                    <evo-navbar-item\n                        *ngFor=\"let subItem of linkItem.subItems\"\n                        [item]=\"subItem\"\n                        [isNested]=\"true\"\n                        [isMobileView]=\"isMobileView\"\n                        (click)=\"close(origin)\"\n                    ></evo-navbar-item>\n                </div>\n            </section>\n        </evo-dropdown>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:block;flex-shrink:0}.evo-navbar__link{display:block;flex-shrink:0;padding:9px 8px;color:#212121;font-size:14px;line-height:22px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.evo-navbar__link:not(.evo-navbar__link_nested):hover .evo-navbar__link-title{background:#FFFFFF}}.evo-navbar__link_nested{padding:12px 16px}.evo-navbar__link_nested .evo-navbar__link-title{padding:0;font-weight:400;border-radius:0}.evo-navbar__link_nested:hover{background:#F4F6F8}.evo-navbar__link_nested.evo-navbar__link_active{color:#fff;background:#F05023}.evo-navbar__link_highlighted .evo-navbar__link-title{background:#FFFFFF}.evo-navbar__link-title{display:block;max-width:100%;padding:4px 8px;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis;border-radius:4px}.evo-navbar__sub{--evo-navbar-dropdown-max-width: 85vw;--evo-navbar-dropdown-max-height: 310px;flex-shrink:0;max-width:85vw;max-width:var(--evo-navbar-dropdown-max-width)}.evo-navbar__sub-content{display:flex;flex-flow:column;max-height:310px;max-height:var(--evo-navbar-dropdown-max-height);margin-top:4px;overflow:auto;background:#FFFFFF;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"], components: [{ type: EvoDropdownComponent, selector: "evo-dropdown", inputs: ["closeOnOutsideClick", "scrollStrategy", "dropdownOrigin", "isOpen", "positions"], outputs: ["isOpenChange", "outsideClick"] }, { type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], directives: [{ type: EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoDropdownOriginDirective, selector: "[evoDropdownOrigin]", exportAs: ["evoDropdownOrigin"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: { item: "item", isNested: "isNested", isMobileView: "isMobileView", subMenuPositions: "subMenuPositions" }, outputs: { openSubMenu: "openSubMenu", closeSubMenu: "closeSubMenu" }, ngImport: i0, template: "<!-- TODO: delete $any alias after update to ng12-->\n<ng-container *evoLet=\"$any(item) as linkItem\">\n    <a\n        *ngIf=\"linkItem.href; else routerLink\"\n        #origin=\"evoDropdownOrigin\"\n        evoDropdownOrigin\n        class=\"evo-navbar__link evo-navbar__link_external\"\n        [attr.href]=\"linkItem.href\"\n        [attr.target]=\"linkItem.target\"\n        [class.evo-navbar__link_nested]=\"isNested\"\n        [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n        (mouseenter)=\"open(origin)\"\n        (mouseleave)=\"close(origin)\"\n    >\n        <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n        <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n    </a>\n\n    <ng-template #routerLink>\n        <ng-container *evoLet=\"isMobileView && !!linkItem.subItems?.length as isRootItemJustOpenSubMenu\">\n            <span\n                *ngIf=\"isRootItemJustOpenSubMenu; else defaultRootItem\"\n                #origin=\"evoDropdownOrigin\"\n                evoDropdownOrigin\n                class=\"evo-navbar__link\"\n                [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                (click)=\"toggle(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n            </span>\n\n            <ng-template #defaultRootItem>\n                <a\n                    #origin=\"evoDropdownOrigin\"\n                    evoDropdownOrigin\n                    class=\"evo-navbar__link\"\n                    [class.evo-navbar__link_nested]=\"isNested\"\n                    [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                    [routerLink]=\"linkItem.routerLink\"\n                    [routerLinkActive]=\"isNested ? ['evo-navbar__link_active'] : []\"\n                    [routerLinkActiveOptions]=\"{exact: !!linkItem.isExactPath}\"\n                    [preserveFragment]=\"!!linkItem.preserveFragment\"\n                    [queryParamsHandling]=\"linkItem.queryParamsHandling\"\n                    [fragment]=\"linkItem.fragment\"\n                    [queryParams]=\"linkItem.queryParams\"\n                    [skipLocationChange]=\"linkItem.skipLocationChange\"\n                    [replaceUrl]=\"linkItem.replaceUrl\"\n                    [state]=\"linkItem.state\"\n                    (mouseenter)=\"open(origin)\"\n                    (mouseleave)=\"close(origin)\"\n                >\n                    <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                    <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n                </a>\n            </ng-template>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #subNav let-origin=\"origin\">\n        <evo-dropdown\n            *ngIf=\"linkItem.subItems?.length\"\n            [positions]=\"subMenuPositions\"\n            [dropdownOrigin]=\"origin\"\n            [(isOpen)]=\"origin.isDropdownOpen\"\n        >\n            <section\n                class=\"evo-navbar__sub\"\n                (mouseenter)=\"open(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <div class=\"evo-navbar__sub-content\">\n                    <evo-navbar-item\n                        *ngFor=\"let subItem of linkItem.subItems\"\n                        [item]=\"subItem\"\n                        [isNested]=\"true\"\n                        [isMobileView]=\"isMobileView\"\n                        (click)=\"close(origin)\"\n                    ></evo-navbar-item>\n                </div>\n            </section>\n        </evo-dropdown>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:block;flex-shrink:0}.evo-navbar__link{display:block;flex-shrink:0;padding:9px 8px;color:#212121;font-size:14px;line-height:22px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.evo-navbar__link:not(.evo-navbar__link_nested):hover .evo-navbar__link-title{background:#FFFFFF}}.evo-navbar__link_nested{padding:12px 16px}.evo-navbar__link_nested .evo-navbar__link-title{padding:0;font-weight:400;border-radius:0}.evo-navbar__link_nested:hover{background:#F4F6F8}.evo-navbar__link_nested.evo-navbar__link_active{color:#fff;background:#F05023}.evo-navbar__link_highlighted .evo-navbar__link-title{background:#FFFFFF}.evo-navbar__link-title{display:block;max-width:100%;padding:4px 8px;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis;border-radius:4px}.evo-navbar__sub{--evo-navbar-dropdown-max-width: 85vw;--evo-navbar-dropdown-max-height: 310px;flex-shrink:0;max-width:85vw;max-width:var(--evo-navbar-dropdown-max-width)}.evo-navbar__sub-content{display:flex;flex-flow:column;max-height:310px;max-height:var(--evo-navbar-dropdown-max-height);margin-top:4px;overflow:auto;background:#FFFFFF;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"], components: [{ type: EvoDropdownComponent, selector: "evo-dropdown", inputs: ["closeOnOutsideClick", "scrollStrategy", "dropdownOrigin", "isOpen", "positions"], outputs: ["isOpenChange", "outsideClick"] }, { type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], directives: [{ type: EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoDropdownOriginDirective, selector: "[evoDropdownOrigin]", exportAs: ["evoDropdownOrigin"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-navbar-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- TODO: delete $any alias after update to ng12-->\n<ng-container *evoLet=\"$any(item) as linkItem\">\n    <a\n        *ngIf=\"linkItem.href; else routerLink\"\n        #origin=\"evoDropdownOrigin\"\n        evoDropdownOrigin\n        class=\"evo-navbar__link evo-navbar__link_external\"\n        [attr.href]=\"linkItem.href\"\n        [attr.target]=\"linkItem.target\"\n        [class.evo-navbar__link_nested]=\"isNested\"\n        [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n        (mouseenter)=\"open(origin)\"\n        (mouseleave)=\"close(origin)\"\n    >\n        <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n        <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n    </a>\n\n    <ng-template #routerLink>\n        <ng-container *evoLet=\"isMobileView && !!linkItem.subItems?.length as isRootItemJustOpenSubMenu\">\n            <span\n                *ngIf=\"isRootItemJustOpenSubMenu; else defaultRootItem\"\n                #origin=\"evoDropdownOrigin\"\n                evoDropdownOrigin\n                class=\"evo-navbar__link\"\n                [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                (click)=\"toggle(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n            </span>\n\n            <ng-template #defaultRootItem>\n                <a\n                    #origin=\"evoDropdownOrigin\"\n                    evoDropdownOrigin\n                    class=\"evo-navbar__link\"\n                    [class.evo-navbar__link_nested]=\"isNested\"\n                    [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n                    [routerLink]=\"linkItem.routerLink\"\n                    [routerLinkActive]=\"isNested ? ['evo-navbar__link_active'] : []\"\n                    [routerLinkActiveOptions]=\"{exact: !!linkItem.isExactPath}\"\n                    [preserveFragment]=\"!!linkItem.preserveFragment\"\n                    [queryParamsHandling]=\"linkItem.queryParamsHandling\"\n                    [fragment]=\"linkItem.fragment\"\n                    [queryParams]=\"linkItem.queryParams\"\n                    [skipLocationChange]=\"linkItem.skipLocationChange\"\n                    [replaceUrl]=\"linkItem.replaceUrl\"\n                    [state]=\"linkItem.state\"\n                    (mouseenter)=\"open(origin)\"\n                    (mouseleave)=\"close(origin)\"\n                >\n                    <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n                    <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n                </a>\n            </ng-template>\n        </ng-container>\n    </ng-template>\n\n    <ng-template #subNav let-origin=\"origin\">\n        <evo-dropdown\n            *ngIf=\"linkItem.subItems?.length\"\n            [positions]=\"subMenuPositions\"\n            [dropdownOrigin]=\"origin\"\n            [(isOpen)]=\"origin.isDropdownOpen\"\n        >\n            <section\n                class=\"evo-navbar__sub\"\n                (mouseenter)=\"open(origin)\"\n                (mouseleave)=\"close(origin)\"\n            >\n                <div class=\"evo-navbar__sub-content\">\n                    <evo-navbar-item\n                        *ngFor=\"let subItem of linkItem.subItems\"\n                        [item]=\"subItem\"\n                        [isNested]=\"true\"\n                        [isMobileView]=\"isMobileView\"\n                        (click)=\"close(origin)\"\n                    ></evo-navbar-item>\n                </div>\n            </section>\n        </evo-dropdown>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:block;flex-shrink:0}.evo-navbar__link{display:block;flex-shrink:0;padding:9px 8px;color:#212121;font-size:14px;line-height:22px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.evo-navbar__link:not(.evo-navbar__link_nested):hover .evo-navbar__link-title{background:#FFFFFF}}.evo-navbar__link_nested{padding:12px 16px}.evo-navbar__link_nested .evo-navbar__link-title{padding:0;font-weight:400;border-radius:0}.evo-navbar__link_nested:hover{background:#F4F6F8}.evo-navbar__link_nested.evo-navbar__link_active{color:#fff;background:#F05023}.evo-navbar__link_highlighted .evo-navbar__link-title{background:#FFFFFF}.evo-navbar__link-title{display:block;max-width:100%;padding:4px 8px;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis;border-radius:4px}.evo-navbar__sub{--evo-navbar-dropdown-max-width: 85vw;--evo-navbar-dropdown-max-height: 310px;flex-shrink:0;max-width:85vw;max-width:var(--evo-navbar-dropdown-max-width)}.evo-navbar__sub-content{display:flex;flex-flow:column;max-height:310px;max-height:var(--evo-navbar-dropdown-max-height);margin-top:4px;overflow:auto;background:#FFFFFF;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"] }]
@@ -7443,7 +7444,7 @@ class EvoNavbarComponent {
     }
 }
 EvoNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarComponent, deps: [{ token: MOBILE_VIEW }], target: i0.ɵɵFactoryTarget.Component });
-EvoNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoNavbarComponent, selector: "evo-navbar", inputs: { subMenuPositions: "subMenuPositions", items: "items" }, ngImport: i0, template: "<nav class=\"evo-navbar\" (scroll)=\"closeLastOpenedSubMenu()\">\n    <evo-navbar-item\n        *ngFor=\"let item of items\"\n        [item]=\"item\"\n        [isMobileView]=\"isMobileView$ | async\"\n        [subMenuPositions]=\"subMenuPositions\"\n        (openSubMenu)=\"openSubMenu($event)\"\n        (closeSubMenu)=\"closeSubMenu($event)\"\n    ></evo-navbar-item>\n</nav>\n", styles: [":host{display:block}.evo-navbar{display:flex;flex-wrap:nowrap;padding:0 8px;overflow:auto;background:#F4F6F8;border-radius:8px;-ms-overflow-style:none;scrollbar-width:none}.evo-navbar::-webkit-scrollbar{display:none}\n"], components: [{ type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i1$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EvoNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoNavbarComponent, selector: "evo-navbar", inputs: { subMenuPositions: "subMenuPositions", items: "items" }, ngImport: i0, template: "<nav class=\"evo-navbar\" (scroll)=\"closeLastOpenedSubMenu()\">\n    <evo-navbar-item\n        *ngFor=\"let item of items\"\n        [item]=\"item\"\n        [isMobileView]=\"isMobileView$ | async\"\n        [subMenuPositions]=\"subMenuPositions\"\n        (openSubMenu)=\"openSubMenu($event)\"\n        (closeSubMenu)=\"closeSubMenu($event)\"\n    ></evo-navbar-item>\n</nav>\n", styles: [":host{display:block}.evo-navbar{display:flex;flex-wrap:nowrap;padding:0 8px;overflow:auto;background:#F4F6F8;border-radius:8px;-ms-overflow-style:none;scrollbar-width:none}.evo-navbar::-webkit-scrollbar{display:none}\n"], components: [{ type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'evo-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"evo-navbar\" (scroll)=\"closeLastOpenedSubMenu()\">\n    <evo-navbar-item\n        *ngFor=\"let item of items\"\n        [item]=\"item\"\n        [isMobileView]=\"isMobileView$ | async\"\n        [subMenuPositions]=\"subMenuPositions\"\n        (openSubMenu)=\"openSubMenu($event)\"\n        (closeSubMenu)=\"closeSubMenu($event)\"\n    ></evo-navbar-item>\n</nav>\n", styles: [":host{display:block}.evo-navbar{display:flex;flex-wrap:nowrap;padding:0 8px;overflow:auto;background:#F4F6F8;border-radius:8px;-ms-overflow-style:none;scrollbar-width:none}.evo-navbar::-webkit-scrollbar{display:none}\n"] }]
@@ -7520,6 +7521,524 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }]
         }] });
 
+const EVO_TOOLTIP_FADEIN_ANIMATION = trigger('fadeIn', [
+    state('void', style({ opacity: 0 })),
+    state('*', style({ opacity: 1 })),
+    transition(':enter', animate('0.3s ease-in')),
+    transition(':leave', animate('0.3s ease-out')),
+]);
+
+var EvoTooltipPosition;
+(function (EvoTooltipPosition) {
+    EvoTooltipPosition["TOP_START"] = "top-start";
+    EvoTooltipPosition["TOP"] = "top";
+    EvoTooltipPosition["TOP_END"] = "top-end";
+    EvoTooltipPosition["BOTTOM_START"] = "bottom-start";
+    EvoTooltipPosition["BOTTOM"] = "bottom";
+    EvoTooltipPosition["BOTTOM_END"] = "bottom-end";
+    EvoTooltipPosition["RIGHT_START"] = "right-start";
+    EvoTooltipPosition["RIGHT"] = "right";
+    EvoTooltipPosition["RIGHT_END"] = "right-end";
+    EvoTooltipPosition["LEFT_START"] = "left-start";
+    EvoTooltipPosition["LEFT"] = "left";
+    EvoTooltipPosition["LEFT_END"] = "left-end";
+})(EvoTooltipPosition || (EvoTooltipPosition = {}));
+
+// Размер стрелки тултипа
+const EVO_TOOLTIP_ARROW_SIZE = 16;
+
+// Радиус тултипа
+const EVO_TOOLTIP_RADIUS = 8;
+
+var EvoTooltipVariableArrowPosition;
+(function (EvoTooltipVariableArrowPosition) {
+    EvoTooltipVariableArrowPosition["HORIZONTAL_POSITION_ARROW"] = "--evo-tooltip-horizontal-position-arrow";
+    EvoTooltipVariableArrowPosition["VERTICAL_POSITION_ARROW"] = "--evo-tooltip-vertical-position-arrow";
+})(EvoTooltipVariableArrowPosition || (EvoTooltipVariableArrowPosition = {}));
+
+const EVO_TOOLTIP_CONFIG = {
+    hideDelay: 300,
+    showDelay: 100,
+};
+
+const EVO_CONNECTED_POSITION = (offset) => ({
+    [EvoTooltipPosition.TOP]: {
+        originX: 'center',
+        originY: 'top',
+        overlayX: 'center',
+        overlayY: 'bottom',
+        offsetY: -offset,
+        panelClass: EvoTooltipPosition.TOP,
+    },
+    [EvoTooltipPosition.BOTTOM]: {
+        originX: 'center',
+        originY: 'bottom',
+        overlayX: 'center',
+        overlayY: 'top',
+        offsetY: offset,
+        panelClass: EvoTooltipPosition.BOTTOM,
+    },
+    [EvoTooltipPosition.LEFT]: {
+        originX: 'start',
+        originY: 'center',
+        overlayX: 'end',
+        overlayY: 'center',
+        offsetX: -offset,
+        panelClass: EvoTooltipPosition.LEFT,
+    },
+    [EvoTooltipPosition.RIGHT]: {
+        originX: 'end',
+        originY: 'center',
+        overlayX: 'start',
+        overlayY: 'center',
+        offsetX: offset,
+        panelClass: EvoTooltipPosition.RIGHT,
+    },
+    [EvoTooltipPosition.TOP_START]: {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'bottom',
+        offsetY: -offset,
+        panelClass: EvoTooltipPosition.TOP_START,
+    },
+    [EvoTooltipPosition.TOP_END]: {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetY: -offset,
+        panelClass: EvoTooltipPosition.TOP_END,
+    },
+    [EvoTooltipPosition.RIGHT_START]: {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'top',
+        offsetX: offset,
+        panelClass: EvoTooltipPosition.RIGHT_START,
+    },
+    [EvoTooltipPosition.RIGHT_END]: {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'bottom',
+        offsetX: offset,
+        panelClass: EvoTooltipPosition.RIGHT_END,
+    },
+    [EvoTooltipPosition.BOTTOM_END]: {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetY: offset,
+        panelClass: EvoTooltipPosition.BOTTOM_END,
+    },
+    [EvoTooltipPosition.BOTTOM_START]: {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'top',
+        offsetY: offset,
+        panelClass: EvoTooltipPosition.BOTTOM_START,
+    },
+    [EvoTooltipPosition.LEFT_END]: {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetX: -offset,
+        panelClass: EvoTooltipPosition.LEFT_END,
+    },
+    [EvoTooltipPosition.LEFT_START]: {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetX: -offset,
+        panelClass: EvoTooltipPosition.LEFT_START,
+    },
+});
+
+const EVO_PRIORITY_POSITIONS_ORDER = {
+    [EvoTooltipPosition.TOP]: [EvoTooltipPosition.TOP, EvoTooltipPosition.BOTTOM],
+    [EvoTooltipPosition.BOTTOM]: [EvoTooltipPosition.BOTTOM, EvoTooltipPosition.TOP],
+    [EvoTooltipPosition.LEFT]: [EvoTooltipPosition.LEFT, EvoTooltipPosition.RIGHT],
+    [EvoTooltipPosition.RIGHT]: [EvoTooltipPosition.RIGHT, EvoTooltipPosition.LEFT],
+};
+
+const EVO_DEFAULT_POSITIONS_ORDER = [
+    EvoTooltipPosition.TOP,
+    EvoTooltipPosition.TOP_END,
+    EvoTooltipPosition.RIGHT_START,
+    EvoTooltipPosition.RIGHT,
+    EvoTooltipPosition.RIGHT_END,
+    EvoTooltipPosition.BOTTOM_END,
+    EvoTooltipPosition.BOTTOM,
+    EvoTooltipPosition.BOTTOM_START,
+    EvoTooltipPosition.LEFT_END,
+    EvoTooltipPosition.LEFT,
+    EvoTooltipPosition.LEFT_START,
+    EvoTooltipPosition.TOP_START,
+];
+
+// Смещение тултипа
+const EVO_TOOLTIP_OFFSET = (hasArrow) => (hasArrow ? 14 : 8);
+
+class EvoTooltipService {
+    constructor(overlay, overlayPositionBuilder, injector) {
+        this.overlay = overlay;
+        this.overlayPositionBuilder = overlayPositionBuilder;
+        this.injector = injector;
+        this.stringContent$ = EMPTY;
+        this.templateContent$ = EMPTY;
+        this.position$ = EMPTY;
+        this.parentRef$ = EMPTY;
+        this.tooltipClasses$ = EMPTY;
+        this.styles$ = EMPTY;
+        this.visibleArrow$ = EMPTY;
+        this.isOpen$ = EMPTY;
+        this._stringContent$ = new BehaviorSubject(null);
+        this._templateContent$ = new BehaviorSubject(null);
+        this._position$ = new BehaviorSubject(EvoTooltipPosition.BOTTOM);
+        this._parentRef$ = new BehaviorSubject(null);
+        this._tooltipClasses$ = new BehaviorSubject([]);
+        this._config$ = new BehaviorSubject(EVO_TOOLTIP_CONFIG);
+        this._styles$ = new BehaviorSubject(null);
+        this._visibleArrow$ = new BehaviorSubject(true);
+        this._isOpen$ = new Subject();
+        this.stringContent$ = this._stringContent$.asObservable();
+        this.templateContent$ = this._templateContent$.asObservable();
+        this.position$ = this._position$.asObservable();
+        this.parentRef$ = this._parentRef$.asObservable();
+        this.tooltipClasses$ = this._tooltipClasses$.asObservable();
+        this.styles$ = this._styles$.asObservable();
+        this.visibleArrow$ = this._visibleArrow$.asObservable();
+        this.isOpen$ = this._isOpen$.asObservable();
+    }
+    showTooltip(parentRef, content, position, config, targetElement) {
+        this._parentRef$.next(parentRef);
+        this.targetElement = targetElement !== null && targetElement !== void 0 ? targetElement : null;
+        this.setContent(content);
+        this._position$.next(position);
+        this._config$.next(config);
+        this.createOverlay(parentRef, position);
+        this.createPortal();
+        this._isOpen$.next(this.overlayRef.hasAttached());
+        this.initSubscriptions();
+    }
+    hideTooltip() {
+        var _a, _b;
+        if (this.tooltipComponentRef) {
+            this.tooltipComponentRef.destroy();
+            this.tooltipComponentRef = null;
+        }
+        (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
+        this._isOpen$.next(!!((_b = this.overlayRef) === null || _b === void 0 ? void 0 : _b.hasAttached()));
+    }
+    setArrowVisibility(hasArrow) {
+        this._visibleArrow$.next(hasArrow);
+    }
+    setTooltipStyles(tooltipStyles) {
+        this._styles$.next(tooltipStyles);
+    }
+    setTooltipClass(tooltipClassOrClasses) {
+        this._tooltipClasses$.next(!tooltipClassOrClasses
+            ? []
+            : Array.isArray(tooltipClassOrClasses)
+                ? tooltipClassOrClasses
+                : [tooltipClassOrClasses]);
+    }
+    get hasAttached() {
+        var _a, _b;
+        return (_b = (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) !== null && _b !== void 0 ? _b : false;
+    }
+    get config() {
+        return this._config$.value;
+    }
+    get parentRef() {
+        return this._parentRef$.value;
+    }
+    setContent(content) {
+        if (typeof content === 'string') {
+            this._stringContent$.next(content);
+        }
+        else if (content instanceof TemplateRef) {
+            this._templateContent$.next(content);
+        }
+    }
+    createOverlay(elementRef, position) {
+        this.positionStrategy = this.overlayPositionBuilder
+            .flexibleConnectedTo(elementRef)
+            .withPositions(this.getPositions(position));
+        const scrollStrategy = this.overlay.scrollStrategies.reposition();
+        this.overlayRef = this.overlay.create({ positionStrategy: this.positionStrategy, scrollStrategy });
+    }
+    createPortal() {
+        const tooltipPortal = new ComponentPortal(EvoTooltipComponent, null, this.injector);
+        this.tooltipComponentRef = this.overlayRef.attach(tooltipPortal);
+    }
+    initSubscriptions() {
+        var _a, _b, _c;
+        const parentElement = this.targetElement ? this.targetElement : (_a = this.parentRef) === null || _a === void 0 ? void 0 : _a.nativeElement;
+        const overlayElement = this.overlayRef.overlayElement;
+        const mouseLeaveParentElement$ = fromEvent(parentElement, 'mouseleave').pipe(map(() => overlayElement));
+        const mouseLeaveOverlayElement$ = fromEvent(overlayElement, 'mouseleave').pipe(map(() => parentElement));
+        merge(mouseLeaveParentElement$, mouseLeaveOverlayElement$)
+            .pipe(filter((element) => !element.matches(':hover')), debounceTime((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.hideDelay) !== null && _c !== void 0 ? _c : EVO_TOOLTIP_CONFIG.hideDelay), filter(() => !parentElement.matches(':hover') && !overlayElement.matches(':hover')), first(), catchError(() => {
+            this.hideTooltip();
+            return EMPTY;
+        }))
+            .subscribe(() => {
+            this.hideTooltip();
+        });
+        this.positionStrategy.positionChanges.subscribe((value) => {
+            this._position$.next(value.connectionPair.panelClass);
+        });
+    }
+    getPositions(position) {
+        return this.getPositionsOrder(position).map((key) => {
+            const offset = EVO_TOOLTIP_OFFSET(this._visibleArrow$.value);
+            const position = Object.assign({}, EVO_CONNECTED_POSITION(offset)[key]);
+            const width = this.parentRef.nativeElement.offsetWidth;
+            const height = this.parentRef.nativeElement.offsetHeight;
+            const maxSize = EVO_TOOLTIP_ARROW_SIZE + EVO_TOOLTIP_RADIUS * 2;
+            // Добавляем смещение тултипа для мелких обьектов
+            if (width <= maxSize) {
+                switch (key) {
+                    case EvoTooltipPosition.BOTTOM_START:
+                    case EvoTooltipPosition.TOP_START:
+                        position.offsetX = -(maxSize - width) / 2;
+                        break;
+                    case EvoTooltipPosition.BOTTOM_END:
+                    case EvoTooltipPosition.TOP_END:
+                        position.offsetX = (maxSize - width) / 2;
+                        break;
+                }
+            }
+            // Добавляем смещение тултипа для мелких обьектов
+            if (height <= maxSize) {
+                switch (key) {
+                    case EvoTooltipPosition.LEFT_START:
+                    case EvoTooltipPosition.RIGHT_START:
+                        position.offsetY = -(maxSize - height) / 2;
+                        break;
+                    case EvoTooltipPosition.LEFT_END:
+                    case EvoTooltipPosition.RIGHT_END:
+                        position.offsetY = (maxSize - height) / 2;
+                        break;
+                }
+            }
+            return position;
+        });
+    }
+    getPositionsOrder(position) {
+        const priorityPositions = EVO_PRIORITY_POSITIONS_ORDER[position];
+        if (priorityPositions) {
+            return [
+                ...priorityPositions,
+                ...EVO_DEFAULT_POSITIONS_ORDER.filter((defaultPosition) => !priorityPositions.includes(defaultPosition)),
+            ];
+        }
+        const indexPositionKey = EVO_DEFAULT_POSITIONS_ORDER.indexOf(position);
+        return EVO_DEFAULT_POSITIONS_ORDER.slice(indexPositionKey).concat(EVO_DEFAULT_POSITIONS_ORDER.slice(0, indexPositionKey));
+    }
+}
+EvoTooltipService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipService, deps: [{ token: i1$2.Overlay }, { token: i1$2.OverlayPositionBuilder }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+EvoTooltipService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$2.Overlay }, { type: i1$2.OverlayPositionBuilder }, { type: i0.Injector }]; } });
+
+class EvoTooltipComponent {
+    constructor(elementRef, tooltipService, renderer) {
+        this.elementRef = elementRef;
+        this.tooltipService = tooltipService;
+        this.renderer = renderer;
+        this.position$ = this.tooltipService.position$;
+        this.stringContent$ = this.tooltipService.stringContent$;
+        this.templateContent$ = this.tooltipService.templateContent$;
+        this.visibleArrow$ = this.tooltipService.visibleArrow$;
+        this.styles$ = EMPTY;
+        this.fadeIn = true;
+        this._positionArrowStyles$ = new BehaviorSubject(null);
+        this._destroy$ = new Subject();
+        this.styles$ = combineLatest([this.tooltipService.styles$, this._positionArrowStyles$]).pipe(map(([style1, style2]) => (Object.assign(Object.assign({}, style1), style2))));
+    }
+    ngOnInit() {
+        combineLatest([this.position$, this.tooltipService.parentRef$, this.visibleArrow$])
+            .pipe(filter(([_position, _parentRef, visibleArrow]) => visibleArrow), 
+        // Вычисление стрелки нужно только для угловых позиций
+        filter(([position]) => {
+            switch (position) {
+                case EvoTooltipPosition.TOP:
+                case EvoTooltipPosition.RIGHT:
+                case EvoTooltipPosition.BOTTOM:
+                case EvoTooltipPosition.LEFT:
+                    return false;
+                default:
+                    return true;
+            }
+        }), tap(([_, parentRef]) => {
+            this.setArrowPosition(parentRef);
+        }), takeUntil(this._destroy$))
+            .subscribe();
+    }
+    ngAfterViewInit() {
+        this.tooltipService.tooltipClasses$
+            .pipe(startWith([]), pairwise(), tap(([a, b]) => {
+            (a || []).forEach((oldClass) => this.renderer.removeClass(this.elementRef.nativeElement, oldClass));
+            (b || []).forEach((newClass) => this.renderer.addClass(this.elementRef.nativeElement, newClass));
+        }), takeUntil(this._destroy$))
+            .subscribe();
+    }
+    ngOnDestroy() {
+        this.fadeIn = false;
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    setArrowPosition(parentRef) {
+        // Для того чтобы стрелка тянулась к центру родителя - берем середину
+        const widthParent = parentRef.nativeElement.offsetWidth / 2;
+        const heightParent = parentRef.nativeElement.offsetHeight / 2;
+        const isParentLonger = widthParent >= this.elementRef.nativeElement.offsetWidth;
+        const isParentHigher = heightParent >= this.elementRef.nativeElement.offsetHeight;
+        // Если середина родителя оказывается меньше тултипа - берем середину родителя иначе размер тултипа
+        // Это проверка на максимальное смещение, смещение стрелки не должно быть больше размера тултипа
+        const width = isParentLonger ? this.elementRef.nativeElement.offsetWidth : widthParent;
+        const height = isParentHigher ? this.elementRef.nativeElement.offsetHeight : heightParent;
+        const positionArrow = (size, isParentBigger) => 
+        // Если середина родителя больше тултипа
+        // То берем размер тултипа и отнимаем размер стрелки и радиуса
+        // Иначе берем середину родителя и отнимаем половину стрелки
+        // Это условие нужно чтобы стрелка не смещалась
+        isParentBigger ? size - EVO_TOOLTIP_ARROW_SIZE - EVO_TOOLTIP_RADIUS : size - EVO_TOOLTIP_ARROW_SIZE / 2;
+        let verticalPositionArrow = positionArrow(height, isParentHigher);
+        let horizontalPositionArrow = positionArrow(width, isParentLonger);
+        // Проверка на минимальное смещение, смещение стрелки не должно быть меньше размера радиуса тултипа 8px
+        horizontalPositionArrow =
+            horizontalPositionArrow > EVO_TOOLTIP_RADIUS ? horizontalPositionArrow : EVO_TOOLTIP_RADIUS;
+        verticalPositionArrow = verticalPositionArrow > EVO_TOOLTIP_RADIUS ? verticalPositionArrow : EVO_TOOLTIP_RADIUS;
+        this._positionArrowStyles$.next({
+            [EvoTooltipVariableArrowPosition.VERTICAL_POSITION_ARROW]: `${verticalPositionArrow}px`,
+            [EvoTooltipVariableArrowPosition.HORIZONTAL_POSITION_ARROW]: `${horizontalPositionArrow}px`,
+        });
+    }
+}
+EvoTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipComponent, deps: [{ token: i0.ElementRef }, { token: EvoTooltipService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+EvoTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTooltipComponent, selector: "evo-tooltip", host: { properties: { "@fadeIn": "this.fadeIn" } }, ngImport: i0, template: "<ng-container\n    *ngIf=\"{position: position$ | async, styles: styles$ | async, visibleArrow: visibleArrow$ | async} as asyncData\"\n>\n    <div\n        class=\"evo-tooltip\"\n        [class]=\"'evo-tooltip_' + asyncData.position\"\n        [class.evo-tooltip_not-arrow]=\"!asyncData.visibleArrow\"\n        [style]=\"asyncData.styles\"\n    >\n        <ng-container *ngIf=\"stringContent$ | async as content; else templateRef\">{{ content }}</ng-container>\n    </div>\n</ng-container>\n\n<ng-template #templateRef>\n    <ng-container *ngIf=\"templateContent$ | async as content\" [ngTemplateOutlet]=\"content\"></ng-container>\n</ng-template>\n", styles: [":host{--evo-tooltip-horizontal-position-arrow: 50%;--evo-tooltip-vertical-position-arrow: 50%;--evo-tooltip-color: #212121;--evo-tooltip-background-color: #FFF8E6;--evo-tooltip-max-width: 300px;--evo-tooltip-padding: 16px;--evo-tooltip-border-radius: 8px}:host:empty{display:none}.evo-tooltip{display:inline-block;position:relative;background-color:var(--evo-tooltip-background-color);color:var(--evo-tooltip-color);padding:var(--evo-tooltip-padding);font:inherit;border-radius:var(--evo-tooltip-border-radius);box-sizing:border-box;max-width:var(--evo-tooltip-max-width);filter:drop-shadow(0 8px 10px rgba(0,0,0,.14)) drop-shadow(0 3px 14px rgba(0,0,0,.12))}.evo-tooltip:empty{display:none}.evo-tooltip:not(.evo-tooltip_not-arrow):before{content:\"\";position:absolute;border-style:solid}.evo-tooltip_top-start:before,.evo-tooltip_top:before,.evo-tooltip_top-end:before{border-width:8px 8px 0 8px;border-color:var(--evo-tooltip-background-color) transparent transparent transparent;bottom:-8px}.evo-tooltip_top-start:before{left:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_top:before{left:50%;transform:translate(-50%)}.evo-tooltip_top-end:before{right:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_right-start:before,.evo-tooltip_right:before,.evo-tooltip_right-end:before{border-width:8px 8px 8px 0;border-color:transparent var(--evo-tooltip-background-color) transparent transparent;left:-8px}.evo-tooltip_right-start:before{top:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_right:before{top:50%;transform:translateY(-50%)}.evo-tooltip_right-end:before{bottom:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_bottom-start:before,.evo-tooltip_bottom:before,.evo-tooltip_bottom-end:before{border-width:0 8px 8px 8px;border-color:transparent transparent var(--evo-tooltip-background-color) transparent;top:-8px}.evo-tooltip_bottom-start:before{left:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_bottom:before{left:50%;transform:translate(-50%)}.evo-tooltip_bottom-end:before{right:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_left-start:before,.evo-tooltip_left:before,.evo-tooltip_left-end:before{border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--evo-tooltip-background-color);right:-8px}.evo-tooltip_left-start:before{top:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_left:before{top:50%;transform:translateY(-50%)}.evo-tooltip_left-end:before{bottom:var(--evo-tooltip-vertical-position-arrow)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, animations: [EVO_TOOLTIP_FADEIN_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'evo-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, animations: [EVO_TOOLTIP_FADEIN_ANIMATION], template: "<ng-container\n    *ngIf=\"{position: position$ | async, styles: styles$ | async, visibleArrow: visibleArrow$ | async} as asyncData\"\n>\n    <div\n        class=\"evo-tooltip\"\n        [class]=\"'evo-tooltip_' + asyncData.position\"\n        [class.evo-tooltip_not-arrow]=\"!asyncData.visibleArrow\"\n        [style]=\"asyncData.styles\"\n    >\n        <ng-container *ngIf=\"stringContent$ | async as content; else templateRef\">{{ content }}</ng-container>\n    </div>\n</ng-container>\n\n<ng-template #templateRef>\n    <ng-container *ngIf=\"templateContent$ | async as content\" [ngTemplateOutlet]=\"content\"></ng-container>\n</ng-template>\n", styles: [":host{--evo-tooltip-horizontal-position-arrow: 50%;--evo-tooltip-vertical-position-arrow: 50%;--evo-tooltip-color: #212121;--evo-tooltip-background-color: #FFF8E6;--evo-tooltip-max-width: 300px;--evo-tooltip-padding: 16px;--evo-tooltip-border-radius: 8px}:host:empty{display:none}.evo-tooltip{display:inline-block;position:relative;background-color:var(--evo-tooltip-background-color);color:var(--evo-tooltip-color);padding:var(--evo-tooltip-padding);font:inherit;border-radius:var(--evo-tooltip-border-radius);box-sizing:border-box;max-width:var(--evo-tooltip-max-width);filter:drop-shadow(0 8px 10px rgba(0,0,0,.14)) drop-shadow(0 3px 14px rgba(0,0,0,.12))}.evo-tooltip:empty{display:none}.evo-tooltip:not(.evo-tooltip_not-arrow):before{content:\"\";position:absolute;border-style:solid}.evo-tooltip_top-start:before,.evo-tooltip_top:before,.evo-tooltip_top-end:before{border-width:8px 8px 0 8px;border-color:var(--evo-tooltip-background-color) transparent transparent transparent;bottom:-8px}.evo-tooltip_top-start:before{left:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_top:before{left:50%;transform:translate(-50%)}.evo-tooltip_top-end:before{right:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_right-start:before,.evo-tooltip_right:before,.evo-tooltip_right-end:before{border-width:8px 8px 8px 0;border-color:transparent var(--evo-tooltip-background-color) transparent transparent;left:-8px}.evo-tooltip_right-start:before{top:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_right:before{top:50%;transform:translateY(-50%)}.evo-tooltip_right-end:before{bottom:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_bottom-start:before,.evo-tooltip_bottom:before,.evo-tooltip_bottom-end:before{border-width:0 8px 8px 8px;border-color:transparent transparent var(--evo-tooltip-background-color) transparent;top:-8px}.evo-tooltip_bottom-start:before{left:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_bottom:before{left:50%;transform:translate(-50%)}.evo-tooltip_bottom-end:before{right:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_left-start:before,.evo-tooltip_left:before,.evo-tooltip_left-end:before{border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--evo-tooltip-background-color);right:-8px}.evo-tooltip_left-start:before{top:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_left:before{top:50%;transform:translateY(-50%)}.evo-tooltip_left-end:before{bottom:var(--evo-tooltip-vertical-position-arrow)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: EvoTooltipService }, { type: i0.Renderer2 }]; }, propDecorators: { fadeIn: [{
+                type: HostBinding,
+                args: ['@fadeIn']
+            }] } });
+
+class EvoTooltipDirective {
+    constructor(elementRef, tooltipService) {
+        this.elementRef = elementRef;
+        this.tooltipService = tooltipService;
+        this.position = EvoTooltipPosition.BOTTOM;
+        this.disabled = false;
+        this.evoTooltipOpen = new EventEmitter();
+        this.evoTooltipClose = new EventEmitter();
+        this.isOpen$ = this.tooltipService.isOpen$;
+        this.destroy$ = new Subject();
+    }
+    set evoTooltipVisibleArrow(visibleArrow) {
+        this.tooltipService.setArrowVisibility(visibleArrow);
+    }
+    set evoTooltipStyles(tooltipStyles) {
+        this.tooltipService.setTooltipStyles(tooltipStyles);
+    }
+    set evoTooltipClass(tooltipClass) {
+        this.tooltipService.setTooltipClass(tooltipClass);
+    }
+    get hostClasses() {
+        return ['evo-tooltip-trigger', ...(this.disabled ? ['evo-tooltip-trigger_disabled'] : [])];
+    }
+    ngOnInit() {
+        this.initSubscriptions();
+    }
+    ngOnDestroy() {
+        this.hide();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    hide() {
+        this.tooltipService.hideTooltip();
+    }
+    show(event) {
+        if (!this.content || this.tooltipService.hasAttached || this.disabled) {
+            return;
+        }
+        this.tooltipService.showTooltip(this.elementRef, this.content, this.position, Object.assign(Object.assign({}, EVO_TOOLTIP_CONFIG), this.config), event === null || event === void 0 ? void 0 : event.target);
+    }
+    initSubscriptions() {
+        var _a, _b;
+        fromEvent(this.elementRef.nativeElement, 'mouseenter')
+            .pipe(throttleTime((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.showDelay) !== null && _b !== void 0 ? _b : EVO_TOOLTIP_CONFIG.showDelay), tap(() => {
+            this.show();
+        }), takeUntil(this.destroy$))
+            .subscribe();
+        this.tooltipService.isOpen$
+            .pipe(tap((isOpen) => {
+            isOpen ? this.evoTooltipOpen.emit() : this.evoTooltipClose.emit();
+        }), takeUntil(this.destroy$))
+            .subscribe();
+    }
+}
+EvoTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipDirective, deps: [{ token: i0.ElementRef }, { token: EvoTooltipService }], target: i0.ɵɵFactoryTarget.Directive });
+EvoTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: EvoTooltipDirective, selector: "[evoTooltip]", inputs: { content: ["evoTooltip", "content"], position: ["evoTooltipPosition", "position"], disabled: ["evoTooltipDisabled", "disabled"], config: ["evoTooltipConfig", "config"], evoTooltipVisibleArrow: "evoTooltipVisibleArrow", evoTooltipStyles: "evoTooltipStyles", evoTooltipClass: "evoTooltipClass" }, outputs: { evoTooltipOpen: "evoTooltipOpen", evoTooltipClose: "evoTooltipClose" }, host: { properties: { "class": "this.hostClasses" } }, providers: [EvoTooltipService], exportAs: ["evoTooltip"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[evoTooltip]',
+                    exportAs: 'evoTooltip',
+                    providers: [EvoTooltipService],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: EvoTooltipService }]; }, propDecorators: { content: [{
+                type: Input,
+                args: ['evoTooltip']
+            }], position: [{
+                type: Input,
+                args: ['evoTooltipPosition']
+            }], disabled: [{
+                type: Input,
+                args: ['evoTooltipDisabled']
+            }], config: [{
+                type: Input,
+                args: ['evoTooltipConfig']
+            }], evoTooltipVisibleArrow: [{
+                type: Input
+            }], evoTooltipStyles: [{
+                type: Input
+            }], evoTooltipClass: [{
+                type: Input
+            }], evoTooltipOpen: [{
+                type: Output
+            }], evoTooltipClose: [{
+                type: Output
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EvoTooltipModule {
+}
+EvoTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EvoTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipModule, declarations: [EvoTooltipComponent, EvoTooltipDirective], imports: [OverlayModule, CommonModule], exports: [EvoTooltipDirective] });
+EvoTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipModule, imports: [[OverlayModule, CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [OverlayModule, CommonModule],
+                    declarations: [EvoTooltipComponent, EvoTooltipDirective],
+                    exports: [EvoTooltipDirective],
+                }]
+        }] });
+
 /*
  * Public API Surface of evo-ui-kit
  */
@@ -7528,5 +8047,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CSS_BREAKPOINTS, DESKTOP_SMALL_VIEW, DaDataEntityTypes, DaDataParty, DadataBankStatus, DadataBankType, DadataCompanyBranchType, DadataCompanyStatus, DadataCompanyType, DadataFounderShareType, DadataManagerType, DeclinationPipe, DeprecateMethod, DeprecateVariable, DesktopSmallViewProvider, EVO_DROPDOWN_POSITION_DESCRIPTION, EVO_SIDEBAR_CONFIG, EVO_SIDEBAR_DATA, EVO_SIDEBAR_ROOT_ID, EvoAbstractPortal, EvoAccordionComponent, EvoAccordionContentComponent, EvoAccordionModule, EvoAccordionPanelComponent, EvoAccordionTitleComponent, EvoAlertComponent, EvoAlertDefaultIcons, EvoAlertModule, EvoAlertSizes, EvoAlertTypes, EvoAutocompleteComponent, EvoAutocompleteDefaultOptionComponent, EvoAutocompleteFooterComponent, EvoAutocompleteHeaderComponent, EvoAutocompleteModule, EvoBadgeComponent, EvoBadgeModule, EvoBanner, EvoBannerComponent, EvoBannerLocations, EvoBannerModule, EvoBannerTypes, EvoBaseControl, EvoButtonComponent, EvoButtonModule, EvoButtonOldComponent, EvoButtonSizes, EvoButtonStyles, EvoCheckboxComponent, EvoCheckboxModule, EvoChipComponent, EvoChipModule, EvoChipTheme, EvoChipType, EvoCircularLoaderComponent, EvoClickOutsideDirective, EvoCollection, EvoCollectionFabric, EvoControlErrorComponent, EvoControlErrorModule, EvoControlLabelComponent, EvoControlLabelModule, EvoControlStateManager, EvoControlStates, EvoCounterComponent, EvoCounterModule, EvoCounterSize, EvoDatepickerComponent, EvoDatepickerModule, EvoDropdownComponent, EvoDropdownModule, EvoDropdownOriginDirective, EvoExpandedService, EvoIconButtonColor, EvoIconButtonComponent, EvoIconButtonModule, EvoIconComponent, EvoIconModule, EvoIconNumberComponent, EvoIconNumberModule, EvoIconsLibrary, EvoInputComponent, EvoInputContenteditableComponent, EvoInputContenteditableModule, EvoInputIconDirective, EvoInputModule, EvoInputSizes, EvoInputTheme, EvoIsExpandedDirective, EvoLetContext, EvoLetDirective, EvoLoaderComponent, EvoLoaderModule, EvoLoaderStyles, EvoModalCloseTargets, EvoModalComponent, EvoModalModule, EvoModalService, EvoNavbarComponent, EvoNavbarItemComponent, EvoNavbarModule, EvoNavigationButtonComponent, EvoNavigationButtonModule, EvoNoteComponent, EvoNoteModule, EvoPaginatorComponent, EvoPaginatorModule, EvoPipesModule, EvoPlusMinusComponent, EvoPlusMinusModule, EvoPopoverComponent, EvoPopoverModule, EvoPortalModule, EvoPortalOutlet, EvoPortalOutletDirective, EvoPortalService, EvoRadioComponent, EvoRadioGroupComponent, EvoRadioGroupDirections, EvoRadioGroupModule, EvoRadioGroupThemes, EvoRadioModule, EvoRadioshapeComponent, EvoRadioshapeModule, EvoSegmentedBarButtonComponent, EvoSegmentedBarComponent, EvoSegmentedBarModule, EvoSelectComponent, EvoSelectModule, EvoSidebarCloseTargets, EvoSidebarComponent, EvoSidebarContentComponent, EvoSidebarFooterComponent, EvoSidebarHeaderComponent, EvoSidebarModule, EvoSidebarService, EvoSidebarSizes, EvoSidebarStates, EvoStepperComponent, EvoStepperItemComponent, EvoStepperModule, EvoSubmenuComponent, EvoSubmenuModule, EvoSubmenuType, EvoSwitcherComponent, EvoSwitcherItemComponent, EvoSwitcherModule, EvoTabComponent, EvoTabContentComponent, EvoTabStateCollection, EvoTableColumnComponent, EvoTableComponent, EvoTableModule, EvoTableRowClickEvent, EvoTabsComponent, EvoTabsModule, EvoTabsService, EvoTabsSize, EvoTabsSizeService, EvoTextareaComponent, EvoTextareaModule, EvoToastComponent, EvoToastModule, EvoToastService, EvoToastTypes, EvoToggleComponent, EvoToggleModule, EvoUiClassDirective, EvoUiKitModule, EvoUploadComponent, EvoUploadModule, FormHelper, ICONS_LIST_TOKEN, MOBILE_VIEW, MobileViewProvider, SafeHtmlPipe, Serializable, TABLET_VIEW, TabletViewProvider, VIEW_BREAKPOINTS_PROVIDERS, WINDOW_PROVIDERS, enterZone, evoIconsLibraryGetter, evoSidebarAnimationDuration, evoSidebarDefaultConfig, evoSidebarRootId, expandAnimation, portalProvider, sidebarAnimation, skipInitialRenderAnimation, switchQueryToList };
+export { CSS_BREAKPOINTS, DESKTOP_SMALL_VIEW, DaDataEntityTypes, DaDataParty, DadataBankStatus, DadataBankType, DadataCompanyBranchType, DadataCompanyStatus, DadataCompanyType, DadataFounderShareType, DadataManagerType, DeclinationPipe, DeprecateMethod, DeprecateVariable, DesktopSmallViewProvider, EVO_DROPDOWN_POSITION_DESCRIPTION, EVO_SIDEBAR_CONFIG, EVO_SIDEBAR_DATA, EVO_SIDEBAR_ROOT_ID, EvoAbstractPortal, EvoAccordionComponent, EvoAccordionContentComponent, EvoAccordionModule, EvoAccordionPanelComponent, EvoAccordionTitleComponent, EvoAlertComponent, EvoAlertDefaultIcons, EvoAlertModule, EvoAlertSizes, EvoAlertTypes, EvoAutocompleteComponent, EvoAutocompleteDefaultOptionComponent, EvoAutocompleteFooterComponent, EvoAutocompleteHeaderComponent, EvoAutocompleteModule, EvoBadgeComponent, EvoBadgeModule, EvoBanner, EvoBannerComponent, EvoBannerLocations, EvoBannerModule, EvoBannerTypes, EvoBaseControl, EvoButtonComponent, EvoButtonModule, EvoButtonOldComponent, EvoButtonSizes, EvoButtonStyles, EvoCheckboxComponent, EvoCheckboxModule, EvoChipComponent, EvoChipModule, EvoChipTheme, EvoChipType, EvoCircularLoaderComponent, EvoClickOutsideDirective, EvoCollection, EvoCollectionFabric, EvoControlErrorComponent, EvoControlErrorModule, EvoControlLabelComponent, EvoControlLabelModule, EvoControlStateManager, EvoControlStates, EvoCounterComponent, EvoCounterModule, EvoCounterSize, EvoDatepickerComponent, EvoDatepickerModule, EvoDropdownComponent, EvoDropdownModule, EvoDropdownOriginDirective, EvoExpandedService, EvoIconButtonColor, EvoIconButtonComponent, EvoIconButtonModule, EvoIconComponent, EvoIconModule, EvoIconNumberComponent, EvoIconNumberModule, EvoIconsLibrary, EvoInputComponent, EvoInputContenteditableComponent, EvoInputContenteditableModule, EvoInputIconDirective, EvoInputModule, EvoInputSizes, EvoInputTheme, EvoIsExpandedDirective, EvoLetContext, EvoLetDirective, EvoLoaderComponent, EvoLoaderModule, EvoLoaderStyles, EvoModalCloseTargets, EvoModalComponent, EvoModalModule, EvoModalService, EvoNavbarComponent, EvoNavbarItemComponent, EvoNavbarModule, EvoNavigationButtonComponent, EvoNavigationButtonModule, EvoNoteComponent, EvoNoteModule, EvoPaginatorComponent, EvoPaginatorModule, EvoPipesModule, EvoPlusMinusComponent, EvoPlusMinusModule, EvoPopoverComponent, EvoPopoverModule, EvoPortalModule, EvoPortalOutlet, EvoPortalOutletDirective, EvoPortalService, EvoRadioComponent, EvoRadioGroupComponent, EvoRadioGroupDirections, EvoRadioGroupModule, EvoRadioGroupThemes, EvoRadioModule, EvoRadioshapeComponent, EvoRadioshapeModule, EvoSegmentedBarButtonComponent, EvoSegmentedBarComponent, EvoSegmentedBarModule, EvoSelectComponent, EvoSelectModule, EvoSidebarCloseTargets, EvoSidebarComponent, EvoSidebarContentComponent, EvoSidebarFooterComponent, EvoSidebarHeaderComponent, EvoSidebarModule, EvoSidebarService, EvoSidebarSizes, EvoSidebarStates, EvoStepperComponent, EvoStepperItemComponent, EvoStepperModule, EvoSubmenuComponent, EvoSubmenuModule, EvoSubmenuType, EvoSwitcherComponent, EvoSwitcherItemComponent, EvoSwitcherModule, EvoTabComponent, EvoTabContentComponent, EvoTabStateCollection, EvoTableColumnComponent, EvoTableComponent, EvoTableModule, EvoTableRowClickEvent, EvoTabsComponent, EvoTabsModule, EvoTabsService, EvoTabsSize, EvoTabsSizeService, EvoTextareaComponent, EvoTextareaModule, EvoToastComponent, EvoToastModule, EvoToastService, EvoToastTypes, EvoToggleComponent, EvoToggleModule, EvoTooltipDirective, EvoTooltipModule, EvoUiClassDirective, EvoUiKitModule, EvoUploadComponent, EvoUploadModule, FormHelper, ICONS_LIST_TOKEN, MOBILE_VIEW, MobileViewProvider, SafeHtmlPipe, Serializable, TABLET_VIEW, TabletViewProvider, VIEW_BREAKPOINTS_PROVIDERS, WINDOW_PROVIDERS, enterZone, evoIconsLibraryGetter, evoSidebarAnimationDuration, evoSidebarDefaultConfig, evoSidebarRootId, expandAnimation, portalProvider, sidebarAnimation, skipInitialRenderAnimation, switchQueryToList };
 //# sourceMappingURL=evotor-dev-ui-kit.mjs.map