@evotor-dev/ui-kit 7.5.0 → 7.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/color-icons/alert-triangle.svg +2 -5
- package/assets/color-icons/assortiment.svg +15 -22
- package/assets/color-icons/bank.svg +10 -21
- package/assets/color-icons/battery.svg +7 -15
- package/assets/color-icons/cash.svg +10 -25
- package/assets/color-icons/check.svg +2 -3
- package/assets/color-icons/document-signed.svg +8 -21
- package/assets/color-icons/document.svg +5 -13
- package/assets/color-icons/eye-off.svg +7 -17
- package/assets/color-icons/gift.svg +3 -7
- package/assets/color-icons/gym.svg +8 -14
- package/assets/color-icons/money.svg +7 -17
- package/assets/color-icons/newspaper.svg +13 -25
- package/assets/color-icons/number.svg +1 -2
- package/assets/color-icons/rocket.svg +5 -11
- package/assets/color-icons/sad.svg +9 -21
- package/assets/color-icons/shop.svg +11 -27
- package/assets/color-icons/terminal-size.svg +11 -25
- package/assets/color-icons/usb.svg +17 -27
- package/esm2020/lib/components/evo-autocomplete/components/evo-autocomplete/evo-autocomplete.component.mjs +2 -2
- package/esm2020/lib/components/evo-datepicker/evo-datepicker.component.mjs +2 -2
- package/esm2020/lib/components/evo-input/evo-input.component.mjs +8 -7
- package/esm2020/lib/components/evo-input/evo-input.module.mjs +5 -2
- package/esm2020/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.mjs +8 -4
- package/esm2020/lib/components/evo-input-contenteditable/types/evo-input-contenteditable-size.mjs +2 -0
- package/esm2020/lib/components/evo-paginator/evo-paginator.component.mjs +35 -58
- package/esm2020/lib/components/evo-paginator/evo-paginator.module.mjs +6 -2
- package/esm2020/lib/components/evo-select/evo-select.component.mjs +2 -2
- package/esm2020/lib/components/evo-textarea/evo-textarea.component.mjs +9 -5
- package/esm2020/lib/components/evo-textarea/types/evo-textarea-size.mjs +2 -0
- package/fesm2015/evotor-dev-ui-kit.mjs +175 -186
- package/fesm2015/evotor-dev-ui-kit.mjs.map +1 -1
- package/fesm2020/evotor-dev-ui-kit.mjs +175 -186
- package/fesm2020/evotor-dev-ui-kit.mjs.map +1 -1
- package/lib/components/evo-input/evo-input.module.d.ts +2 -1
- package/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.d.ts +3 -1
- package/lib/components/evo-input-contenteditable/types/evo-input-contenteditable-size.d.ts +2 -0
- package/lib/components/evo-paginator/evo-paginator.component.d.ts +16 -10
- package/lib/components/evo-paginator/evo-paginator.module.d.ts +2 -1
- package/lib/components/evo-textarea/evo-textarea.component.d.ts +3 -1
- package/lib/components/evo-textarea/types/evo-textarea-size.d.ts +2 -0
- package/package.json +1 -1
- package/styles/mixins/_evo-input-mixins.scss +4 -2
- package/styles/variables.scss +3 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
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';
|
|
3
|
-
import * as
|
|
3
|
+
import * as i1$1 from '@angular/common';
|
|
4
4
|
import { isPlatformBrowser, CommonModule, DOCUMENT } from '@angular/common';
|
|
5
|
-
import * as i1$
|
|
5
|
+
import * as i1$2 from '@angular/forms';
|
|
6
6
|
import { FormsModule, ReactiveFormsModule, FormControl, FormGroup, FormArray, NgControl, COMPOSITION_BUFFER_MODE, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
|
|
7
7
|
import * as i3$1 from 'ngx-page-scroll';
|
|
8
8
|
import { NgxPageScrollModule } from 'ngx-page-scroll';
|
|
@@ -14,7 +14,7 @@ import { takeUntil, debounceTime, map, tap, delay, distinctUntilChanged, switchM
|
|
|
14
14
|
import { style, animate, trigger, state, transition } from '@angular/animations';
|
|
15
15
|
import { iconUnfoldMore, iconUnfoldLess, iconChevronLeft } from '@evotor-dev/ui-kit/icons/navigation';
|
|
16
16
|
import * as i1 from '@angular/platform-browser';
|
|
17
|
-
import * as i2
|
|
17
|
+
import * as i2 from '@ng-select/ng-select';
|
|
18
18
|
import { NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';
|
|
19
19
|
import { isUndefined, isNull, cloneDeep, isEqual } from 'lodash-es';
|
|
20
20
|
import * as i3 from 'angular-imask';
|
|
@@ -29,7 +29,7 @@ import { __decorate } from 'tslib';
|
|
|
29
29
|
import autobind from 'autobind-decorator';
|
|
30
30
|
import bytes from 'bytes';
|
|
31
31
|
import * as mime from 'mime';
|
|
32
|
-
import * as i1$
|
|
32
|
+
import * as i1$3 from '@angular/cdk/overlay';
|
|
33
33
|
import { CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
|
|
34
34
|
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
35
35
|
|
|
@@ -695,7 +695,7 @@ class EvoIconComponent {
|
|
|
695
695
|
}
|
|
696
696
|
}
|
|
697
697
|
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 });
|
|
698
|
-
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:
|
|
698
|
+
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 });
|
|
699
699
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconComponent, decorators: [{
|
|
700
700
|
type: Component,
|
|
701
701
|
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 +816,7 @@ class EvoAccordionTitleComponent {
|
|
|
816
816
|
}
|
|
817
817
|
}
|
|
818
818
|
EvoAccordionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAccordionTitleComponent, deps: [{ token: EvoExpandedService }], target: i0.ɵɵFactoryTarget.Component });
|
|
819
|
-
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:
|
|
819
|
+
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: [
|
|
820
820
|
trigger('toggleBlock', [
|
|
821
821
|
transition(':leave', [
|
|
822
822
|
style({ opacity: 1 }),
|
|
@@ -983,7 +983,7 @@ class EvoAlertComponent {
|
|
|
983
983
|
}
|
|
984
984
|
}
|
|
985
985
|
EvoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
986
|
-
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:
|
|
986
|
+
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"] }] });
|
|
987
987
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAlertComponent, decorators: [{
|
|
988
988
|
type: Component,
|
|
989
989
|
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"] }]
|
|
@@ -1025,6 +1025,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
1025
1025
|
}]
|
|
1026
1026
|
}] });
|
|
1027
1027
|
|
|
1028
|
+
const defaultId = `clip-path-`;
|
|
1029
|
+
class EvoCircularLoaderComponent {
|
|
1030
|
+
constructor() {
|
|
1031
|
+
this.clipPathId = defaultId;
|
|
1032
|
+
}
|
|
1033
|
+
ngOnInit() {
|
|
1034
|
+
this.clipPathId += `${defaultId}${Math.random().toString(36).substring(2)}`;
|
|
1035
|
+
}
|
|
1036
|
+
}
|
|
1037
|
+
EvoCircularLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoCircularLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1038
|
+
EvoCircularLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoCircularLoaderComponent, selector: "evo-circular-loader", ngImport: i0, template: "<div class=\"wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <clipPath [attr.id]=\"clipPathId\">\n <path d=\"M12 20C10.4178 20 8.87103 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60896 15.0615C4.00346 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12L18 12C18 10.8133 17.6481 9.65327 16.9888 8.66658C16.3295 7.67988 15.3925 6.91085 14.2961 6.45672C13.1997 6.0026 11.9933 5.88378 10.8295 6.11529C9.66557 6.3468 8.59647 6.91824 7.75736 7.75736C6.91824 8.59647 6.3468 9.66557 6.11529 10.8295C5.88378 11.9933 6.0026 13.1997 6.45672 14.2961C6.91085 15.3925 7.67988 16.3295 8.66658 16.9888C9.65327 17.6481 10.8133 18 12 18L12 20Z\"/>\n </clipPath>\n <foreignObject x=\"0\" y=\"0\" width=\"17\" height=\"16\" [attr.clip-path]=\"'url(#' + clipPathId + ')'\">\n <xhtml:div class=\"loader\"></xhtml:div>\n </foreignObject>\n </svg>\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%}}:host{display:block;width:24px;height:24px;--evo-circular-loader-animate: spin 1s linear infinite;--evo-circular-loader-color: #C6C6C6 }.wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.wrapper svg{display:block;width:100%;height:100%;animation:var(--evo-circular-loader-animate);fill:none}.wrapper svg .loader{width:100%;height:100%;color:inherit;background:conic-gradient(from 180deg,transparent 0%,var(--evo-circular-loader-color) 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoCircularLoaderComponent, decorators: [{
|
|
1040
|
+
type: Component,
|
|
1041
|
+
args: [{ selector: 'evo-circular-loader', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <clipPath [attr.id]=\"clipPathId\">\n <path d=\"M12 20C10.4178 20 8.87103 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60896 15.0615C4.00346 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12L18 12C18 10.8133 17.6481 9.65327 16.9888 8.66658C16.3295 7.67988 15.3925 6.91085 14.2961 6.45672C13.1997 6.0026 11.9933 5.88378 10.8295 6.11529C9.66557 6.3468 8.59647 6.91824 7.75736 7.75736C6.91824 8.59647 6.3468 9.66557 6.11529 10.8295C5.88378 11.9933 6.0026 13.1997 6.45672 14.2961C6.91085 15.3925 7.67988 16.3295 8.66658 16.9888C9.65327 17.6481 10.8133 18 12 18L12 20Z\"/>\n </clipPath>\n <foreignObject x=\"0\" y=\"0\" width=\"17\" height=\"16\" [attr.clip-path]=\"'url(#' + clipPathId + ')'\">\n <xhtml:div class=\"loader\"></xhtml:div>\n </foreignObject>\n </svg>\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%}}:host{display:block;width:24px;height:24px;--evo-circular-loader-animate: spin 1s linear infinite;--evo-circular-loader-color: #C6C6C6 }.wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.wrapper svg{display:block;width:100%;height:100%;animation:var(--evo-circular-loader-animate);fill:none}.wrapper svg .loader{width:100%;height:100%;color:inherit;background:conic-gradient(from 180deg,transparent 0%,var(--evo-circular-loader-color) 100%)}\n"] }]
|
|
1042
|
+
}] });
|
|
1043
|
+
|
|
1028
1044
|
class SafeHtmlPipe {
|
|
1029
1045
|
constructor(sanitizer) {
|
|
1030
1046
|
this.sanitizer = sanitizer;
|
|
@@ -1062,7 +1078,7 @@ class EvoControlErrorComponent {
|
|
|
1062
1078
|
}
|
|
1063
1079
|
}
|
|
1064
1080
|
EvoControlErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoControlErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1065
|
-
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:
|
|
1081
|
+
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 });
|
|
1066
1082
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoControlErrorComponent, decorators: [{
|
|
1067
1083
|
type: Component,
|
|
1068
1084
|
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"] }]
|
|
@@ -1350,7 +1366,7 @@ EvoInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
1350
1366
|
useExisting: forwardRef(() => EvoInputComponent),
|
|
1351
1367
|
multi: true,
|
|
1352
1368
|
},
|
|
1353
|
-
], 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 <div *ngIf=\"loading; else sideBlock\" class=\"evo-input__loading-spinner\"></div>\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%}}@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: 0 12px}.evo-input{--evo-input-padding-left: 16px;--evo-input-padding-right: 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: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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 .evo-input__field{--evo-input-padding-left: 8px;--evo-input-padding-right: 8px}.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: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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 .evo-input__field:last-child{--evo-input-padding-right: 16px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__tooltip,.evo-input_size-small .evo-input__loading-spinner{flex:0 0 16px;width:16px;height:16px;margin:0 10px}.evo-input_size-small .evo-input__icon{margin-right:10px}.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_size-small .evo-input__prefix-icon{width:16px;height:16px}.evo-input_size-small .evo-input__prefix-icon:empty{display:none}.evo-input_size-small .evo-input__icon-clear{width:16px;height:16px}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:12px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.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:0 var(--evo-input-padding-right) 0 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:20px;font-size:16px;transition:color .2s}.evo-input__prefix_focused{color:#000}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip,.evo-input__icon-clear{width:24px;height:24px;margin:0 10px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 20px 0 10px}.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:10px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{margin:0 20px;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}\n"], components: [{ 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"] }] });
|
|
1369
|
+
], 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.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 .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.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 .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"] }] });
|
|
1354
1370
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputComponent, decorators: [{
|
|
1355
1371
|
type: Component,
|
|
1356
1372
|
args: [{ selector: 'evo-input', providers: [
|
|
@@ -1364,7 +1380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
1364
1380
|
useExisting: forwardRef(() => EvoInputComponent),
|
|
1365
1381
|
multi: true,
|
|
1366
1382
|
},
|
|
1367
|
-
], 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 <
|
|
1383
|
+
], 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.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 .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.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 .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"] }]
|
|
1368
1384
|
}], ctorParameters: function () {
|
|
1369
1385
|
return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
|
|
1370
1386
|
type: Optional
|
|
@@ -1507,6 +1523,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
1507
1523
|
}]
|
|
1508
1524
|
}] });
|
|
1509
1525
|
|
|
1526
|
+
var EvoLoaderStyles;
|
|
1527
|
+
(function (EvoLoaderStyles) {
|
|
1528
|
+
EvoLoaderStyles["darkblue"] = "darkblue";
|
|
1529
|
+
EvoLoaderStyles["green"] = "green";
|
|
1530
|
+
EvoLoaderStyles["white"] = "white";
|
|
1531
|
+
})(EvoLoaderStyles || (EvoLoaderStyles = {}));
|
|
1532
|
+
/**
|
|
1533
|
+
* @deprecated use `EvoCircularLoaderComponent`
|
|
1534
|
+
*/
|
|
1535
|
+
class EvoLoaderComponent {
|
|
1536
|
+
constructor() {
|
|
1537
|
+
this.color = EvoLoaderStyles.darkblue;
|
|
1538
|
+
}
|
|
1539
|
+
ngOnInit() { }
|
|
1540
|
+
}
|
|
1541
|
+
EvoLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1542
|
+
EvoLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoLoaderComponent, selector: "evo-loader", inputs: { color: "color" }, ngImport: i0, template: "<div class=\"evo-loader\" [evoUiClass]=\"color\">\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n</div>\n", styles: ["@keyframes fx{50%{transform:scale(1);opacity:1}to{opacity:0}}.evo-loader{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-loader_darkblue{color:#546e7a}.evo-loader_green{color:#21c68b}.evo-loader_white{color:#fff}.evo-loader__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:fx 1s ease infinite 0ms}.evo-loader__dot:nth-child(2){animation:fx 1s ease infinite .3s}.evo-loader__dot:nth-child(3){animation:fx 1s ease infinite .6s}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
|
|
1543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderComponent, decorators: [{
|
|
1544
|
+
type: Component,
|
|
1545
|
+
args: [{ selector: 'evo-loader', template: "<div class=\"evo-loader\" [evoUiClass]=\"color\">\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n</div>\n", styles: ["@keyframes fx{50%{transform:scale(1);opacity:1}to{opacity:0}}.evo-loader{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-loader_darkblue{color:#546e7a}.evo-loader_green{color:#21c68b}.evo-loader_white{color:#fff}.evo-loader__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:fx 1s ease infinite 0ms}.evo-loader__dot:nth-child(2){animation:fx 1s ease infinite .3s}.evo-loader__dot:nth-child(3){animation:fx 1s ease infinite .6s}\n"] }]
|
|
1546
|
+
}], ctorParameters: function () { return []; }, propDecorators: { color: [{
|
|
1547
|
+
type: Input
|
|
1548
|
+
}] } });
|
|
1549
|
+
|
|
1550
|
+
const bundle = [
|
|
1551
|
+
EvoLoaderComponent,
|
|
1552
|
+
EvoCircularLoaderComponent,
|
|
1553
|
+
];
|
|
1554
|
+
class EvoLoaderModule {
|
|
1555
|
+
}
|
|
1556
|
+
EvoLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1557
|
+
EvoLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderModule, declarations: [EvoLoaderComponent,
|
|
1558
|
+
EvoCircularLoaderComponent], imports: [CommonModule,
|
|
1559
|
+
EvoUiKitModule], exports: [EvoLoaderComponent,
|
|
1560
|
+
EvoCircularLoaderComponent] });
|
|
1561
|
+
EvoLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderModule, imports: [[
|
|
1562
|
+
CommonModule,
|
|
1563
|
+
EvoUiKitModule,
|
|
1564
|
+
]] });
|
|
1565
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderModule, decorators: [{
|
|
1566
|
+
type: NgModule,
|
|
1567
|
+
args: [{
|
|
1568
|
+
imports: [
|
|
1569
|
+
CommonModule,
|
|
1570
|
+
EvoUiKitModule,
|
|
1571
|
+
],
|
|
1572
|
+
declarations: [...bundle],
|
|
1573
|
+
exports: [...bundle],
|
|
1574
|
+
}]
|
|
1575
|
+
}] });
|
|
1576
|
+
|
|
1510
1577
|
class EvoInputModule {
|
|
1511
1578
|
}
|
|
1512
1579
|
EvoInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -1516,7 +1583,7 @@ EvoInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
1516
1583
|
FormsModule,
|
|
1517
1584
|
EvoUiKitModule,
|
|
1518
1585
|
EvoControlErrorModule,
|
|
1519
|
-
IMaskModule, EvoIconModule], exports: [EvoInputComponent,
|
|
1586
|
+
IMaskModule, EvoIconModule, EvoLoaderModule], exports: [EvoInputComponent,
|
|
1520
1587
|
EvoInputIconDirective] });
|
|
1521
1588
|
EvoInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputModule, imports: [[
|
|
1522
1589
|
CommonModule,
|
|
@@ -1531,6 +1598,7 @@ EvoInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
|
|
|
1531
1598
|
decline: iconDecline,
|
|
1532
1599
|
},
|
|
1533
1600
|
}]),
|
|
1601
|
+
EvoLoaderModule,
|
|
1534
1602
|
]] });
|
|
1535
1603
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputModule, decorators: [{
|
|
1536
1604
|
type: NgModule,
|
|
@@ -1548,6 +1616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
1548
1616
|
decline: iconDecline,
|
|
1549
1617
|
},
|
|
1550
1618
|
}]),
|
|
1619
|
+
EvoLoaderModule,
|
|
1551
1620
|
],
|
|
1552
1621
|
declarations: [
|
|
1553
1622
|
EvoInputComponent,
|
|
@@ -1789,12 +1858,12 @@ class EvoAutocompleteComponent {
|
|
|
1789
1858
|
};
|
|
1790
1859
|
}
|
|
1791
1860
|
}
|
|
1792
|
-
EvoAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$
|
|
1793
|
-
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: #212121;--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: 40px;position:relative;display:block}evo-autocomplete .evo-autocomplete ng-select[ng-reflect-clearable=false]{--inner-input-padding-right: 16px}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 16px}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: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);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:0 12px 0 16px;line-height:var(--evo-input-height)}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 0 0 16px;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 .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;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 .ng-input{padding-right:32px}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_is-selectbox.ng-select-clearable .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;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);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-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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_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 });
|
|
1861
|
+
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 });
|
|
1862
|
+
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: #212121;--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: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-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-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-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_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 });
|
|
1794
1863
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteComponent, decorators: [{
|
|
1795
1864
|
type: Component,
|
|
1796
|
-
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: #212121;--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: 40px;position:relative;display:block}evo-autocomplete .evo-autocomplete ng-select[ng-reflect-clearable=false]{--inner-input-padding-right: 16px}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 16px}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: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);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:0 12px 0 16px;line-height:var(--evo-input-height)}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 0 0 16px;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 .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;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 .ng-input{padding-right:32px}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_is-selectbox.ng-select-clearable .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;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);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-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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_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"] }]
|
|
1797
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$
|
|
1865
|
+
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: #212121;--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: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-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-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-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_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"] }]
|
|
1866
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$2.NgControl }]; }, propDecorators: { size: [{
|
|
1798
1867
|
type: Input
|
|
1799
1868
|
}], isOpen: [{
|
|
1800
1869
|
type: Input
|
|
@@ -1991,7 +2060,7 @@ EvoCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1991
2060
|
useExisting: forwardRef(() => EvoCheckboxComponent),
|
|
1992
2061
|
multi: true,
|
|
1993
2062
|
},
|
|
1994
|
-
], 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$
|
|
2063
|
+
], 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"] }] });
|
|
1995
2064
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoCheckboxComponent, decorators: [{
|
|
1996
2065
|
type: Component,
|
|
1997
2066
|
args: [{ selector: 'evo-checkbox', providers: [
|
|
@@ -2058,7 +2127,7 @@ class EvoAutocompleteDefaultOptionComponent {
|
|
|
2058
2127
|
}
|
|
2059
2128
|
}
|
|
2060
2129
|
EvoAutocompleteDefaultOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteDefaultOptionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2061
|
-
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:
|
|
2130
|
+
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 });
|
|
2062
2131
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAutocompleteDefaultOptionComponent, decorators: [{
|
|
2063
2132
|
type: Component,
|
|
2064
2133
|
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"] }]
|
|
@@ -2391,7 +2460,7 @@ class EvoBannerComponent {
|
|
|
2391
2460
|
}
|
|
2392
2461
|
}
|
|
2393
2462
|
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 });
|
|
2394
|
-
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:
|
|
2463
|
+
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"] }] });
|
|
2395
2464
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoBannerComponent, decorators: [{
|
|
2396
2465
|
type: Component,
|
|
2397
2466
|
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"] }]
|
|
@@ -2457,22 +2526,6 @@ const EVO_BUTTON_THEMES_MAP = new Map([
|
|
|
2457
2526
|
],
|
|
2458
2527
|
]);
|
|
2459
2528
|
|
|
2460
|
-
const defaultId = `clip-path-`;
|
|
2461
|
-
class EvoCircularLoaderComponent {
|
|
2462
|
-
constructor() {
|
|
2463
|
-
this.clipPathId = defaultId;
|
|
2464
|
-
}
|
|
2465
|
-
ngOnInit() {
|
|
2466
|
-
this.clipPathId += `${defaultId}${Math.random().toString(36).substring(2)}`;
|
|
2467
|
-
}
|
|
2468
|
-
}
|
|
2469
|
-
EvoCircularLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoCircularLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2470
|
-
EvoCircularLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoCircularLoaderComponent, selector: "evo-circular-loader", ngImport: i0, template: "<div class=\"wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <clipPath [attr.id]=\"clipPathId\">\n <path d=\"M12 20C10.4178 20 8.87103 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60896 15.0615C4.00346 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12L18 12C18 10.8133 17.6481 9.65327 16.9888 8.66658C16.3295 7.67988 15.3925 6.91085 14.2961 6.45672C13.1997 6.0026 11.9933 5.88378 10.8295 6.11529C9.66557 6.3468 8.59647 6.91824 7.75736 7.75736C6.91824 8.59647 6.3468 9.66557 6.11529 10.8295C5.88378 11.9933 6.0026 13.1997 6.45672 14.2961C6.91085 15.3925 7.67988 16.3295 8.66658 16.9888C9.65327 17.6481 10.8133 18 12 18L12 20Z\"/>\n </clipPath>\n <foreignObject x=\"0\" y=\"0\" width=\"17\" height=\"16\" [attr.clip-path]=\"'url(#' + clipPathId + ')'\">\n <xhtml:div class=\"loader\"></xhtml:div>\n </foreignObject>\n </svg>\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%}}:host{display:block;width:24px;height:24px;--evo-circular-loader-animate: spin 1s linear infinite;--evo-circular-loader-color: #C6C6C6 }.wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.wrapper svg{display:block;width:100%;height:100%;animation:var(--evo-circular-loader-animate);fill:none}.wrapper svg .loader{width:100%;height:100%;color:inherit;background:conic-gradient(from 180deg,transparent 0%,var(--evo-circular-loader-color) 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoCircularLoaderComponent, decorators: [{
|
|
2472
|
-
type: Component,
|
|
2473
|
-
args: [{ selector: 'evo-circular-loader', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <clipPath [attr.id]=\"clipPathId\">\n <path d=\"M12 20C10.4178 20 8.87103 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60896 15.0615C4.00346 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12L18 12C18 10.8133 17.6481 9.65327 16.9888 8.66658C16.3295 7.67988 15.3925 6.91085 14.2961 6.45672C13.1997 6.0026 11.9933 5.88378 10.8295 6.11529C9.66557 6.3468 8.59647 6.91824 7.75736 7.75736C6.91824 8.59647 6.3468 9.66557 6.11529 10.8295C5.88378 11.9933 6.0026 13.1997 6.45672 14.2961C6.91085 15.3925 7.67988 16.3295 8.66658 16.9888C9.65327 17.6481 10.8133 18 12 18L12 20Z\"/>\n </clipPath>\n <foreignObject x=\"0\" y=\"0\" width=\"17\" height=\"16\" [attr.clip-path]=\"'url(#' + clipPathId + ')'\">\n <xhtml:div class=\"loader\"></xhtml:div>\n </foreignObject>\n </svg>\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%}}:host{display:block;width:24px;height:24px;--evo-circular-loader-animate: spin 1s linear infinite;--evo-circular-loader-color: #C6C6C6 }.wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.wrapper svg{display:block;width:100%;height:100%;animation:var(--evo-circular-loader-animate);fill:none}.wrapper svg .loader{width:100%;height:100%;color:inherit;background:conic-gradient(from 180deg,transparent 0%,var(--evo-circular-loader-color) 100%)}\n"] }]
|
|
2474
|
-
}] });
|
|
2475
|
-
|
|
2476
2529
|
class EvoButtonComponent {
|
|
2477
2530
|
constructor(elRef) {
|
|
2478
2531
|
this.elRef = elRef;
|
|
@@ -2538,7 +2591,7 @@ class EvoButtonComponent {
|
|
|
2538
2591
|
}
|
|
2539
2592
|
}
|
|
2540
2593
|
EvoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2541
|
-
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:
|
|
2594
|
+
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 });
|
|
2542
2595
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonComponent, decorators: [{
|
|
2543
2596
|
type: Component,
|
|
2544
2597
|
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"] }]
|
|
@@ -2627,7 +2680,7 @@ class EvoButtonOldComponent {
|
|
|
2627
2680
|
}
|
|
2628
2681
|
}
|
|
2629
2682
|
EvoButtonOldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonOldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2630
|
-
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:
|
|
2683
|
+
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 });
|
|
2631
2684
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonOldComponent, decorators: [{
|
|
2632
2685
|
type: Component,
|
|
2633
2686
|
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"] }]
|
|
@@ -2641,57 +2694,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
2641
2694
|
type: Input
|
|
2642
2695
|
}] } });
|
|
2643
2696
|
|
|
2644
|
-
var EvoLoaderStyles;
|
|
2645
|
-
(function (EvoLoaderStyles) {
|
|
2646
|
-
EvoLoaderStyles["darkblue"] = "darkblue";
|
|
2647
|
-
EvoLoaderStyles["green"] = "green";
|
|
2648
|
-
EvoLoaderStyles["white"] = "white";
|
|
2649
|
-
})(EvoLoaderStyles || (EvoLoaderStyles = {}));
|
|
2650
|
-
/**
|
|
2651
|
-
* @deprecated use `EvoCircularLoaderComponent`
|
|
2652
|
-
*/
|
|
2653
|
-
class EvoLoaderComponent {
|
|
2654
|
-
constructor() {
|
|
2655
|
-
this.color = EvoLoaderStyles.darkblue;
|
|
2656
|
-
}
|
|
2657
|
-
ngOnInit() { }
|
|
2658
|
-
}
|
|
2659
|
-
EvoLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2660
|
-
EvoLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoLoaderComponent, selector: "evo-loader", inputs: { color: "color" }, ngImport: i0, template: "<div class=\"evo-loader\" [evoUiClass]=\"color\">\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n</div>\n", styles: ["@keyframes fx{50%{transform:scale(1);opacity:1}to{opacity:0}}.evo-loader{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-loader_darkblue{color:#546e7a}.evo-loader_green{color:#21c68b}.evo-loader_white{color:#fff}.evo-loader__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:fx 1s ease infinite 0ms}.evo-loader__dot:nth-child(2){animation:fx 1s ease infinite .3s}.evo-loader__dot:nth-child(3){animation:fx 1s ease infinite .6s}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
|
|
2661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderComponent, decorators: [{
|
|
2662
|
-
type: Component,
|
|
2663
|
-
args: [{ selector: 'evo-loader', template: "<div class=\"evo-loader\" [evoUiClass]=\"color\">\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n</div>\n", styles: ["@keyframes fx{50%{transform:scale(1);opacity:1}to{opacity:0}}.evo-loader{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-loader_darkblue{color:#546e7a}.evo-loader_green{color:#21c68b}.evo-loader_white{color:#fff}.evo-loader__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:fx 1s ease infinite 0ms}.evo-loader__dot:nth-child(2){animation:fx 1s ease infinite .3s}.evo-loader__dot:nth-child(3){animation:fx 1s ease infinite .6s}\n"] }]
|
|
2664
|
-
}], ctorParameters: function () { return []; }, propDecorators: { color: [{
|
|
2665
|
-
type: Input
|
|
2666
|
-
}] } });
|
|
2667
|
-
|
|
2668
|
-
const bundle = [
|
|
2669
|
-
EvoLoaderComponent,
|
|
2670
|
-
EvoCircularLoaderComponent,
|
|
2671
|
-
];
|
|
2672
|
-
class EvoLoaderModule {
|
|
2673
|
-
}
|
|
2674
|
-
EvoLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2675
|
-
EvoLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderModule, declarations: [EvoLoaderComponent,
|
|
2676
|
-
EvoCircularLoaderComponent], imports: [CommonModule,
|
|
2677
|
-
EvoUiKitModule], exports: [EvoLoaderComponent,
|
|
2678
|
-
EvoCircularLoaderComponent] });
|
|
2679
|
-
EvoLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderModule, imports: [[
|
|
2680
|
-
CommonModule,
|
|
2681
|
-
EvoUiKitModule,
|
|
2682
|
-
]] });
|
|
2683
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoLoaderModule, decorators: [{
|
|
2684
|
-
type: NgModule,
|
|
2685
|
-
args: [{
|
|
2686
|
-
imports: [
|
|
2687
|
-
CommonModule,
|
|
2688
|
-
EvoUiKitModule,
|
|
2689
|
-
],
|
|
2690
|
-
declarations: [...bundle],
|
|
2691
|
-
exports: [...bundle],
|
|
2692
|
-
}]
|
|
2693
|
-
}] });
|
|
2694
|
-
|
|
2695
2697
|
class EvoButtonModule {
|
|
2696
2698
|
}
|
|
2697
2699
|
EvoButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2797,7 +2799,7 @@ EvoChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
2797
2799
|
useExisting: forwardRef(() => EvoChipComponent),
|
|
2798
2800
|
multi: true,
|
|
2799
2801
|
},
|
|
2800
|
-
], 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:
|
|
2802
|
+
], 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"] }] });
|
|
2801
2803
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoChipComponent, decorators: [{
|
|
2802
2804
|
type: Component,
|
|
2803
2805
|
args: [{ selector: 'evo-chip', providers: [
|
|
@@ -2870,7 +2872,7 @@ class EvoControlLabelComponent {
|
|
|
2870
2872
|
}
|
|
2871
2873
|
}
|
|
2872
2874
|
EvoControlLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoControlLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2873
|
-
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 || ' ' }}</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:
|
|
2875
|
+
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 || ' ' }}</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"] }] });
|
|
2874
2876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoControlLabelComponent, decorators: [{
|
|
2875
2877
|
type: Component,
|
|
2876
2878
|
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 || ' ' }}</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"] }]
|
|
@@ -3575,7 +3577,7 @@ EvoDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
3575
3577
|
useExisting: forwardRef(() => EvoDatepickerComponent),
|
|
3576
3578
|
multi: true,
|
|
3577
3579
|
},
|
|
3578
|
-
], 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: 0 12px}.evo-input{--evo-input-padding-left: 16px;--evo-input-padding-right: 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: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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 .evo-input__field{--evo-input-padding-left: 8px;--evo-input-padding-right: 8px}.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: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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 .evo-input__field:last-child{--evo-input-padding-right: 16px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__tooltip,.evo-input_size-small .evo-input__loading-spinner{flex:0 0 16px;width:16px;height:16px;margin:0 10px}.evo-input_size-small .evo-input__icon{margin-right:10px}.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_size-small .evo-input__prefix-icon{width:16px;height:16px}.evo-input_size-small .evo-input__prefix-icon:empty{display:none}.evo-input_size-small .evo-input__icon-clear{width:16px;height:16px}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:12px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.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:0 var(--evo-input-padding-right) 0 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:20px;font-size:16px;transition:color .2s}.evo-input__prefix_focused{color:#000}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip,.evo-input__icon-clear{width:24px;height:24px;margin:0 10px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 20px 0 10px}.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:10px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{margin:0 20px;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-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:20px;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%;padding:12px 20px;font-size:16px;font-family:var(--evo-font);line-height:20px;border:1px solid #C6C6C6;border-radius:4px;cursor:pointer}.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 });
|
|
3580
|
+
], 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.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 .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.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 .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 });
|
|
3579
3581
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoDatepickerComponent, decorators: [{
|
|
3580
3582
|
type: Component,
|
|
3581
3583
|
args: [{ selector: 'evo-datepicker', encapsulation: ViewEncapsulation.None, providers: [
|
|
@@ -3584,7 +3586,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
3584
3586
|
useExisting: forwardRef(() => EvoDatepickerComponent),
|
|
3585
3587
|
multi: true,
|
|
3586
3588
|
},
|
|
3587
|
-
], 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: 0 12px}.evo-input{--evo-input-padding-left: 16px;--evo-input-padding-right: 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: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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 .evo-input__field{--evo-input-padding-left: 8px;--evo-input-padding-right: 8px}.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: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--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);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 .evo-input__field:last-child{--evo-input-padding-right: 16px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__tooltip,.evo-input_size-small .evo-input__loading-spinner{flex:0 0 16px;width:16px;height:16px;margin:0 10px}.evo-input_size-small .evo-input__icon{margin-right:10px}.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_size-small .evo-input__prefix-icon{width:16px;height:16px}.evo-input_size-small .evo-input__prefix-icon:empty{display:none}.evo-input_size-small .evo-input__icon-clear{width:16px;height:16px}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:12px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.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:0 var(--evo-input-padding-right) 0 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:20px;font-size:16px;transition:color .2s}.evo-input__prefix_focused{color:#000}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip,.evo-input__icon-clear{width:24px;height:24px;margin:0 10px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 20px 0 10px}.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:10px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{margin:0 20px;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-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:20px;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%;padding:12px 20px;font-size:16px;font-family:var(--evo-font);line-height:20px;border:1px solid #C6C6C6;border-radius:4px;cursor:pointer}.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"] }]
|
|
3589
|
+
], 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.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 .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.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 .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"] }]
|
|
3588
3590
|
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Injector }]; }, propDecorators: { flatpickrElement: [{
|
|
3589
3591
|
type: ViewChild,
|
|
3590
3592
|
args: ['flatpickr', { static: true }]
|
|
@@ -3684,7 +3686,7 @@ class EvoIconButtonComponent {
|
|
|
3684
3686
|
}
|
|
3685
3687
|
}
|
|
3686
3688
|
EvoIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3687
|
-
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:
|
|
3689
|
+
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 });
|
|
3688
3690
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconButtonComponent, decorators: [{
|
|
3689
3691
|
type: Component,
|
|
3690
3692
|
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"] }]
|
|
@@ -3733,7 +3735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
3733
3735
|
class EvoIconNumberComponent {
|
|
3734
3736
|
}
|
|
3735
3737
|
EvoIconNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3736
|
-
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 });
|
|
3738
|
+
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 });
|
|
3737
3739
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoIconNumberComponent, decorators: [{
|
|
3738
3740
|
type: Component,
|
|
3739
3741
|
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"] }]
|
|
@@ -3768,6 +3770,7 @@ class EvoInputContenteditableComponent extends EvoBaseControl {
|
|
|
3768
3770
|
this.cd = cd;
|
|
3769
3771
|
this.injector = injector;
|
|
3770
3772
|
this.blur = new EventEmitter();
|
|
3773
|
+
this.size = 'normal';
|
|
3771
3774
|
this.multiline = true;
|
|
3772
3775
|
this.maxLines = 3;
|
|
3773
3776
|
this.minLines = 0;
|
|
@@ -3785,6 +3788,7 @@ class EvoInputContenteditableComponent extends EvoBaseControl {
|
|
|
3785
3788
|
disabled: this._isDisabled,
|
|
3786
3789
|
valid: this.currentState[EvoControlStates.valid],
|
|
3787
3790
|
invalid: this.currentState[EvoControlStates.invalid],
|
|
3791
|
+
[`size_${this.size}`]: this.size !== 'normal',
|
|
3788
3792
|
};
|
|
3789
3793
|
}
|
|
3790
3794
|
ngOnInit() {
|
|
@@ -3857,7 +3861,7 @@ EvoInputContenteditableComponent.STYLE_KEYCODES = [
|
|
|
3857
3861
|
85, // U u
|
|
3858
3862
|
];
|
|
3859
3863
|
EvoInputContenteditableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputContenteditableComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
3860
|
-
EvoInputContenteditableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoInputContenteditableComponent, selector: "evo-input-contenteditable", inputs: { multiline: "multiline", placeholder: "placeholder", autoFocus: "autoFocus", maxLines: "maxLines", minLines: "minLines", disabled: "disabled", preventStylingHotkeys: "preventStylingHotkeys" }, outputs: { blur: "blur" }, providers: [
|
|
3864
|
+
EvoInputContenteditableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoInputContenteditableComponent, selector: "evo-input-contenteditable", inputs: { size: "size", multiline: "multiline", placeholder: "placeholder", autoFocus: "autoFocus", maxLines: "maxLines", minLines: "minLines", disabled: "disabled", preventStylingHotkeys: "preventStylingHotkeys" }, outputs: { blur: "blur" }, providers: [
|
|
3861
3865
|
{
|
|
3862
3866
|
provide: NG_VALUE_ACCESSOR,
|
|
3863
3867
|
useExisting: forwardRef(() => EvoInputContenteditableComponent),
|
|
@@ -3868,7 +3872,7 @@ EvoInputContenteditableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
|
|
|
3868
3872
|
useExisting: forwardRef(() => EvoInputContenteditableComponent),
|
|
3869
3873
|
multi: true,
|
|
3870
3874
|
},
|
|
3871
|
-
], 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:
|
|
3875
|
+
], 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_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 });
|
|
3872
3876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoInputContenteditableComponent, decorators: [{
|
|
3873
3877
|
type: Component,
|
|
3874
3878
|
args: [{ selector: 'evo-input-contenteditable', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -3882,12 +3886,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
3882
3886
|
useExisting: forwardRef(() => EvoInputContenteditableComponent),
|
|
3883
3887
|
multi: true,
|
|
3884
3888
|
},
|
|
3885
|
-
], 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:
|
|
3889
|
+
], 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_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"] }]
|
|
3886
3890
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }]; }, propDecorators: { contenteditable: [{
|
|
3887
3891
|
type: ViewChild,
|
|
3888
3892
|
args: ['contenteditable', { read: ElementRef, static: true }]
|
|
3889
3893
|
}], blur: [{
|
|
3890
3894
|
type: Output
|
|
3895
|
+
}], size: [{
|
|
3896
|
+
type: Input
|
|
3891
3897
|
}], multiline: [{
|
|
3892
3898
|
type: Input
|
|
3893
3899
|
}], placeholder: [{
|
|
@@ -4054,7 +4060,7 @@ class EvoModalComponent {
|
|
|
4054
4060
|
}
|
|
4055
4061
|
}
|
|
4056
4062
|
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 });
|
|
4057
|
-
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 (click)=\"onBackgroundClick($event)\"\n></div>\n<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__wrapper\"\n [ngClass]=\"{'evo-modal_visible': isVisible}\"\n (click)=\"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:
|
|
4063
|
+
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 (click)=\"onBackgroundClick($event)\"\n></div>\n<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__wrapper\"\n [ngClass]=\"{'evo-modal_visible': isVisible}\"\n (click)=\"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"] }] });
|
|
4058
4064
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoModalComponent, decorators: [{
|
|
4059
4065
|
type: Component,
|
|
4060
4066
|
args: [{ selector: 'evo-modal', template: "<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__background\"\n [ngClass]=\"{'evo-modal__background_visible': isVisible}\"\n (click)=\"onBackgroundClick($event)\"\n></div>\n<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__wrapper\"\n [ngClass]=\"{'evo-modal_visible': isVisible}\"\n (click)=\"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"] }]
|
|
@@ -4124,7 +4130,7 @@ class EvoNoteComponent {
|
|
|
4124
4130
|
}
|
|
4125
4131
|
}
|
|
4126
4132
|
EvoNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4127
|
-
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:
|
|
4133
|
+
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 });
|
|
4128
4134
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNoteComponent, decorators: [{
|
|
4129
4135
|
type: Component,
|
|
4130
4136
|
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"] }]
|
|
@@ -4175,43 +4181,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
4175
4181
|
}]
|
|
4176
4182
|
}] });
|
|
4177
4183
|
|
|
4178
|
-
|
|
4179
|
-
|
|
4184
|
+
var PaginatorLayout;
|
|
4185
|
+
(function (PaginatorLayout) {
|
|
4186
|
+
PaginatorLayout["SHORT"] = "SHORT";
|
|
4187
|
+
PaginatorLayout["BEGINNING"] = "BEGINNING";
|
|
4188
|
+
PaginatorLayout["MIDDLE"] = "MIDDLE";
|
|
4189
|
+
PaginatorLayout["END"] = "END";
|
|
4190
|
+
})(PaginatorLayout || (PaginatorLayout = {}));
|
|
4191
|
+
const SHORT_STATE_PAGES_LIMIT = 5;
|
|
4192
|
+
const CORNER_STATE_PAGE_MAX_OFFSET = 3;
|
|
4180
4193
|
const DEFAULT_PAGE_SIZE = 10;
|
|
4181
4194
|
class EvoPaginatorComponent {
|
|
4182
4195
|
constructor() {
|
|
4183
4196
|
this.pageClick = new EventEmitter();
|
|
4197
|
+
this.currentPage = 1; // starts with 1
|
|
4184
4198
|
this.pagesTotal = 1;
|
|
4185
|
-
this.
|
|
4186
|
-
this.
|
|
4199
|
+
this.CORNER_STATE_PAGE_MAX_OFFSET = CORNER_STATE_PAGE_MAX_OFFSET;
|
|
4200
|
+
this.PaginatorLayout = PaginatorLayout;
|
|
4187
4201
|
this.pageSize = DEFAULT_PAGE_SIZE;
|
|
4188
4202
|
this.itemsTotal = 0;
|
|
4189
|
-
this.currentPage = 1; // starts with 1
|
|
4190
4203
|
}
|
|
4191
4204
|
set setCurrentPage(value) {
|
|
4192
4205
|
this.currentPage = parseInt(value, 10) || 1;
|
|
4193
|
-
this.updatePagesList();
|
|
4194
4206
|
}
|
|
4195
4207
|
set setItemsTotal(itemsTotal) {
|
|
4196
4208
|
this.itemsTotal = itemsTotal > 0 ? itemsTotal : 0;
|
|
4197
|
-
this.
|
|
4209
|
+
this.pagesTotal = Math.ceil(this.itemsTotal / this.pageSize) || 1;
|
|
4198
4210
|
}
|
|
4199
4211
|
set setPageSize(pageSize) {
|
|
4200
4212
|
this.pageSize = pageSize > 0 ? pageSize : 10;
|
|
4201
|
-
this.
|
|
4213
|
+
this.pagesTotal = Math.ceil(this.itemsTotal / this.pageSize) || 1;
|
|
4202
4214
|
}
|
|
4203
|
-
|
|
4204
|
-
if (
|
|
4205
|
-
return;
|
|
4215
|
+
get currentLayout() {
|
|
4216
|
+
if (this.pagesTotal <= SHORT_STATE_PAGES_LIMIT) {
|
|
4217
|
+
return PaginatorLayout.SHORT;
|
|
4218
|
+
}
|
|
4219
|
+
// first CORNER_STATE_PAGE_MAX_OFFSET pages
|
|
4220
|
+
// ex: CORNER_STATE_PAGE_MAX_OFFSET = 3, currentPage = 1 | 2 | 3
|
|
4221
|
+
if (this.currentPage <= CORNER_STATE_PAGE_MAX_OFFSET) {
|
|
4222
|
+
return PaginatorLayout.BEGINNING;
|
|
4206
4223
|
}
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4210
|
-
|
|
4211
|
-
valueToSet = DEFAULT_VISIBLE_PAGES_LIMIT;
|
|
4224
|
+
// last CORNER_STATE_PAGE_MAX_OFFSET pages
|
|
4225
|
+
// ex: CORNER_STATE_PAGE_MAX_OFFSET = 3, pagesTotal = 100, currentPage = 98 | 99 | 100
|
|
4226
|
+
if (this.pagesTotal - this.currentPage < CORNER_STATE_PAGE_MAX_OFFSET) {
|
|
4227
|
+
return PaginatorLayout.END;
|
|
4212
4228
|
}
|
|
4213
|
-
|
|
4214
|
-
this.updatePagesList();
|
|
4229
|
+
return PaginatorLayout.MIDDLE;
|
|
4215
4230
|
}
|
|
4216
4231
|
onPageClick(page) {
|
|
4217
4232
|
if (page === this.currentPage) {
|
|
@@ -4225,49 +4240,17 @@ class EvoPaginatorComponent {
|
|
|
4225
4240
|
};
|
|
4226
4241
|
this.currentPage = page;
|
|
4227
4242
|
this.pageClick.emit(payload);
|
|
4228
|
-
this.updatePagesList();
|
|
4229
4243
|
}
|
|
4230
|
-
|
|
4244
|
+
isSelectedPage(page) {
|
|
4231
4245
|
return parseInt(page, 10) === this.currentPage;
|
|
4232
4246
|
}
|
|
4233
|
-
updatePagesList() {
|
|
4234
|
-
this.pagesList = [];
|
|
4235
|
-
this.pagesTotal = Math.ceil(this.itemsTotal / this.pageSize) || 1;
|
|
4236
|
-
const allPages = [...new Array(this.pagesTotal)].map((_, i) => i + 1);
|
|
4237
|
-
const halfVisible = (this.visiblePagesLimit - 1) / 2;
|
|
4238
|
-
const pagesOnSides = (this.visiblePagesLimit - 2 - 1) / 2;
|
|
4239
|
-
const lastPageNumber = allPages.length;
|
|
4240
|
-
if (this.currentPage > this.pagesTotal) {
|
|
4241
|
-
return;
|
|
4242
|
-
}
|
|
4243
|
-
this.pagesList = allPages.filter((p, i) => {
|
|
4244
|
-
// is boundary value (always visible)
|
|
4245
|
-
if (p === 1 || p === lastPageNumber || p === this.currentPage) {
|
|
4246
|
-
return true;
|
|
4247
|
-
}
|
|
4248
|
-
// start non-shiftable items, for example, when currentPage === 3: [1 2 (3)] 4 5 6 9
|
|
4249
|
-
if (this.currentPage <= halfVisible) {
|
|
4250
|
-
return p < this.visiblePagesLimit;
|
|
4251
|
-
}
|
|
4252
|
-
// end non-shiftable items, for example, when currentPage === 8: 1 4 5 6 [7 (8) 9]
|
|
4253
|
-
// in example above it is 4
|
|
4254
|
-
if (this.currentPage >= lastPageNumber - halfVisible) {
|
|
4255
|
-
return lastPageNumber - this.visiblePagesLimit < i;
|
|
4256
|
-
}
|
|
4257
|
-
// siblings, for example, when currentPage === 5: 1 [3 4] (5) [6 7] 9
|
|
4258
|
-
return ((p < this.currentPage && this.currentPage - pagesOnSides <= p) ||
|
|
4259
|
-
(p > this.currentPage && p <= this.currentPage + pagesOnSides));
|
|
4260
|
-
});
|
|
4261
|
-
}
|
|
4262
4247
|
}
|
|
4263
4248
|
EvoPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4264
|
-
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"]
|
|
4249
|
+
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 });
|
|
4265
4250
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorComponent, decorators: [{
|
|
4266
4251
|
type: Component,
|
|
4267
|
-
args: [{ selector: 'evo-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"paginator-container\">\n
|
|
4268
|
-
}], propDecorators: {
|
|
4269
|
-
type: Output
|
|
4270
|
-
}], setCurrentPage: [{
|
|
4252
|
+
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"] }]
|
|
4253
|
+
}], propDecorators: { setCurrentPage: [{
|
|
4271
4254
|
type: Input,
|
|
4272
4255
|
args: ['currentPage']
|
|
4273
4256
|
}], setItemsTotal: [{
|
|
@@ -4276,17 +4259,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
4276
4259
|
}], setPageSize: [{
|
|
4277
4260
|
type: Input,
|
|
4278
4261
|
args: ['pageSize']
|
|
4279
|
-
}],
|
|
4280
|
-
type:
|
|
4281
|
-
args: ['visiblePagesLimit']
|
|
4262
|
+
}], pageClick: [{
|
|
4263
|
+
type: Output
|
|
4282
4264
|
}] } });
|
|
4283
4265
|
|
|
4284
4266
|
class EvoPaginatorModule {
|
|
4285
4267
|
}
|
|
4286
4268
|
EvoPaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4287
|
-
EvoPaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorModule, declarations: [EvoPaginatorComponent], imports: [CommonModule
|
|
4269
|
+
EvoPaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorModule, declarations: [EvoPaginatorComponent], imports: [CommonModule,
|
|
4270
|
+
EvoUiKitModule], exports: [EvoPaginatorComponent] });
|
|
4288
4271
|
EvoPaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorModule, imports: [[
|
|
4289
4272
|
CommonModule,
|
|
4273
|
+
EvoUiKitModule,
|
|
4290
4274
|
]] });
|
|
4291
4275
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoPaginatorModule, decorators: [{
|
|
4292
4276
|
type: NgModule,
|
|
@@ -4294,6 +4278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
4294
4278
|
declarations: [EvoPaginatorComponent],
|
|
4295
4279
|
imports: [
|
|
4296
4280
|
CommonModule,
|
|
4281
|
+
EvoUiKitModule,
|
|
4297
4282
|
],
|
|
4298
4283
|
exports: [EvoPaginatorComponent]
|
|
4299
4284
|
}]
|
|
@@ -4822,14 +4807,14 @@ class EvoRadioGroupComponent extends EvoBaseControl {
|
|
|
4822
4807
|
});
|
|
4823
4808
|
}
|
|
4824
4809
|
}
|
|
4825
|
-
EvoRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoRadioGroupComponent, deps: [{ token: i1$
|
|
4810
|
+
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 });
|
|
4826
4811
|
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: [
|
|
4827
4812
|
{
|
|
4828
4813
|
provide: NG_VALUE_ACCESSOR,
|
|
4829
4814
|
useExisting: forwardRef(() => EvoRadioGroupComponent),
|
|
4830
4815
|
multi: true,
|
|
4831
4816
|
},
|
|
4832
|
-
], 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$
|
|
4817
|
+
], 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"] }] });
|
|
4833
4818
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoRadioGroupComponent, decorators: [{
|
|
4834
4819
|
type: Component,
|
|
4835
4820
|
args: [{ selector: 'evo-radio-group', providers: [
|
|
@@ -4839,7 +4824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
4839
4824
|
multi: true,
|
|
4840
4825
|
},
|
|
4841
4826
|
], 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"] }]
|
|
4842
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
4827
|
+
}], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { options: [{
|
|
4843
4828
|
type: Input
|
|
4844
4829
|
}], _value: [{
|
|
4845
4830
|
type: Input,
|
|
@@ -4909,7 +4894,7 @@ EvoRadioshapeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
4909
4894
|
useExisting: forwardRef(() => EvoRadioshapeComponent),
|
|
4910
4895
|
multi: true,
|
|
4911
4896
|
},
|
|
4912
|
-
], 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:
|
|
4897
|
+
], 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"] }] });
|
|
4913
4898
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoRadioshapeComponent, decorators: [{
|
|
4914
4899
|
type: Component,
|
|
4915
4900
|
args: [{ selector: 'evo-radioshape', providers: [
|
|
@@ -4963,7 +4948,7 @@ class EvoSegmentedBarComponent {
|
|
|
4963
4948
|
ngOnInit() { }
|
|
4964
4949
|
}
|
|
4965
4950
|
EvoSegmentedBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSegmentedBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4966
|
-
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:
|
|
4951
|
+
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"] }] });
|
|
4967
4952
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSegmentedBarComponent, decorators: [{
|
|
4968
4953
|
type: Component,
|
|
4969
4954
|
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"] }]
|
|
@@ -5146,7 +5131,7 @@ EvoSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
5146
5131
|
useExisting: forwardRef(() => EvoSelectComponent),
|
|
5147
5132
|
multi: true,
|
|
5148
5133
|
},
|
|
5149
|
-
], 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:
|
|
5134
|
+
], 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{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"] }] });
|
|
5150
5135
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSelectComponent, decorators: [{
|
|
5151
5136
|
type: Component,
|
|
5152
5137
|
args: [{ selector: 'evo-select', providers: [
|
|
@@ -5155,7 +5140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
5155
5140
|
useExisting: forwardRef(() => EvoSelectComponent),
|
|
5156
5141
|
multi: true,
|
|
5157
5142
|
},
|
|
5158
|
-
], 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:
|
|
5143
|
+
], 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{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"] }]
|
|
5159
5144
|
}], propDecorators: { style: [{
|
|
5160
5145
|
type: Input
|
|
5161
5146
|
}], label: [{
|
|
@@ -5345,7 +5330,7 @@ class EvoSidebarHeaderComponent {
|
|
|
5345
5330
|
}
|
|
5346
5331
|
}
|
|
5347
5332
|
EvoSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSidebarHeaderComponent, deps: [{ token: SidebarInjectionToken }], target: i0.ɵɵFactoryTarget.Component });
|
|
5348
|
-
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:
|
|
5333
|
+
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"] }] });
|
|
5349
5334
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSidebarHeaderComponent, decorators: [{
|
|
5350
5335
|
type: Component,
|
|
5351
5336
|
args: [{ selector: 'evo-sidebar-header, [evo-sidebar-header]', host: {
|
|
@@ -5531,8 +5516,8 @@ class EvoSidebarComponent {
|
|
|
5531
5516
|
});
|
|
5532
5517
|
}
|
|
5533
5518
|
}
|
|
5534
|
-
EvoSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSidebarComponent, deps: [{ token: i0.NgZone }, { token:
|
|
5535
|
-
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:
|
|
5519
|
+
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 });
|
|
5520
|
+
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: [
|
|
5536
5521
|
{
|
|
5537
5522
|
provide: SidebarInjectionToken,
|
|
5538
5523
|
useExisting: forwardRef(() => EvoSidebarComponent),
|
|
@@ -5546,7 +5531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
5546
5531
|
useExisting: forwardRef(() => EvoSidebarComponent),
|
|
5547
5532
|
},
|
|
5548
5533
|
], 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"] }]
|
|
5549
|
-
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type:
|
|
5534
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$1.Location }, { type: i0.ComponentFactoryResolver }, { type: EvoSidebarService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { contentContainer: [{
|
|
5550
5535
|
type: ViewChild,
|
|
5551
5536
|
args: ['sidebarContentContainer', { read: ViewContainerRef }]
|
|
5552
5537
|
}], backButton: [{
|
|
@@ -5690,7 +5675,7 @@ class EvoStepperItemComponent {
|
|
|
5690
5675
|
}
|
|
5691
5676
|
}
|
|
5692
5677
|
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 });
|
|
5693
|
-
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:
|
|
5678
|
+
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"] }] });
|
|
5694
5679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoStepperItemComponent, decorators: [{
|
|
5695
5680
|
type: Component,
|
|
5696
5681
|
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: [""] }]
|
|
@@ -5744,7 +5729,7 @@ class EvoStepperComponent {
|
|
|
5744
5729
|
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 });
|
|
5745
5730
|
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: [
|
|
5746
5731
|
EvoStepperEvents,
|
|
5747
|
-
], 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:
|
|
5732
|
+
], 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 } });
|
|
5748
5733
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoStepperComponent, decorators: [{
|
|
5749
5734
|
type: Component,
|
|
5750
5735
|
args: [{ selector: 'evo-stepper', providers: [
|
|
@@ -5906,7 +5891,7 @@ class EvoSubmenuComponent {
|
|
|
5906
5891
|
}
|
|
5907
5892
|
}
|
|
5908
5893
|
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 });
|
|
5909
|
-
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:
|
|
5894
|
+
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"] }] });
|
|
5910
5895
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSubmenuComponent, decorators: [{
|
|
5911
5896
|
type: Component,
|
|
5912
5897
|
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"] }]
|
|
@@ -5969,7 +5954,7 @@ class EvoSwitcherComponent {
|
|
|
5969
5954
|
}
|
|
5970
5955
|
}
|
|
5971
5956
|
EvoSwitcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5972
|
-
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:
|
|
5957
|
+
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"] }] });
|
|
5973
5958
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoSwitcherComponent, decorators: [{
|
|
5974
5959
|
type: Component,
|
|
5975
5960
|
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"] }]
|
|
@@ -6082,7 +6067,7 @@ class EvoTableComponent {
|
|
|
6082
6067
|
}
|
|
6083
6068
|
}
|
|
6084
6069
|
EvoTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6085
|
-
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:
|
|
6070
|
+
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"] }] });
|
|
6086
6071
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTableComponent, decorators: [{
|
|
6087
6072
|
type: Component,
|
|
6088
6073
|
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"] }]
|
|
@@ -6390,7 +6375,7 @@ class EvoTabsComponent {
|
|
|
6390
6375
|
}
|
|
6391
6376
|
}
|
|
6392
6377
|
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 });
|
|
6393
|
-
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:
|
|
6378
|
+
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"] }] });
|
|
6394
6379
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTabsComponent, decorators: [{
|
|
6395
6380
|
type: Component,
|
|
6396
6381
|
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"] }]
|
|
@@ -6427,7 +6412,7 @@ class EvoTabContentComponent {
|
|
|
6427
6412
|
}
|
|
6428
6413
|
}
|
|
6429
6414
|
EvoTabContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTabContentComponent, deps: [{ token: EvoTabsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6430
|
-
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:
|
|
6415
|
+
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"] }] });
|
|
6431
6416
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTabContentComponent, decorators: [{
|
|
6432
6417
|
type: Component,
|
|
6433
6418
|
args: [{ selector: 'evo-tab-content, [evoTabContent]', template: "<div *ngIf=\"isActive\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
@@ -6460,6 +6445,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
6460
6445
|
class EvoTextareaComponent extends EvoBaseControl {
|
|
6461
6446
|
constructor() {
|
|
6462
6447
|
super(...arguments);
|
|
6448
|
+
this.size = 'normal';
|
|
6463
6449
|
this.placeholder = '';
|
|
6464
6450
|
this.rows = 3;
|
|
6465
6451
|
this.blur = new EventEmitter();
|
|
@@ -6477,6 +6463,7 @@ class EvoTextareaComponent extends EvoBaseControl {
|
|
|
6477
6463
|
'disabled': this.disabled,
|
|
6478
6464
|
'valid': this.currentState[EvoControlStates.valid],
|
|
6479
6465
|
'invalid': this.currentState[EvoControlStates.invalid],
|
|
6466
|
+
[`size_${this.size}`]: this.size !== 'normal',
|
|
6480
6467
|
};
|
|
6481
6468
|
}
|
|
6482
6469
|
set value(value) {
|
|
@@ -6507,13 +6494,13 @@ class EvoTextareaComponent extends EvoBaseControl {
|
|
|
6507
6494
|
}
|
|
6508
6495
|
}
|
|
6509
6496
|
EvoTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6510
|
-
EvoTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTextareaComponent, selector: "evo-textarea", inputs: { placeholder: "placeholder", rows: "rows" }, outputs: { blur: "blur" }, providers: [
|
|
6497
|
+
EvoTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoTextareaComponent, selector: "evo-textarea", inputs: { size: "size", placeholder: "placeholder", rows: "rows" }, outputs: { blur: "blur" }, providers: [
|
|
6511
6498
|
{
|
|
6512
6499
|
provide: NG_VALUE_ACCESSOR,
|
|
6513
6500
|
useExisting: forwardRef(() => EvoTextareaComponent),
|
|
6514
6501
|
multi: true,
|
|
6515
6502
|
},
|
|
6516
|
-
], 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%}}
|
|
6503
|
+
], 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.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 .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.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 .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_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"] }] });
|
|
6517
6504
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoTextareaComponent, decorators: [{
|
|
6518
6505
|
type: Component,
|
|
6519
6506
|
args: [{ selector: 'evo-textarea', providers: [
|
|
@@ -6522,8 +6509,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
6522
6509
|
useExisting: forwardRef(() => EvoTextareaComponent),
|
|
6523
6510
|
multi: true,
|
|
6524
6511
|
},
|
|
6525
|
-
], 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%}}
|
|
6526
|
-
}], propDecorators: {
|
|
6512
|
+
], 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.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 .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.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 .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_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"] }]
|
|
6513
|
+
}], propDecorators: { size: [{
|
|
6514
|
+
type: Input
|
|
6515
|
+
}], placeholder: [{
|
|
6527
6516
|
type: Input
|
|
6528
6517
|
}], rows: [{
|
|
6529
6518
|
type: Input
|
|
@@ -6658,7 +6647,7 @@ class EvoToastComponent {
|
|
|
6658
6647
|
}
|
|
6659
6648
|
}
|
|
6660
6649
|
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 });
|
|
6661
|
-
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:
|
|
6650
|
+
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: [
|
|
6662
6651
|
trigger('appear', [
|
|
6663
6652
|
transition('void => in', [
|
|
6664
6653
|
style({
|
|
@@ -6780,7 +6769,7 @@ EvoToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
6780
6769
|
useExisting: forwardRef(() => EvoToggleComponent),
|
|
6781
6770
|
multi: true,
|
|
6782
6771
|
},
|
|
6783
|
-
], 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$
|
|
6772
|
+
], 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 });
|
|
6784
6773
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoToggleComponent, decorators: [{
|
|
6785
6774
|
type: Component,
|
|
6786
6775
|
args: [{ selector: 'evo-toggle', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -7028,14 +7017,14 @@ class EvoUploadComponent extends EvoBaseControl {
|
|
|
7028
7017
|
return control.controls.length > this.maxFiles ? { maxFiles: true } : null;
|
|
7029
7018
|
}
|
|
7030
7019
|
}
|
|
7031
|
-
EvoUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoUploadComponent, deps: [{ token: i1$
|
|
7020
|
+
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 });
|
|
7032
7021
|
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: [
|
|
7033
7022
|
{
|
|
7034
7023
|
provide: NG_VALUE_ACCESSOR,
|
|
7035
7024
|
useExisting: forwardRef(() => EvoUploadComponent),
|
|
7036
7025
|
multi: true,
|
|
7037
7026
|
},
|
|
7038
|
-
], 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:
|
|
7027
|
+
], 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 } });
|
|
7039
7028
|
__decorate([
|
|
7040
7029
|
autobind
|
|
7041
7030
|
], EvoUploadComponent.prototype, "fileSizeValidator", null);
|
|
@@ -7054,7 +7043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
7054
7043
|
multi: true,
|
|
7055
7044
|
},
|
|
7056
7045
|
], 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"] }]
|
|
7057
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
7046
|
+
}], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { accept: [{
|
|
7058
7047
|
type: Input
|
|
7059
7048
|
}], dropZoneLabel: [{
|
|
7060
7049
|
type: Input
|
|
@@ -7284,7 +7273,7 @@ class EvoDropdownComponent {
|
|
|
7284
7273
|
}
|
|
7285
7274
|
}
|
|
7286
7275
|
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 });
|
|
7287
|
-
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$
|
|
7276
|
+
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 });
|
|
7288
7277
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoDropdownComponent, decorators: [{
|
|
7289
7278
|
type: Component,
|
|
7290
7279
|
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" }]
|
|
@@ -7409,7 +7398,7 @@ class EvoNavbarItemComponent {
|
|
|
7409
7398
|
}
|
|
7410
7399
|
}
|
|
7411
7400
|
EvoNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7412
|
-
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:
|
|
7401
|
+
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 });
|
|
7413
7402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarItemComponent, decorators: [{
|
|
7414
7403
|
type: Component,
|
|
7415
7404
|
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"] }]
|
|
@@ -7454,7 +7443,7 @@ class EvoNavbarComponent {
|
|
|
7454
7443
|
}
|
|
7455
7444
|
}
|
|
7456
7445
|
EvoNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarComponent, deps: [{ token: MOBILE_VIEW }], target: i0.ɵɵFactoryTarget.Component });
|
|
7457
|
-
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:
|
|
7446
|
+
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 });
|
|
7458
7447
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoNavbarComponent, decorators: [{
|
|
7459
7448
|
type: Component,
|
|
7460
7449
|
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"] }]
|