@evotor-dev/ui-kit 6.17.0 → 6.17.2
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/bundles/evotor-dev-ui-kit.umd.js +1233 -277
- package/bundles/evotor-dev-ui-kit.umd.js.map +1 -1
- package/esm2015/lib/components/evo-navigation-tabs/evo-navigation-tab.directive.js +52 -0
- package/esm2015/lib/components/evo-navigation-tabs/evo-navigation-tabs.component.js +112 -0
- package/esm2015/lib/components/evo-navigation-tabs/evo-navigation-tabs.module.js +20 -0
- package/esm2015/lib/components/evo-navigation-tabs/index.js +2 -0
- package/esm2015/lib/components/evo-navigation-tabs/public-api.js +5 -0
- package/esm2015/lib/components/evo-navigation-tabs/types/evo-navigation-tabs-size.js +2 -0
- package/esm2015/lib/components/evo-tooltip/constants/evo-tooltip-arrow-size.js +3 -0
- package/esm2015/lib/components/evo-tooltip/constants/evo-tooltip-config.js +5 -0
- package/esm2015/lib/components/evo-tooltip/constants/evo-tooltip-connected-position.js +100 -0
- package/esm2015/lib/components/evo-tooltip/constants/evo-tooltip-default-positions-order.js +16 -0
- package/esm2015/lib/components/evo-tooltip/constants/evo-tooltip-fadein.animation.js +8 -0
- package/esm2015/lib/components/evo-tooltip/constants/evo-tooltip-offset.js +3 -0
- package/esm2015/lib/components/evo-tooltip/constants/evo-tooltip-priority-positions-order.js +8 -0
- package/esm2015/lib/components/evo-tooltip/constants/evo-tooltip-radius.js +3 -0
- package/esm2015/lib/components/evo-tooltip/directives/evo-tooltip.directive.js +98 -0
- package/esm2015/lib/components/evo-tooltip/enums/evo-tooltip-position.js +16 -0
- package/esm2015/lib/components/evo-tooltip/enums/evo-tooltip-variable-arrow-position.js +6 -0
- package/esm2015/lib/components/evo-tooltip/evo-tooltip.component.js +102 -0
- package/esm2015/lib/components/evo-tooltip/evo-tooltip.module.js +20 -0
- package/esm2015/lib/components/evo-tooltip/index.js +2 -0
- package/esm2015/lib/components/evo-tooltip/interfaces/evo-tooltip-config.js +2 -0
- package/esm2015/lib/components/evo-tooltip/interfaces/evo-tooltip-styles.js +2 -0
- package/esm2015/lib/components/evo-tooltip/public-api.js +3 -0
- package/esm2015/lib/components/evo-tooltip/services/evo-tooltip.service.js +180 -0
- package/esm2015/lib/components/evo-tooltip/types/evo-tooltip-position-type.js +2 -0
- package/esm2015/lib/services/mutation-observer.service.js +59 -0
- package/esm2015/lib/services/router-link-active.service.js +41 -0
- package/esm2015/lib/utils/observables/zone-free.js +64 -0
- package/esm2015/lib/utils/tokens/animation-frame.js +27 -0
- package/esm2015/public_api.js +3 -1
- package/fesm2015/evotor-dev-ui-kit.js +918 -57
- package/fesm2015/evotor-dev-ui-kit.js.map +1 -1
- package/lib/components/evo-navigation-tabs/evo-navigation-tab.directive.d.ts +19 -0
- package/lib/components/evo-navigation-tabs/evo-navigation-tabs.component.d.ts +32 -0
- package/lib/components/evo-navigation-tabs/evo-navigation-tabs.module.d.ts +10 -0
- package/lib/components/evo-navigation-tabs/index.d.ts +1 -0
- package/lib/components/evo-navigation-tabs/public-api.d.ts +4 -0
- package/lib/components/evo-navigation-tabs/types/evo-navigation-tabs-size.d.ts +1 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-arrow-size.d.ts +1 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-config.d.ts +2 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-connected-position.d.ts +16 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-default-positions-order.d.ts +2 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-fadein.animation.d.ts +1 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-offset.d.ts +1 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-priority-positions-order.d.ts +4 -0
- package/lib/components/evo-tooltip/constants/evo-tooltip-radius.d.ts +1 -0
- package/lib/components/evo-tooltip/directives/evo-tooltip.directive.d.ts +31 -0
- package/lib/components/evo-tooltip/enums/evo-tooltip-position.d.ts +14 -0
- package/lib/components/evo-tooltip/enums/evo-tooltip-variable-arrow-position.d.ts +4 -0
- package/lib/components/evo-tooltip/evo-tooltip.component.d.ts +26 -0
- package/lib/components/evo-tooltip/evo-tooltip.module.d.ts +10 -0
- package/lib/components/evo-tooltip/index.d.ts +1 -0
- package/lib/components/evo-tooltip/interfaces/evo-tooltip-config.d.ts +4 -0
- package/lib/components/evo-tooltip/interfaces/evo-tooltip-styles.d.ts +4 -0
- package/lib/components/evo-tooltip/public-api.d.ts +2 -0
- package/lib/components/evo-tooltip/services/evo-tooltip.service.d.ts +50 -0
- package/lib/components/evo-tooltip/types/evo-tooltip-position-type.d.ts +2 -0
- package/lib/services/mutation-observer.service.d.ts +34 -0
- package/lib/services/router-link-active.service.d.ts +16 -0
- package/lib/utils/observables/zone-free.d.ts +54 -0
- package/lib/utils/tokens/animation-frame.d.ts +10 -0
- package/package.json +1 -1
- package/public_api.d.ts +2 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-page-scroll'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@evotor-dev/ui-kit/icons/navigation'), require('@angular/platform-browser'), require('@ng-select/ng-select'), require('lodash-es'), require('angular-imask'), require('imask'), require('@evotor-dev/ui-kit/icons/system'), require('flatpickr'), require('ts-keycode-enum'), require('@evotor-dev/ui-kit/icons/header'), require('@popperjs/core'), require('autobind-decorator'), require('bytes'), require('mime'), require('@angular/cdk/overlay'), require('@angular/cdk/layout')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@evotor-dev/ui-kit', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ngx-page-scroll', '@angular/router', 'rxjs', 'rxjs/operators', '@angular/animations', '@evotor-dev/ui-kit/icons/navigation', '@angular/platform-browser', '@ng-select/ng-select', 'lodash-es', 'angular-imask', 'imask', '@evotor-dev/ui-kit/icons/system', 'flatpickr', 'ts-keycode-enum', '@evotor-dev/ui-kit/icons/header', '@popperjs/core', 'autobind-decorator', 'bytes', 'mime', '@angular/cdk/overlay', '@angular/cdk/layout'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["evotor-dev"] = global["evotor-dev"] || {}, global["evotor-dev"]["ui-kit"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.i3$1, global.ng.router, global.rxjs, global.rxjs.operators, global.ng.animations, global["evotor-dev"]["ui-kit"].icons.navigation, global.ng.platformBrowser, global.i2, global.lodashEs, global.i3$3, global.IMask, global["evotor-dev"]["ui-kit"].icons.system, global.flatpickr, global.tsKeycodeEnum, global["evotor-dev"]["ui-kit"].icons.header, global.core, global.autobind, global.bytes, global.mime, global.ng.cdk.overlay, global.ng.cdk.layout));
|
|
5
|
-
})(this, (function (exports, i0,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-page-scroll'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@evotor-dev/ui-kit/icons/navigation'), require('@angular/platform-browser'), require('@ng-select/ng-select'), require('lodash-es'), require('angular-imask'), require('imask'), require('@evotor-dev/ui-kit/icons/system'), require('flatpickr'), require('ts-keycode-enum'), require('@evotor-dev/ui-kit/icons/header'), require('@popperjs/core'), require('autobind-decorator'), require('bytes'), require('mime'), require('@angular/cdk/overlay'), require('@angular/cdk/layout'), require('@angular/cdk/portal')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@evotor-dev/ui-kit', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ngx-page-scroll', '@angular/router', 'rxjs', 'rxjs/operators', '@angular/animations', '@evotor-dev/ui-kit/icons/navigation', '@angular/platform-browser', '@ng-select/ng-select', 'lodash-es', 'angular-imask', 'imask', '@evotor-dev/ui-kit/icons/system', 'flatpickr', 'ts-keycode-enum', '@evotor-dev/ui-kit/icons/header', '@popperjs/core', 'autobind-decorator', 'bytes', 'mime', '@angular/cdk/overlay', '@angular/cdk/layout', '@angular/cdk/portal'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["evotor-dev"] = global["evotor-dev"] || {}, global["evotor-dev"]["ui-kit"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.i3$1, global.ng.router, global.rxjs, global.rxjs.operators, global.ng.animations, global["evotor-dev"]["ui-kit"].icons.navigation, global.ng.platformBrowser, global.i2$1, global.lodashEs, global.i3$3, global.IMask, global["evotor-dev"]["ui-kit"].icons.system, global.flatpickr, global.tsKeycodeEnum, global["evotor-dev"]["ui-kit"].icons.header, global.core, global.autobind, global.bytes, global.mime, global.ng.cdk.overlay, global.ng.cdk.layout, global.ng.cdk.portal));
|
|
5
|
+
})(this, (function (exports, i0, i2, i1, i3$1, i3$2, i3, operators, animations, navigation, i1$1, i2$1, lodashEs, i3$3, IMask, system, flatpickr, tsKeycodeEnum, header, core, autobind, bytes, mime, i1$2, layout, portal) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -25,20 +25,20 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
28
|
+
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
28
29
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
|
|
29
|
-
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
30
30
|
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
31
31
|
var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
|
|
32
32
|
var i3__namespace$3 = /*#__PURE__*/_interopNamespace(i3);
|
|
33
|
-
var i1__namespace = /*#__PURE__*/_interopNamespace(i1$
|
|
34
|
-
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
33
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
|
|
34
|
+
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
35
35
|
var i3__namespace = /*#__PURE__*/_interopNamespace(i3$3);
|
|
36
36
|
var IMask__namespace = /*#__PURE__*/_interopNamespace(IMask);
|
|
37
37
|
var flatpickr__default = /*#__PURE__*/_interopDefaultLegacy(flatpickr);
|
|
38
38
|
var autobind__default = /*#__PURE__*/_interopDefaultLegacy(autobind);
|
|
39
39
|
var bytes__default = /*#__PURE__*/_interopDefaultLegacy(bytes);
|
|
40
40
|
var mime__namespace = /*#__PURE__*/_interopNamespace(mime);
|
|
41
|
-
var i1__namespace$
|
|
41
|
+
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
42
42
|
|
|
43
43
|
/******************************************************************************
|
|
44
44
|
Copyright (c) Microsoft Corporation.
|
|
@@ -541,7 +541,7 @@
|
|
|
541
541
|
}], ctorParameters: function () { return []; } });
|
|
542
542
|
/* Create an factory function that returns the native window object. */
|
|
543
543
|
function windowFactory(browserWindowRef, platformId) {
|
|
544
|
-
if (
|
|
544
|
+
if (i2.isPlatformBrowser(platformId)) {
|
|
545
545
|
return browserWindowRef.nativeWindow;
|
|
546
546
|
}
|
|
547
547
|
return new Object();
|
|
@@ -926,10 +926,10 @@
|
|
|
926
926
|
EvoUiKitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUiKitModule, declarations: [EvoUiClassDirective,
|
|
927
927
|
EvoClickOutsideDirective,
|
|
928
928
|
EvoIsExpandedDirective,
|
|
929
|
-
EvoLetDirective], imports: [
|
|
930
|
-
i1
|
|
929
|
+
EvoLetDirective], imports: [i2.CommonModule,
|
|
930
|
+
i1.FormsModule,
|
|
931
931
|
i3$1.NgxPageScrollModule,
|
|
932
|
-
i1
|
|
932
|
+
i1.ReactiveFormsModule,
|
|
933
933
|
i3$2.RouterModule], exports: [EvoUiClassDirective,
|
|
934
934
|
EvoClickOutsideDirective,
|
|
935
935
|
EvoIsExpandedDirective,
|
|
@@ -937,20 +937,20 @@
|
|
|
937
937
|
EvoUiKitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUiKitModule, providers: [
|
|
938
938
|
WINDOW_PROVIDERS,
|
|
939
939
|
], imports: [[
|
|
940
|
-
|
|
941
|
-
i1
|
|
940
|
+
i2.CommonModule,
|
|
941
|
+
i1.FormsModule,
|
|
942
942
|
i3$1.NgxPageScrollModule,
|
|
943
|
-
i1
|
|
943
|
+
i1.ReactiveFormsModule,
|
|
944
944
|
i3$2.RouterModule,
|
|
945
945
|
]] });
|
|
946
946
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUiKitModule, decorators: [{
|
|
947
947
|
type: i0.NgModule,
|
|
948
948
|
args: [{
|
|
949
949
|
imports: [
|
|
950
|
-
|
|
951
|
-
i1
|
|
950
|
+
i2.CommonModule,
|
|
951
|
+
i1.FormsModule,
|
|
952
952
|
i3$1.NgxPageScrollModule,
|
|
953
|
-
i1
|
|
953
|
+
i1.ReactiveFormsModule,
|
|
954
954
|
i3$2.RouterModule,
|
|
955
955
|
],
|
|
956
956
|
declarations: __spreadArray([], __read(directives)),
|
|
@@ -969,12 +969,12 @@
|
|
|
969
969
|
}
|
|
970
970
|
FormHelper.validateControls = function (control) {
|
|
971
971
|
var e_1, _a;
|
|
972
|
-
if (control instanceof i1
|
|
972
|
+
if (control instanceof i1.FormControl) {
|
|
973
973
|
control.markAsDirty();
|
|
974
974
|
control.markAsTouched();
|
|
975
975
|
control.statusChanges.emit(control.status);
|
|
976
976
|
}
|
|
977
|
-
else if (control instanceof i1
|
|
977
|
+
else if (control instanceof i1.FormGroup || control instanceof i1.FormArray) {
|
|
978
978
|
try {
|
|
979
979
|
for (var _b = __values(Object.keys(control.controls)), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
980
980
|
var controlName = _c.value;
|
|
@@ -992,7 +992,7 @@
|
|
|
992
992
|
};
|
|
993
993
|
FormHelper.resetControls = function (control) {
|
|
994
994
|
var e_2, _a;
|
|
995
|
-
if (control instanceof i1
|
|
995
|
+
if (control instanceof i1.FormControl) {
|
|
996
996
|
control.markAsPristine();
|
|
997
997
|
control.markAsUntouched();
|
|
998
998
|
control.setValue('', {
|
|
@@ -1000,7 +1000,7 @@
|
|
|
1000
1000
|
onlySelf: true,
|
|
1001
1001
|
});
|
|
1002
1002
|
}
|
|
1003
|
-
else if (control instanceof i1
|
|
1003
|
+
else if (control instanceof i1.FormGroup || control instanceof i1.FormArray) {
|
|
1004
1004
|
try {
|
|
1005
1005
|
for (var _b = __values(Object.keys(control.controls)), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
1006
1006
|
var controlName = _c.value;
|
|
@@ -1063,7 +1063,7 @@
|
|
|
1063
1063
|
});
|
|
1064
1064
|
EvoBaseControl.prototype.initBaseControl = function () {
|
|
1065
1065
|
var _a;
|
|
1066
|
-
var ngControl = (_a = this.injector) === null || _a === void 0 ? void 0 : _a.get(i1
|
|
1066
|
+
var ngControl = (_a = this.injector) === null || _a === void 0 ? void 0 : _a.get(i1.NgControl, null);
|
|
1067
1067
|
if (ngControl === null || ngControl === void 0 ? void 0 : ngControl.control) {
|
|
1068
1068
|
this._control = ngControl === null || ngControl === void 0 ? void 0 : ngControl.control;
|
|
1069
1069
|
}
|
|
@@ -1263,7 +1263,7 @@
|
|
|
1263
1263
|
return EvoIconComponent;
|
|
1264
1264
|
}());
|
|
1265
1265
|
EvoIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconComponent, deps: [{ token: i1__namespace.DomSanitizer }, { token: EvoIconsLibrary }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1266
|
-
EvoIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoIconComponent, selector: "evo-icon", inputs: { shape: "shape", svgWidth: "svgWidth", svgHeight: "svgHeight", svgViewBox: "svgViewBox" }, host: { properties: { "class.evo-icon": "this.hostClass" } }, ngImport: i0__namespace, 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:
|
|
1266
|
+
EvoIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoIconComponent, selector: "evo-icon", inputs: { shape: "shape", svgWidth: "svgWidth", svgHeight: "svgHeight", svgViewBox: "svgViewBox" }, host: { properties: { "class.evo-icon": "this.hostClass" } }, ngImport: i0__namespace, template: "<svg\n [attr.width]=\"svgWidth\"\n [attr.height]=\"svgHeight\"\n [attr.viewBox]=\"viewBox\"\n preserveAspectRatio=\"xMidYMid meet\"\n [innerHTML]=\"content\"\n [ngClass]=\"classes\"\n ></svg>\n", styles: ["svg{display:block;min-width:100%;max-width:100%;height:auto}\n"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1267
1267
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconComponent, decorators: [{
|
|
1268
1268
|
type: i0.Component,
|
|
1269
1269
|
args: [{
|
|
@@ -1324,15 +1324,15 @@
|
|
|
1324
1324
|
return EvoIconModule;
|
|
1325
1325
|
}());
|
|
1326
1326
|
EvoIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1327
|
-
EvoIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconModule, declarations: [EvoIconComponent], imports: [
|
|
1327
|
+
EvoIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconModule, declarations: [EvoIconComponent], imports: [i2.CommonModule], exports: [EvoIconComponent] });
|
|
1328
1328
|
EvoIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconModule, imports: [[
|
|
1329
|
-
|
|
1329
|
+
i2.CommonModule
|
|
1330
1330
|
]] });
|
|
1331
1331
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconModule, decorators: [{
|
|
1332
1332
|
type: i0.NgModule,
|
|
1333
1333
|
args: [{
|
|
1334
1334
|
imports: [
|
|
1335
|
-
|
|
1335
|
+
i2.CommonModule
|
|
1336
1336
|
],
|
|
1337
1337
|
exports: [EvoIconComponent],
|
|
1338
1338
|
declarations: [EvoIconComponent],
|
|
@@ -1409,7 +1409,7 @@
|
|
|
1409
1409
|
return EvoAccordionTitleComponent;
|
|
1410
1410
|
}());
|
|
1411
1411
|
EvoAccordionTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAccordionTitleComponent, deps: [{ token: EvoExpandedService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1412
|
-
EvoAccordionTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoAccordionTitleComponent, selector: "evo-accordion-title", inputs: { label: "label" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0__namespace, 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:bold;font-size:18px}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type:
|
|
1412
|
+
EvoAccordionTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoAccordionTitleComponent, selector: "evo-accordion-title", inputs: { label: "label" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0__namespace, 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:bold;font-size:18px}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [
|
|
1413
1413
|
animations.trigger('toggleBlock', [
|
|
1414
1414
|
animations.transition(':leave', [
|
|
1415
1415
|
animations.style({ opacity: 1 }),
|
|
@@ -1486,13 +1486,13 @@
|
|
|
1486
1486
|
EvoAccordionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAccordionModule, declarations: [EvoAccordionComponent,
|
|
1487
1487
|
EvoAccordionTitleComponent,
|
|
1488
1488
|
EvoAccordionPanelComponent,
|
|
1489
|
-
EvoAccordionContentComponent], imports: [
|
|
1489
|
+
EvoAccordionContentComponent], imports: [i2.CommonModule,
|
|
1490
1490
|
EvoUiKitModule, EvoIconModule], exports: [EvoAccordionComponent,
|
|
1491
1491
|
EvoAccordionTitleComponent,
|
|
1492
1492
|
EvoAccordionPanelComponent,
|
|
1493
1493
|
EvoAccordionContentComponent] });
|
|
1494
1494
|
EvoAccordionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAccordionModule, imports: [[
|
|
1495
|
-
|
|
1495
|
+
i2.CommonModule,
|
|
1496
1496
|
EvoUiKitModule,
|
|
1497
1497
|
EvoIconModule.forRoot([
|
|
1498
1498
|
{
|
|
@@ -1508,7 +1508,7 @@
|
|
|
1508
1508
|
type: i0.NgModule,
|
|
1509
1509
|
args: [{
|
|
1510
1510
|
imports: [
|
|
1511
|
-
|
|
1511
|
+
i2.CommonModule,
|
|
1512
1512
|
EvoUiKitModule,
|
|
1513
1513
|
EvoIconModule.forRoot([
|
|
1514
1514
|
{
|
|
@@ -1597,7 +1597,7 @@
|
|
|
1597
1597
|
return EvoAlertComponent;
|
|
1598
1598
|
}());
|
|
1599
1599
|
EvoAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1600
|
-
EvoAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoAlertComponent, selector: "evo-alert", inputs: { closable: "closable", icon: "icon", iconSrc: "iconSrc", type: "type", size: "size" }, outputs: { close: "close" }, ngImport: i0__namespace, 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:
|
|
1600
|
+
EvoAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoAlertComponent, selector: "evo-alert", inputs: { closable: "closable", icon: "icon", iconSrc: "iconSrc", type: "type", size: "size" }, outputs: { close: "close" }, ngImport: i0__namespace, template: "<div class=\"evo-alert\" [evoUiClass]=\"totalClasses\">\n <div class=\"evo-alert__close\"\n *ngIf=\"closable\"\n (click)=\"handleCloseClick()\"\n >\n <svg class=\"evo-alert__close-icon\"\n width=\"11\"\n height=\"11\"\n viewBox=\"0 0 11 11\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M3.26966 5.39098L0.439994 8.22065C-0.141952 8.8026 -0.144551 9.75494 0.441235 10.3407C1.03111 10.9306 1.97621 10.9271 2.56131 10.342L5.39098 7.5123L8.22065 10.342C8.8026 10.9239 9.75494 10.9265 10.3407 10.3407C10.9306 9.75086 10.9271 8.80575 10.342 8.22065L7.5123 5.39098L10.342 2.56131C10.9239 1.97937 10.9265 1.02702 10.3407 0.441235C9.75086 -0.148635 8.80575 -0.145107 8.22065 0.439994L5.39098 3.26966L2.56131 0.439994C1.97937 -0.141952 1.02702 -0.144551 0.441235 0.441235C-0.148635 1.03111 -0.145107 1.97621 0.439994 2.56131L3.26966 5.39098Z\"\n fill=\"#546E7A\" />\n </svg>\n </div>\n <div class=\"evo-alert__body\">\n <div class=\"evo-alert__icon\" *ngIf=\"hasDefaultIcon()\"\n [ngClass]=\"'evo-alert__icon_' + icon\"\n ></div>\n <div class=\"evo-alert__icon\" *ngIf=\"iconSrc\">\n <img [attr.src]=\"iconSrc\" alt=\"\">\n </div>\n <div class=\"evo-alert__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".evo-alert{position:relative;box-sizing:border-box;padding:19px 20px 18px;font-size:14px;line-height:22px;border-radius:8px}.evo-alert__body{display:flex;align-items:center}.evo-alert__icon{display:none;flex-shrink:0;width:32px;height:32px;margin-right:24px}.evo-alert__icon_exclamation{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2219%22 height%3D%2219%22 viewBox%3D%220 0 19 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.66666 0.777664C4.76 0.777664 0.777771 4.75989 0.777771 9.66653C0.777771 14.5732 4.76 18.5555 9.66666 18.5555C14.5733 18.5555 18.5555 14.5732 18.5555 9.66653C18.5555 4.75989 14.5733 0.777664 9.66666 0.777664ZM9.66666 10.5555C9.17779 10.5555 8.77779 10.1555 8.77779 9.66653V6.111C8.77779 5.62211 9.17779 5.22211 9.66666 5.22211C10.1555 5.22211 10.5555 5.62211 10.5555 6.111V9.66653C10.5555 10.1555 10.1555 10.5555 9.66666 10.5555ZM10.5555 13.2221C10.5555 13.7131 10.1576 14.111 9.66666 14.111C9.17572 14.111 8.77779 13.7131 8.77779 13.2221C8.77779 12.7312 9.17572 12.3332 9.66666 12.3332C10.1576 12.3332 10.5555 12.7312 10.5555 13.2221Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}.evo-alert__icon_success{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM31.1644 15.8778C32.0804 14.9619 32.0804 13.4769 31.1644 12.561C30.2485 11.645 28.7635 11.645 27.8476 12.561L17.9016 22.507L12.753 17.3585C11.8371 16.4426 10.3521 16.4426 9.4362 17.3585C8.52029 18.2744 8.52029 19.7594 9.4362 20.6753L15.9969 27.236C16.2753 27.5144 16.6062 27.7081 16.9578 27.8173C17.836 28.2564 18.9325 28.1097 19.665 27.3772L31.1644 15.8778Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}@media (min-width: 768px){.evo-alert__icon{display:block}}.evo-alert__close{position:absolute;top:8px;right:8px;z-index:10;display:flex;justify-content:center;align-items:center;width:24px;height:24px;cursor:pointer}.evo-alert_success{color:#fff;background-color:#21c68b}.evo-alert_danger{color:#fff;background-color:#ff6f6f}.evo-alert_info{color:#212121;background-color:#e6f9ff}.evo-alert_warning{color:#212121;background-color:#fff8e6}.evo-alert_warning .evo-alert__icon{display:none}.evo-alert_success,.evo-alert_danger{font-weight:600}.evo-alert_success::ng-deep a:link,.evo-alert_success::ng-deep a:hover,.evo-alert_success::ng-deep a:active,.evo-alert_success::ng-deep a:visited,.evo-alert_danger::ng-deep a:link,.evo-alert_danger::ng-deep a:hover,.evo-alert_danger::ng-deep a:active,.evo-alert_danger::ng-deep a:visited{color:inherit;text-decoration:underline}.evo-alert_success::ng-deep *,.evo-alert_danger::ng-deep *{color:inherit}.evo-alert_large .evo-alert__icon{width:48px;height:48px}.evo-alert_large .evo-alert__icon_success,.evo-alert_large .evo-alert__icon_exclamation{background-size:48px 48px}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1601
1601
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAlertComponent, decorators: [{
|
|
1602
1602
|
type: i0.Component,
|
|
1603
1603
|
args: [{
|
|
@@ -1628,17 +1628,17 @@
|
|
|
1628
1628
|
return EvoAlertModule;
|
|
1629
1629
|
}());
|
|
1630
1630
|
EvoAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAlertModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1631
|
-
EvoAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAlertModule, declarations: [EvoAlertComponent], imports: [
|
|
1631
|
+
EvoAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAlertModule, declarations: [EvoAlertComponent], imports: [i2.CommonModule,
|
|
1632
1632
|
EvoUiKitModule], exports: [EvoAlertComponent] });
|
|
1633
1633
|
EvoAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAlertModule, imports: [[
|
|
1634
|
-
|
|
1634
|
+
i2.CommonModule,
|
|
1635
1635
|
EvoUiKitModule,
|
|
1636
1636
|
]] });
|
|
1637
1637
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAlertModule, decorators: [{
|
|
1638
1638
|
type: i0.NgModule,
|
|
1639
1639
|
args: [{
|
|
1640
1640
|
imports: [
|
|
1641
|
-
|
|
1641
|
+
i2.CommonModule,
|
|
1642
1642
|
EvoUiKitModule,
|
|
1643
1643
|
],
|
|
1644
1644
|
declarations: [EvoAlertComponent],
|
|
@@ -1711,7 +1711,7 @@
|
|
|
1711
1711
|
return EvoControlErrorComponent;
|
|
1712
1712
|
}());
|
|
1713
1713
|
EvoControlErrorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlErrorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1714
|
-
EvoControlErrorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoControlErrorComponent, selector: "evo-control-error", inputs: { errors: "errors", errorsMessages: "errorsMessages", showCount: "showCount" }, ngImport: i0__namespace, 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:
|
|
1714
|
+
EvoControlErrorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoControlErrorComponent, selector: "evo-control-error", inputs: { errors: "errors", errorsMessages: "errorsMessages", showCount: "showCount" }, ngImport: i0__namespace, template: "<div\n class=\"evo-error\"\n *ngFor=\"let errorMsg of errorsMap\"\n [innerHTML]=\"errorMsg | safeHtml\"\n></div>\n", styles: [".evo-error:not(:empty){margin-top:8px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400;font-style:italic;color:#ff1817}\n"], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "safeHtml": SafeHtmlPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1715
1715
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlErrorComponent, decorators: [{
|
|
1716
1716
|
type: i0.Component,
|
|
1717
1717
|
args: [{
|
|
@@ -2035,19 +2035,19 @@
|
|
|
2035
2035
|
};
|
|
2036
2036
|
return EvoInputComponent;
|
|
2037
2037
|
}(EvoBaseControl));
|
|
2038
|
-
EvoInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputComponent, deps: [{ token: i0__namespace.NgZone }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.Renderer2 }, { token: i1
|
|
2038
|
+
EvoInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputComponent, deps: [{ token: i0__namespace.NgZone }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.Renderer2 }, { token: i1.COMPOSITION_BUFFER_MODE, optional: true }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2039
2039
|
EvoInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoInputComponent, selector: "evo-input", inputs: { autoFocus: "autoFocus", dataCp: ["data-cp", "dataCp"], icon: "icon", mask: "mask", placeholder: "placeholder", tooltip: "tooltip", type: "type", disabled: "disabled", loading: "loading", prefix: "prefix", autocomplete: "autocomplete", inputDebounce: "inputDebounce", unmask: "unmask", clearable: "clearable", maskValidation: "maskValidation", setValue: ["value", "setValue"], setSize: ["size", "setSize"], setTheme: ["theme", "setTheme"] }, outputs: { blur: "blur" }, providers: [
|
|
2040
2040
|
{
|
|
2041
|
-
provide: i1
|
|
2041
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
2042
2042
|
useExisting: i0.forwardRef(function () { return EvoInputComponent; }),
|
|
2043
2043
|
multi: true,
|
|
2044
2044
|
},
|
|
2045
2045
|
{
|
|
2046
|
-
provide: i1
|
|
2046
|
+
provide: i1.NG_VALIDATORS,
|
|
2047
2047
|
useExisting: i0.forwardRef(function () { return EvoInputComponent; }),
|
|
2048
2048
|
multi: true,
|
|
2049
2049
|
},
|
|
2050
|
-
], 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__namespace, 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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }, { type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2050
|
+
], 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__namespace, 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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }, { type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2051
2051
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputComponent, decorators: [{
|
|
2052
2052
|
type: i0.Component,
|
|
2053
2053
|
args: [{
|
|
@@ -2056,12 +2056,12 @@
|
|
|
2056
2056
|
styleUrls: ['./evo-input.component.scss'],
|
|
2057
2057
|
providers: [
|
|
2058
2058
|
{
|
|
2059
|
-
provide: i1
|
|
2059
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
2060
2060
|
useExisting: i0.forwardRef(function () { return EvoInputComponent; }),
|
|
2061
2061
|
multi: true,
|
|
2062
2062
|
},
|
|
2063
2063
|
{
|
|
2064
|
-
provide: i1
|
|
2064
|
+
provide: i1.NG_VALIDATORS,
|
|
2065
2065
|
useExisting: i0.forwardRef(function () { return EvoInputComponent; }),
|
|
2066
2066
|
multi: true,
|
|
2067
2067
|
},
|
|
@@ -2072,7 +2072,7 @@
|
|
|
2072
2072
|
type: i0.Optional
|
|
2073
2073
|
}, {
|
|
2074
2074
|
type: i0.Inject,
|
|
2075
|
-
args: [i1
|
|
2075
|
+
args: [i1.COMPOSITION_BUFFER_MODE]
|
|
2076
2076
|
}] }, { type: i0__namespace.Injector }];
|
|
2077
2077
|
}, propDecorators: { autoFocus: [{
|
|
2078
2078
|
type: i0.Input
|
|
@@ -2187,11 +2187,11 @@
|
|
|
2187
2187
|
return EvoControlErrorModule;
|
|
2188
2188
|
}());
|
|
2189
2189
|
EvoControlErrorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlErrorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2190
|
-
EvoControlErrorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlErrorModule, declarations: [EvoControlErrorComponent], imports: [
|
|
2190
|
+
EvoControlErrorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlErrorModule, declarations: [EvoControlErrorComponent], imports: [i2.CommonModule,
|
|
2191
2191
|
EvoUiKitModule,
|
|
2192
2192
|
EvoPipesModule], exports: [EvoControlErrorComponent] });
|
|
2193
2193
|
EvoControlErrorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlErrorModule, imports: [[
|
|
2194
|
-
|
|
2194
|
+
i2.CommonModule,
|
|
2195
2195
|
EvoUiKitModule,
|
|
2196
2196
|
EvoPipesModule,
|
|
2197
2197
|
]] });
|
|
@@ -2199,7 +2199,7 @@
|
|
|
2199
2199
|
type: i0.NgModule,
|
|
2200
2200
|
args: [{
|
|
2201
2201
|
imports: [
|
|
2202
|
-
|
|
2202
|
+
i2.CommonModule,
|
|
2203
2203
|
EvoUiKitModule,
|
|
2204
2204
|
EvoPipesModule,
|
|
2205
2205
|
],
|
|
@@ -2262,18 +2262,18 @@
|
|
|
2262
2262
|
}());
|
|
2263
2263
|
EvoLoaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2264
2264
|
EvoLoaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, declarations: [EvoLoaderComponent,
|
|
2265
|
-
EvoCircularLoaderComponent], imports: [
|
|
2265
|
+
EvoCircularLoaderComponent], imports: [i2.CommonModule,
|
|
2266
2266
|
EvoUiKitModule], exports: [EvoLoaderComponent,
|
|
2267
2267
|
EvoCircularLoaderComponent] });
|
|
2268
2268
|
EvoLoaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, imports: [[
|
|
2269
|
-
|
|
2269
|
+
i2.CommonModule,
|
|
2270
2270
|
EvoUiKitModule,
|
|
2271
2271
|
]] });
|
|
2272
2272
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, decorators: [{
|
|
2273
2273
|
type: i0.NgModule,
|
|
2274
2274
|
args: [{
|
|
2275
2275
|
imports: [
|
|
2276
|
-
|
|
2276
|
+
i2.CommonModule,
|
|
2277
2277
|
EvoUiKitModule,
|
|
2278
2278
|
],
|
|
2279
2279
|
declarations: __spreadArray([], __read(bundle)),
|
|
@@ -2289,15 +2289,15 @@
|
|
|
2289
2289
|
EvoInputModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2290
2290
|
EvoInputModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputModule, declarations: [EvoInputComponent,
|
|
2291
2291
|
EvoInputIconDirective,
|
|
2292
|
-
EvoInputIconDirective], imports: [
|
|
2293
|
-
i1
|
|
2292
|
+
EvoInputIconDirective], imports: [i2.CommonModule,
|
|
2293
|
+
i1.FormsModule,
|
|
2294
2294
|
EvoUiKitModule,
|
|
2295
2295
|
EvoControlErrorModule,
|
|
2296
2296
|
i3$3.IMaskModule, EvoIconModule, EvoLoaderModule], exports: [EvoInputComponent,
|
|
2297
2297
|
EvoInputIconDirective] });
|
|
2298
2298
|
EvoInputModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputModule, imports: [[
|
|
2299
|
-
|
|
2300
|
-
i1
|
|
2299
|
+
i2.CommonModule,
|
|
2300
|
+
i1.FormsModule,
|
|
2301
2301
|
EvoUiKitModule,
|
|
2302
2302
|
EvoControlErrorModule,
|
|
2303
2303
|
i3$3.IMaskModule,
|
|
@@ -2314,8 +2314,8 @@
|
|
|
2314
2314
|
type: i0.NgModule,
|
|
2315
2315
|
args: [{
|
|
2316
2316
|
imports: [
|
|
2317
|
-
|
|
2318
|
-
i1
|
|
2317
|
+
i2.CommonModule,
|
|
2318
|
+
i1.FormsModule,
|
|
2319
2319
|
EvoUiKitModule,
|
|
2320
2320
|
EvoControlErrorModule,
|
|
2321
2321
|
i3$3.IMaskModule,
|
|
@@ -2601,8 +2601,8 @@
|
|
|
2601
2601
|
};
|
|
2602
2602
|
return EvoAutocompleteComponent;
|
|
2603
2603
|
}());
|
|
2604
|
-
EvoAutocompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$
|
|
2605
|
-
EvoAutocompleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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: i0.TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "optgroupTemp", first: true, predicate: ["optgroupTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "headerTemp", first: true, predicate: ["headerTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "footerTemp", first: true, predicate: ["footerTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "notFoundTemp", first: true, predicate: ["notFoundTemp"], descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: i2.NgSelectComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n <ng-select\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [markFirst]=\"markFirst\"\n [placeholder]=\"placeholder\"\n [notFoundText]=\"notFoundText\"\n [typeToSearchText]=\"typeToSearchText\"\n [addTagText]=\"addTagText\"\n [loadingText]=\"loadingText\"\n [clearAllText]=\"clearAllText\"\n [dropdownPosition]=\"dropdownPosition\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [closeOnSelect]=\"closeOnSelect\"\n [hideSelected]=\"hideSelected\"\n [selectOnTab]=\"selectOnTab\"\n [openOnEnter]=\"openOnEnter\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [bufferAmount]=\"bufferAmount\"\n [virtualScroll]=\"virtualScroll\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [typeahead]=\"typeahead\"\n [multiple]=\"multiple || multipleInline\"\n [addTag]=\"addTag\"\n [searchable]=\"searchable\"\n [clearable]=\"clearable\"\n [isOpen]=\"isOpen\"\n [editableSearchTerm]=\"editQuery\"\n [disabled]=\"control.disabled\"\n [compareWith]=\"compareWith\"\n [(ngModel)]=\"value\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (change)=\"changeEvent.emit($event)\"\n (open)=\"openEvent.emit($event)\"\n (close)=\"closeEvent.emit($event)\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n <!-- Selected Item Template -->\n <ng-template *ngIf=\"labelTemp\" ng-label-tmp let-item=\"item\">\n <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n </ng-template>\n\n <!-- Overall Label For All Selected Items Template -->\n <ng-template *ngIf=\"multiLabelTemp\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <div class=\"evo-autocomplete__label\">\n <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n </div>\n </ng-template>\n\n <!-- Options header template -->\n <ng-template *ngIf=\"headerTemp\" ng-header-tmp>\n <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\"></ng-template>\n </ng-template>\n\n <!-- Option Template -->\n <ng-template\n *ngIf=\"optionTemp\"\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n let-search=\"searchTerm\"\n let-item$=\"item$\"\n >\n <ng-template\n *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"\n ></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n <ng-template ng-multi-label-tmp let-items=\"items\">\n <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n </ng-template>\n </ng-container>\n\n <!-- Options group template -->\n <ng-template *ngIf=\"optgroupTemp\" ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n <ng-template *ngTemplateOutlet=\"optgroupTemp; context: { item: item, index: index }\"></ng-template>\n </ng-template>\n\n <!-- Search Text Templates -->\n <ng-template ng-typetosearch-tmp>\n <div *ngIf=\"typeToSearchText\" class=\"ng-option disabled\">{{typeToSearchText}}</div>\n </ng-template>\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{loadingText}}</div>\n </ng-template>\n\n <ng-container *ngIf=\"notFoundTemp; else defaultNotFoundTemplate\">\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\"></ng-template>\n </ng-template>\n </ng-container>\n <ng-template #defaultNotFoundTemplate>\n <ng-template ng-notfound-tmp>\n <div class=\"ng-option disabled\">{{notFoundText}}</div>\n </ng-template>\n </ng-template>\n\n <!-- Options footer template -->\n <ng-template *ngIf=\"footerTemp\" ng-footer-tmp>\n <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\"></ng-template>\n </ng-template>\n </ng-select>\n <evo-control-error\n *ngIf=\"hasErrors && errorsMessages\"\n [errors]=\"control.errors\"\n [errorsMessages]=\"errorsMessages\"\n ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-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\");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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], components: [{ type: i2__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], 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__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.ɵh, selector: "[ng-label-tmp]" }, { type: i1__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.ɵi, selector: "[ng-multi-label-tmp]" }, { type: i2__namespace.ɵj, selector: "[ng-header-tmp]" }, { type: i2__namespace.ɵf, selector: "[ng-option-tmp]" }, { type: i2__namespace.ɵg, selector: "[ng-optgroup-tmp]" }, { type: i2__namespace.ɵm, selector: "[ng-typetosearch-tmp]" }, { type: i2__namespace.ɵn, selector: "[ng-loadingtext-tmp]" }, { type: i2__namespace.ɵl, selector: "[ng-notfound-tmp]" }, { type: i2__namespace.ɵk, selector: "[ng-footer-tmp]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
2604
|
+
EvoAutocompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.NgControl }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2605
|
+
EvoAutocompleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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: i0.TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "optgroupTemp", first: true, predicate: ["optgroupTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "headerTemp", first: true, predicate: ["headerTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "footerTemp", first: true, predicate: ["footerTemp"], descendants: true, read: i0.TemplateRef }, { propertyName: "notFoundTemp", first: true, predicate: ["notFoundTemp"], descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: i2$1.NgSelectComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n <ng-select\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [markFirst]=\"markFirst\"\n [placeholder]=\"placeholder\"\n [notFoundText]=\"notFoundText\"\n [typeToSearchText]=\"typeToSearchText\"\n [addTagText]=\"addTagText\"\n [loadingText]=\"loadingText\"\n [clearAllText]=\"clearAllText\"\n [dropdownPosition]=\"dropdownPosition\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [closeOnSelect]=\"closeOnSelect\"\n [hideSelected]=\"hideSelected\"\n [selectOnTab]=\"selectOnTab\"\n [openOnEnter]=\"openOnEnter\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [bufferAmount]=\"bufferAmount\"\n [virtualScroll]=\"virtualScroll\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [typeahead]=\"typeahead\"\n [multiple]=\"multiple || multipleInline\"\n [addTag]=\"addTag\"\n [searchable]=\"searchable\"\n [clearable]=\"clearable\"\n [isOpen]=\"isOpen\"\n [editableSearchTerm]=\"editQuery\"\n [disabled]=\"control.disabled\"\n [compareWith]=\"compareWith\"\n [(ngModel)]=\"value\"\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (change)=\"changeEvent.emit($event)\"\n (open)=\"openEvent.emit($event)\"\n (close)=\"closeEvent.emit($event)\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n <!-- Selected Item Template -->\n <ng-template *ngIf=\"labelTemp\" ng-label-tmp let-item=\"item\">\n <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n </ng-template>\n\n <!-- Overall Label For All Selected Items Template -->\n <ng-template *ngIf=\"multiLabelTemp\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n <div class=\"evo-autocomplete__label\">\n <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n </div>\n </ng-template>\n\n <!-- Options header template -->\n <ng-template *ngIf=\"headerTemp\" ng-header-tmp>\n <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\"></ng-template>\n </ng-template>\n\n <!-- Option Template -->\n <ng-template\n *ngIf=\"optionTemp\"\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n let-search=\"searchTerm\"\n let-item$=\"item$\"\n >\n <ng-template\n *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"\n ></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n <ng-template ng-multi-label-tmp let-items=\"items\">\n <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n </ng-template>\n </ng-container>\n\n <!-- Options group template -->\n <ng-template *ngIf=\"optgroupTemp\" ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n <ng-template *ngTemplateOutlet=\"optgroupTemp; context: { item: item, index: index }\"></ng-template>\n </ng-template>\n\n <!-- Search Text Templates -->\n <ng-template ng-typetosearch-tmp>\n <div *ngIf=\"typeToSearchText\" class=\"ng-option disabled\">{{typeToSearchText}}</div>\n </ng-template>\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{loadingText}}</div>\n </ng-template>\n\n <ng-container *ngIf=\"notFoundTemp; else defaultNotFoundTemplate\">\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\"></ng-template>\n </ng-template>\n </ng-container>\n <ng-template #defaultNotFoundTemplate>\n <ng-template ng-notfound-tmp>\n <div class=\"ng-option disabled\">{{notFoundText}}</div>\n </ng-template>\n </ng-template>\n\n <!-- Options footer template -->\n <ng-template *ngIf=\"footerTemp\" ng-footer-tmp>\n <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\"></ng-template>\n </ng-template>\n </ng-select>\n <evo-control-error\n *ngIf=\"hasErrors && errorsMessages\"\n [errors]=\"control.errors\"\n [errorsMessages]=\"errorsMessages\"\n ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-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\");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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], components: [{ type: i2__namespace$1.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], 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__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.ɵh, selector: "[ng-label-tmp]" }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$1.ɵi, selector: "[ng-multi-label-tmp]" }, { type: i2__namespace$1.ɵj, selector: "[ng-header-tmp]" }, { type: i2__namespace$1.ɵf, selector: "[ng-option-tmp]" }, { type: i2__namespace$1.ɵg, selector: "[ng-optgroup-tmp]" }, { type: i2__namespace$1.ɵm, selector: "[ng-typetosearch-tmp]" }, { type: i2__namespace$1.ɵn, selector: "[ng-loadingtext-tmp]" }, { type: i2__namespace$1.ɵl, selector: "[ng-notfound-tmp]" }, { type: i2__namespace$1.ɵk, selector: "[ng-footer-tmp]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
2606
2606
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteComponent, decorators: [{
|
|
2607
2607
|
type: i0.Component,
|
|
2608
2608
|
args: [{
|
|
@@ -2613,7 +2613,7 @@
|
|
|
2613
2613
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2614
2614
|
encapsulation: i0.ViewEncapsulation.None,
|
|
2615
2615
|
}]
|
|
2616
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$
|
|
2616
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.NgControl }]; }, propDecorators: { size: [{
|
|
2617
2617
|
type: i0.Input
|
|
2618
2618
|
}], isOpen: [{
|
|
2619
2619
|
type: i0.Input
|
|
@@ -2721,7 +2721,7 @@
|
|
|
2721
2721
|
args: ['scrollToEnd']
|
|
2722
2722
|
}], ngSelectComponent: [{
|
|
2723
2723
|
type: i0.ViewChild,
|
|
2724
|
-
args: [i2.NgSelectComponent]
|
|
2724
|
+
args: [i2$1.NgSelectComponent]
|
|
2725
2725
|
}], labelTemp: [{
|
|
2726
2726
|
type: i0.ContentChild,
|
|
2727
2727
|
args: ['labelTemp', { read: i0.TemplateRef }]
|
|
@@ -2821,11 +2821,11 @@
|
|
|
2821
2821
|
EvoCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCheckboxComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2822
2822
|
EvoCheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoCheckboxComponent, selector: "evo-checkbox", inputs: { setIndeterminate: ["indeterminate", "setIndeterminate"] }, outputs: { indeterminateChange: "indeterminateChange" }, providers: [
|
|
2823
2823
|
{
|
|
2824
|
-
provide: i1
|
|
2824
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
2825
2825
|
useExisting: i0.forwardRef(function () { return EvoCheckboxComponent; }),
|
|
2826
2826
|
multi: true,
|
|
2827
2827
|
},
|
|
2828
|
-
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, 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;-webkit-appearance:none;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__namespace$
|
|
2828
|
+
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, 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;-webkit-appearance:none;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__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2829
2829
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCheckboxComponent, decorators: [{
|
|
2830
2830
|
type: i0.Component,
|
|
2831
2831
|
args: [{
|
|
@@ -2834,7 +2834,7 @@
|
|
|
2834
2834
|
styleUrls: ['./evo-checkbox.component.scss'],
|
|
2835
2835
|
providers: [
|
|
2836
2836
|
{
|
|
2837
|
-
provide: i1
|
|
2837
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
2838
2838
|
useExisting: i0.forwardRef(function () { return EvoCheckboxComponent; }),
|
|
2839
2839
|
multi: true,
|
|
2840
2840
|
},
|
|
@@ -2856,13 +2856,13 @@
|
|
|
2856
2856
|
return EvoCheckboxModule;
|
|
2857
2857
|
}());
|
|
2858
2858
|
EvoCheckboxModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCheckboxModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2859
|
-
EvoCheckboxModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCheckboxModule, declarations: [EvoCheckboxComponent], imports: [
|
|
2860
|
-
i1
|
|
2859
|
+
EvoCheckboxModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCheckboxModule, declarations: [EvoCheckboxComponent], imports: [i2.CommonModule,
|
|
2860
|
+
i1.FormsModule,
|
|
2861
2861
|
EvoUiKitModule,
|
|
2862
2862
|
EvoControlErrorModule], exports: [EvoCheckboxComponent] });
|
|
2863
2863
|
EvoCheckboxModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCheckboxModule, imports: [[
|
|
2864
|
-
|
|
2865
|
-
i1
|
|
2864
|
+
i2.CommonModule,
|
|
2865
|
+
i1.FormsModule,
|
|
2866
2866
|
EvoUiKitModule,
|
|
2867
2867
|
EvoControlErrorModule,
|
|
2868
2868
|
]] });
|
|
@@ -2870,8 +2870,8 @@
|
|
|
2870
2870
|
type: i0.NgModule,
|
|
2871
2871
|
args: [{
|
|
2872
2872
|
imports: [
|
|
2873
|
-
|
|
2874
|
-
i1
|
|
2873
|
+
i2.CommonModule,
|
|
2874
|
+
i1.FormsModule,
|
|
2875
2875
|
EvoUiKitModule,
|
|
2876
2876
|
EvoControlErrorModule,
|
|
2877
2877
|
],
|
|
@@ -2905,7 +2905,7 @@
|
|
|
2905
2905
|
return EvoAutocompleteDefaultOptionComponent;
|
|
2906
2906
|
}());
|
|
2907
2907
|
EvoAutocompleteDefaultOptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteDefaultOptionComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2908
|
-
EvoAutocompleteDefaultOptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, 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:
|
|
2908
|
+
EvoAutocompleteDefaultOptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, template: "<div class=\"option option_has-checkbox\" *ngIf=\"hasCheckbox\">\n <evo-checkbox\n [ngModel]=\"isSelected\"\n [ngModelOptions]=\"{standalone: true}\"\n [disabled]=\"isDisabled\"\n (click)=\"onCheckboxClick($event)\"\n (change)=\"onCheckboxClick($event)\"\n (ngModelChange)=\"onSelectedChange($event)\"\n >{{ label }}</evo-checkbox>\n <ng-container *ngIf=\"description\">\n <div class=\"option__description\">{{ description }}</div>\n </ng-container>\n</div>\n<div class=\"option\" *ngIf=\"!hasCheckbox\">\n <div class=\"option__label\">{{ label }}</div>\n <ng-container *ngIf=\"description\">\n <div class=\"option__description\">{{ description }}</div>\n </ng-container>\n</div>\n", styles: [":host{display:block;color:inherit;white-space:var(--evo-autocomplete-option-white-space, normal);--evo-autocomplete-default-option-text-color: #212121;--evo-autocomplete-default-option-description-color: #9B9B9B;--evo-autocomplete-default-option-background: #FFFFFF}.option{position:relative;z-index:1;color:var(--evo-autocomplete-default-option-text-color);background:var(--evo-autocomplete-default-option-background)}.option__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;display:block;margin-bottom:0;overflow:var(--evo-autocomplete-option-overflow, hidden);color:var(--evo-autocomplete-default-option-text-color);text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option__description{font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:400;display:block;overflow:var(--evo-autocomplete-option-overflow, hidden);color:var(--evo-autocomplete-default-option-description-color);text-overflow:var(--evo-autocomplete-option-text-overflow, ellipsis)}.option evo-checkbox{color:var(--evo-autocomplete-default-option-text-color)}.option evo-checkbox+.option__description{padding-left:32px}\n"], components: [{ type: EvoCheckboxComponent, selector: "evo-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2909
2909
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteDefaultOptionComponent, decorators: [{
|
|
2910
2910
|
type: i0.Component,
|
|
2911
2911
|
args: [{
|
|
@@ -2972,38 +2972,38 @@
|
|
|
2972
2972
|
EvoAutocompleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteModule, declarations: [EvoAutocompleteComponent,
|
|
2973
2973
|
EvoAutocompleteDefaultOptionComponent,
|
|
2974
2974
|
EvoAutocompleteHeaderComponent,
|
|
2975
|
-
EvoAutocompleteFooterComponent], imports: [
|
|
2976
|
-
i1
|
|
2977
|
-
i1
|
|
2975
|
+
EvoAutocompleteFooterComponent], imports: [i2.CommonModule,
|
|
2976
|
+
i1.FormsModule,
|
|
2977
|
+
i1.ReactiveFormsModule,
|
|
2978
2978
|
EvoUiKitModule,
|
|
2979
2979
|
EvoControlErrorModule,
|
|
2980
2980
|
EvoCheckboxModule,
|
|
2981
|
-
i2.NgSelectModule,
|
|
2981
|
+
i2$1.NgSelectModule,
|
|
2982
2982
|
i3$3.IMaskModule], exports: [EvoAutocompleteComponent,
|
|
2983
2983
|
EvoAutocompleteDefaultOptionComponent,
|
|
2984
2984
|
EvoAutocompleteHeaderComponent,
|
|
2985
2985
|
EvoAutocompleteFooterComponent] });
|
|
2986
2986
|
EvoAutocompleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteModule, imports: [[
|
|
2987
|
-
|
|
2988
|
-
i1
|
|
2989
|
-
i1
|
|
2987
|
+
i2.CommonModule,
|
|
2988
|
+
i1.FormsModule,
|
|
2989
|
+
i1.ReactiveFormsModule,
|
|
2990
2990
|
EvoUiKitModule,
|
|
2991
2991
|
EvoControlErrorModule,
|
|
2992
2992
|
EvoCheckboxModule,
|
|
2993
|
-
i2.NgSelectModule,
|
|
2993
|
+
i2$1.NgSelectModule,
|
|
2994
2994
|
i3$3.IMaskModule,
|
|
2995
2995
|
]] });
|
|
2996
2996
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoAutocompleteModule, decorators: [{
|
|
2997
2997
|
type: i0.NgModule,
|
|
2998
2998
|
args: [{
|
|
2999
2999
|
imports: [
|
|
3000
|
-
|
|
3001
|
-
i1
|
|
3002
|
-
i1
|
|
3000
|
+
i2.CommonModule,
|
|
3001
|
+
i1.FormsModule,
|
|
3002
|
+
i1.ReactiveFormsModule,
|
|
3003
3003
|
EvoUiKitModule,
|
|
3004
3004
|
EvoControlErrorModule,
|
|
3005
3005
|
EvoCheckboxModule,
|
|
3006
|
-
i2.NgSelectModule,
|
|
3006
|
+
i2$1.NgSelectModule,
|
|
3007
3007
|
i3$3.IMaskModule,
|
|
3008
3008
|
],
|
|
3009
3009
|
declarations: [
|
|
@@ -3180,13 +3180,13 @@
|
|
|
3180
3180
|
return EvoBadgeModule;
|
|
3181
3181
|
}());
|
|
3182
3182
|
EvoBadgeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3183
|
-
EvoBadgeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, declarations: [EvoBadgeComponent], imports: [
|
|
3184
|
-
EvoBadgeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, imports: [[
|
|
3183
|
+
EvoBadgeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, declarations: [EvoBadgeComponent], imports: [i2.CommonModule, EvoUiKitModule], exports: [EvoBadgeComponent] });
|
|
3184
|
+
EvoBadgeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, imports: [[i2.CommonModule, EvoUiKitModule]] });
|
|
3185
3185
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBadgeModule, decorators: [{
|
|
3186
3186
|
type: i0.NgModule,
|
|
3187
3187
|
args: [{
|
|
3188
3188
|
declarations: [EvoBadgeComponent],
|
|
3189
|
-
imports: [
|
|
3189
|
+
imports: [i2.CommonModule, EvoUiKitModule],
|
|
3190
3190
|
exports: [EvoBadgeComponent],
|
|
3191
3191
|
}]
|
|
3192
3192
|
}] });
|
|
@@ -3303,7 +3303,7 @@
|
|
|
3303
3303
|
return EvoBannerComponent;
|
|
3304
3304
|
}());
|
|
3305
3305
|
EvoBannerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBannerComponent, deps: [{ token: WINDOW }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3306
|
-
EvoBannerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoBannerComponent, selector: "evo-banner", inputs: { banner: "banner", type: "type" }, outputs: { bannerClick: "bannerClick" }, ngImport: i0__namespace, 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:
|
|
3306
|
+
EvoBannerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoBannerComponent, selector: "evo-banner", inputs: { banner: "banner", type: "type" }, outputs: { bannerClick: "bannerClick" }, ngImport: i0__namespace, template: "<a\n class=\"evo-banner\"\n target=\"_blank\"\n [attr.href]=\"banner?.url\"\n (click)=\"onBannerClick()\"\n [evoUiClass]=\"bannerClass\"\n [ngStyle]=\"{'background-color': banner?.background}\"\n>\n <div class=\"evo-banner__content\">\n <div class=\"evo-banner__title\">{{ banner?.title }}</div>\n <button\n class=\"btn\"\n [ngStyle]=\"{'color': banner?.background}\"\n *ngIf=\"banner?.button\"\n >{{ banner?.button }}</button>\n </div>\n <img\n class=\"evo-banner__img\"\n [src]=\"banner?.image\"\n [alt]=\"banner?.title\"\n >\n</a>\n", styles: [".evo-banner{position:relative;display:block;height:430px;padding:12px 20px;overflow:hidden;color:#fff;text-decoration:none;border-radius:6px;cursor:pointer;transition:box-shadow .3s}.evo-banner:hover{box-shadow:0 4px 12px #0003}.evo-banner .evo-banner__content{position:relative;z-index:2}.evo-banner .evo-banner__content .btn{display:inline-block;min-width:156px;height:40px;padding:0 20px;color:#f05023;font-weight:600;font-size:14px;text-transform:uppercase;background-color:#fff;border-radius:24px;transition:color .3s,background .3s}.evo-banner .evo-banner__title{margin-bottom:20px;font-weight:700;font-size:30px;font-family:var(--evo-font-secondary);line-height:1.3}.evo-banner .evo-banner__description{margin-top:20px;margin-bottom:10px;font-size:14px;line-height:1.3}.evo-banner .evo-banner__img{position:absolute;right:0;bottom:0}.evo-banner_full-width{padding:20px}.evo-banner_full-width .evo-banner__title{line-height:38px}.evo-banner_full-width .evo-banner__img,.evo-banner_large .evo-banner__img{width:290px;height:290px}.evo-banner_small{height:210px;padding:20px}.evo-banner_small .evo-banner__content{max-width:70%}.evo-banner_small .evo-banner__title{margin-bottom:20px;font-size:20px}.evo-banner_small .evo-banner__img{width:210px;height:210px}.evo-banner_size-tablet.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-tablet.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-tablet.evo-banner_large{padding:40px}.evo-banner_size-tablet.evo-banner_large .evo-banner__title{margin-bottom:20px;font-size:36px;line-height:44px}.evo-banner_size-tablet.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop.evo-banner .evo-banner__content{max-width:66%}.evo-banner_size-desktop.evo-banner .evo-banner__description{max-width:250px}.evo-banner_size-desktop.evo-banner_full-width{height:240px;padding:30px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_full-width .evo-banner__img{width:240px;height:240px}.evo-banner_size-desktop.evo-banner_large{padding:40px}.evo-banner_size-desktop.evo-banner_large .evo-banner__title{font-size:36px;line-height:44px}.evo-banner_size-desktop.evo-banner_large .evo-banner__img{width:430px;height:430px}.evo-banner_size-desktop-s.evo-banner_full-width .evo-banner__title{font-size:28px;line-height:38px}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3307
3307
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBannerComponent, decorators: [{
|
|
3308
3308
|
type: i0.Component,
|
|
3309
3309
|
args: [{
|
|
@@ -3333,12 +3333,12 @@
|
|
|
3333
3333
|
return EvoBannerModule;
|
|
3334
3334
|
}());
|
|
3335
3335
|
EvoBannerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBannerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3336
|
-
EvoBannerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBannerModule, declarations: [EvoBannerComponent], imports: [
|
|
3337
|
-
EvoBannerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBannerModule, providers: [WINDOW_PROVIDERS], imports: [[
|
|
3336
|
+
EvoBannerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBannerModule, declarations: [EvoBannerComponent], imports: [i2.CommonModule, EvoUiKitModule], exports: [EvoBannerComponent] });
|
|
3337
|
+
EvoBannerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBannerModule, providers: [WINDOW_PROVIDERS], imports: [[i2.CommonModule, EvoUiKitModule]] });
|
|
3338
3338
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoBannerModule, decorators: [{
|
|
3339
3339
|
type: i0.NgModule,
|
|
3340
3340
|
args: [{
|
|
3341
|
-
imports: [
|
|
3341
|
+
imports: [i2.CommonModule, EvoUiKitModule],
|
|
3342
3342
|
declarations: [EvoBannerComponent],
|
|
3343
3343
|
exports: [EvoBannerComponent],
|
|
3344
3344
|
providers: [WINDOW_PROVIDERS],
|
|
@@ -3466,7 +3466,7 @@
|
|
|
3466
3466
|
return EvoButtonComponent;
|
|
3467
3467
|
}());
|
|
3468
3468
|
EvoButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3469
|
-
EvoButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: { size: "size", color: "color", theme: "theme", disabled: "disabled", loading: "loading" }, ngImport: i0__namespace, 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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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:
|
|
3469
|
+
EvoButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: { size: "size", color: "color", theme: "theme", disabled: "disabled", loading: "loading" }, ngImport: i0__namespace, 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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .3s,background-color .3s}.evo-button:hover{box-shadow:var(--evo-button-hover-shadow)}.evo-button:hover:after{opacity:.2;background-color:#fff}.evo-button:focus:after,.evo-button:active:after{opacity:.1;background-color:#000}.evo-button:disabled,.evo-button_is-disabled{--inner-text-color: #FFFFFF !important;--inner-background-color: #C6C6C6 !important;--inner-border-color: transparent !important;pointer-events:none}.evo-button:disabled .evo-button:after,.evo-button_is-disabled .evo-button:after{display:none}.evo-button_is-outline:not(.evo-button_is-outline:hover):not(.evo-button_is-outline_is-disabled):not(.evo-button_is-outline:active){--inner-text-color: var(--inner-button-primary-color);--inner-background-color: transparent;--inner-border-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover{--inner-text-color: var(--inner-button-secondary-color);--inner-background-color: var(--inner-button-primary-color)}.evo-button_is-outline:hover:not(:focus):not(:active):after{background:transparent;border:none}.evo-button_is-loading{position:relative;pointer-events:none}.evo-button.evo-button_shape_rounded{border-radius:30px;font-weight:500;font-family:var(--evo-font-secondary);text-transform:uppercase}.evo-button.evo-button_shape_rectangle{border-radius:4px;padding:0 12px;font-weight:600;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_shape_semi-rectangle{border-radius:8px;padding:0 8px;font-weight:700;font-family:var(--evo-font);text-transform:unset}.evo-button.evo-button_color_secondary{--inner-button-primary-color: #231F20;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_success{--inner-button-primary-color: #21C68B;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_bonus{--inner-button-primary-color: #C72AAE;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_text{--inner-button-primary-color: #212121;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_link{--inner-button-primary-color: #0986E2;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_error{--inner-button-primary-color: #FF1817;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_color_white{--inner-button-primary-color: #FFFFFF;--inner-button-secondary-color: #212121}.evo-button.evo-button_color_primary{--inner-button-primary-color: #F05023;--inner-button-secondary-color: #FFFFFF}.evo-button.evo-button_size_small.evo-button_shape_rounded{height:32px;padding:0 16px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:14px;line-height:20px}.evo-button.evo-button_size_normal.evo-button_shape_rounded{height:40px;padding:0 24px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:16px;line-height:20px}.evo-button.evo-button_size_large.evo-button_shape_rounded{height:56px;padding:0 40px;font-family:var(--evo-font-secondary);font-style:normal;font-weight:500;font-size:18px;line-height:20px}.evo-button.evo-button_size_small.evo-button_shape_rectangle,.evo-button.evo-button_size_normal.evo-button_shape_rectangle,.evo-button.evo-button_size_large.evo-button_shape_rectangle{height:32px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}.evo-button.evo-button_size_small.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_normal.evo-button_shape_semi-rectangle,.evo-button.evo-button_size_large.evo-button_shape_semi-rectangle{height:24px;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:700}.evo-button.evo-button_color_white.evo-button_shape_rounded:not(.evo-button.evo-button_color_white.evo-button_shape_rounded:disabled):is(.evo-button.evo-button_color_white.evo-button_shape_rounded:hover):after{z-index:3}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline){--inner-button-secondary-color: var(--evo-button-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):hover{--inner-button-secondary-color: var(--evo-button-hover-text-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled):not(.evo-button_is-outline):before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient);border-color:transparent}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline{--inner-button-primary-color: var(--evo-button-border-color)}.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:hover:before,.evo-button.evo-button_color_custom:not(.evo-button_is-disabled).evo-button_is-outline:active:before{background-color:var(--evo-button-background-color);background-image:var(--evo-button-background-gradient)}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3470
3470
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonComponent, decorators: [{
|
|
3471
3471
|
type: i0.Component,
|
|
3472
3472
|
args: [{
|
|
@@ -3577,7 +3577,7 @@
|
|
|
3577
3577
|
return EvoButtonOldComponent;
|
|
3578
3578
|
}());
|
|
3579
3579
|
EvoButtonOldComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonOldComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3580
|
-
EvoButtonOldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonOldComponent, selector: "evo-button, button[evo-button]", inputs: { color: "color", size: "size", disabled: "disabled", loading: "loading" }, ngImport: i0__namespace, 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:
|
|
3580
|
+
EvoButtonOldComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonOldComponent, selector: "evo-button, button[evo-button]", inputs: { color: "color", size: "size", disabled: "disabled", loading: "loading" }, ngImport: i0__namespace, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n <span [ngStyle]=\"totalStyles\">\n <ng-content></ng-content>\n </span>\n <span *ngIf=\"loading\" class=\"evo-button__dots\">\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:var(--evo-font-secondary);line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#F05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:rgba(0,0,0,.16)!important;border-color:transparent!important;pointer-events:none}.evo-button_lined{color:#f05023;background-color:#fff;border:1px solid #F05023}.evo-button_lined:hover{color:#fff;background-color:#f05023}.evo-button_lined:active,.evo-button_lined:focus{color:#fff;background-color:#d8481f;border-color:#d8481f}.evo-button_darkblue{background-color:#546e7a}.evo-button_darkblue:hover{background-color:#7596a5}.evo-button_darkblue:active,.evo-button_darkblue:focus{background-color:#283239}.evo-button_darkblue-lined{color:#403c3d;background-color:#fff;border:1px solid #403C3D}.evo-button_darkblue-lined:hover{color:#fff;background-color:#403c3d}.evo-button_darkblue-lined:active,.evo-button_darkblue-lined:focus{color:#fff;background-color:#343031;border-color:#343031}.evo-button_green{background-color:#21c68b}.evo-button_green:hover{background-color:#4cd2a2}.evo-button_green:active,.evo-button_green:focus{background-color:#1c9e6e}.evo-button_green-lined{color:#21c68b;background-color:#fff;border:1px solid #21C68B}.evo-button_green-lined:hover{color:#fff;background-color:#21c68b}.evo-button_green-lined:active,.evo-button_green-lined:focus{color:#fff;background-color:#1c9e6e;border-color:#1c9e6e}.evo-button_red{color:#fff;background-color:#ff1817}.evo-button_red:hover{background-color:#ff4645}.evo-button_red:active,.evo-button_red:focus{background-color:#e51715}.evo-button_purple{background-color:#c72aae}.evo-button_purple:hover{background-color:#d255be}.evo-button_purple:active,.evo-button_purple:focus{background-color:#9f228b}.evo-button_white{background-color:transparent;border:1px solid #FFFFFF}.evo-button_white:hover{color:#403c3d;background-color:#fff}.evo-button_white:active,.evo-button_white:focus{color:#fff;background-color:transparent}.evo-button_small{min-width:72px;height:32px;padding:0 16px;font-size:14px}.evo-button_large{min-width:120px;height:56px;padding:0 40px;font-size:18px}.evo-button_icon{display:inline-flex;align-items:center;padding-right:22px;padding-left:22px}.evo-button_loading{position:relative;pointer-events:none}.evo-button__dots{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-button__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:evo-fx-blink 1s ease infinite 0ms}.evo-button__dot:nth-child(2){animation:evo-fx-blink 1s ease infinite .3s}.evo-button__dot:nth-child(3){animation:evo-fx-blink 1s ease infinite .6s}:host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3581
3581
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonOldComponent, decorators: [{
|
|
3582
3582
|
type: i0.Component,
|
|
3583
3583
|
args: [{
|
|
@@ -3602,12 +3602,12 @@
|
|
|
3602
3602
|
return EvoButtonModule;
|
|
3603
3603
|
}());
|
|
3604
3604
|
EvoButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3605
|
-
EvoButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, declarations: [EvoButtonComponent, EvoButtonOldComponent], imports: [
|
|
3606
|
-
EvoButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, imports: [[
|
|
3605
|
+
EvoButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, declarations: [EvoButtonComponent, EvoButtonOldComponent], imports: [i2.CommonModule, EvoUiKitModule, EvoLoaderModule], exports: [EvoButtonComponent, EvoButtonOldComponent] });
|
|
3606
|
+
EvoButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, imports: [[i2.CommonModule, EvoUiKitModule, EvoLoaderModule]] });
|
|
3607
3607
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, decorators: [{
|
|
3608
3608
|
type: i0.NgModule,
|
|
3609
3609
|
args: [{
|
|
3610
|
-
imports: [
|
|
3610
|
+
imports: [i2.CommonModule, EvoUiKitModule, EvoLoaderModule],
|
|
3611
3611
|
declarations: [EvoButtonComponent, EvoButtonOldComponent],
|
|
3612
3612
|
exports: [EvoButtonComponent, EvoButtonOldComponent],
|
|
3613
3613
|
}]
|
|
@@ -3716,11 +3716,11 @@
|
|
|
3716
3716
|
EvoChipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoChipComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3717
3717
|
EvoChipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoChipComponent, selector: "evo-chip", inputs: { type: "type", theme: "theme", counter: "counter", disabled: "disabled", name: "name", closable: "closable", closeTitle: "closeTitle", setInitialValue: ["value", "setInitialValue"] }, outputs: { close: "close" }, providers: [
|
|
3718
3718
|
{
|
|
3719
|
-
provide: i1
|
|
3719
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
3720
3720
|
useExisting: i0.forwardRef(function () { return EvoChipComponent; }),
|
|
3721
3721
|
multi: true,
|
|
3722
3722
|
},
|
|
3723
|
-
], usesInheritance: true, ngImport: i0__namespace, 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:bold;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:
|
|
3723
|
+
], usesInheritance: true, ngImport: i0__namespace, 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:bold;font-size:12px;background-color:#f05023;border-radius:9px}.chip__counter-value{margin:0 3px;line-height:16px}.chip__close{position:relative;display:block;width:24px;height:24px;margin:0 -9px 0 8px;padding:0;color:#fff;background:none;border:none;cursor:pointer;transition:opacity .3s}.chip__close:not(:disabled):hover{opacity:.8}.chip__close:not(:disabled):active{opacity:.9}.chip__close evo-icon{z-index:1;display:block;width:100%;height:100%;fill:currentColor}:host{display:inline-block;max-width:100%}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3724
3724
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoChipComponent, decorators: [{
|
|
3725
3725
|
type: i0.Component,
|
|
3726
3726
|
args: [{
|
|
@@ -3731,7 +3731,7 @@
|
|
|
3731
3731
|
],
|
|
3732
3732
|
providers: [
|
|
3733
3733
|
{
|
|
3734
|
-
provide: i1
|
|
3734
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
3735
3735
|
useExisting: i0.forwardRef(function () { return EvoChipComponent; }),
|
|
3736
3736
|
multi: true,
|
|
3737
3737
|
},
|
|
@@ -3764,12 +3764,12 @@
|
|
|
3764
3764
|
return EvoChipModule;
|
|
3765
3765
|
}());
|
|
3766
3766
|
EvoChipModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoChipModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3767
|
-
EvoChipModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoChipModule, declarations: [EvoChipComponent], imports: [
|
|
3768
|
-
i1
|
|
3767
|
+
EvoChipModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoChipModule, declarations: [EvoChipComponent], imports: [i2.CommonModule,
|
|
3768
|
+
i1.FormsModule,
|
|
3769
3769
|
EvoUiKitModule, EvoIconModule], exports: [EvoChipComponent] });
|
|
3770
3770
|
EvoChipModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoChipModule, imports: [[
|
|
3771
|
-
|
|
3772
|
-
i1
|
|
3771
|
+
i2.CommonModule,
|
|
3772
|
+
i1.FormsModule,
|
|
3773
3773
|
EvoUiKitModule,
|
|
3774
3774
|
EvoIconModule.forRoot([{
|
|
3775
3775
|
name: 'system',
|
|
@@ -3783,8 +3783,8 @@
|
|
|
3783
3783
|
args: [{
|
|
3784
3784
|
declarations: [EvoChipComponent],
|
|
3785
3785
|
imports: [
|
|
3786
|
-
|
|
3787
|
-
i1
|
|
3786
|
+
i2.CommonModule,
|
|
3787
|
+
i1.FormsModule,
|
|
3788
3788
|
EvoUiKitModule,
|
|
3789
3789
|
EvoIconModule.forRoot([{
|
|
3790
3790
|
name: 'system',
|
|
@@ -3810,7 +3810,7 @@
|
|
|
3810
3810
|
return EvoControlLabelComponent;
|
|
3811
3811
|
}());
|
|
3812
3812
|
EvoControlLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3813
|
-
EvoControlLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoControlLabelComponent, selector: "evo-control-label", inputs: { label: "label", context: "context" }, ngImport: i0__namespace, 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:
|
|
3813
|
+
EvoControlLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoControlLabelComponent, selector: "evo-control-label", inputs: { label: "label", context: "context" }, ngImport: i0__namespace, 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: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
3814
3814
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlLabelComponent, decorators: [{
|
|
3815
3815
|
type: i0.Component,
|
|
3816
3816
|
args: [{
|
|
@@ -3830,15 +3830,15 @@
|
|
|
3830
3830
|
return EvoControlLabelModule;
|
|
3831
3831
|
}());
|
|
3832
3832
|
EvoControlLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlLabelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3833
|
-
EvoControlLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlLabelModule, declarations: [EvoControlLabelComponent], imports: [
|
|
3833
|
+
EvoControlLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlLabelModule, declarations: [EvoControlLabelComponent], imports: [i2.CommonModule], exports: [EvoControlLabelComponent] });
|
|
3834
3834
|
EvoControlLabelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlLabelModule, imports: [[
|
|
3835
|
-
|
|
3835
|
+
i2.CommonModule
|
|
3836
3836
|
]] });
|
|
3837
3837
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoControlLabelModule, decorators: [{
|
|
3838
3838
|
type: i0.NgModule,
|
|
3839
3839
|
args: [{
|
|
3840
3840
|
imports: [
|
|
3841
|
-
|
|
3841
|
+
i2.CommonModule
|
|
3842
3842
|
],
|
|
3843
3843
|
declarations: [EvoControlLabelComponent],
|
|
3844
3844
|
exports: [EvoControlLabelComponent],
|
|
@@ -3902,17 +3902,17 @@
|
|
|
3902
3902
|
return EvoCounterModule;
|
|
3903
3903
|
}());
|
|
3904
3904
|
EvoCounterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCounterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3905
|
-
EvoCounterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCounterModule, declarations: [EvoCounterComponent], imports: [
|
|
3905
|
+
EvoCounterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCounterModule, declarations: [EvoCounterComponent], imports: [i2.CommonModule,
|
|
3906
3906
|
EvoUiKitModule], exports: [EvoCounterComponent] });
|
|
3907
3907
|
EvoCounterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCounterModule, imports: [[
|
|
3908
|
-
|
|
3908
|
+
i2.CommonModule,
|
|
3909
3909
|
EvoUiKitModule
|
|
3910
3910
|
]] });
|
|
3911
3911
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCounterModule, decorators: [{
|
|
3912
3912
|
type: i0.NgModule,
|
|
3913
3913
|
args: [{
|
|
3914
3914
|
imports: [
|
|
3915
|
-
|
|
3915
|
+
i2.CommonModule,
|
|
3916
3916
|
EvoUiKitModule
|
|
3917
3917
|
],
|
|
3918
3918
|
declarations: [
|
|
@@ -4451,11 +4451,11 @@
|
|
|
4451
4451
|
EvoDatepickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDatepickerComponent, deps: [{ token: i0__namespace.NgZone }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4452
4452
|
EvoDatepickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoDatepickerComponent, selector: "evo-datepicker", inputs: { config: "config", maskedInput: "maskedInput", theme: "theme", folded: "folded", placeholder: "placeholder", setDate: "setDate", description: "description", maxRangeDays: "maxRangeDays", appendToBody: "appendToBody" }, outputs: { closePicker: "closePicker" }, providers: [
|
|
4453
4453
|
{
|
|
4454
|
-
provide: i1
|
|
4454
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
4455
4455
|
useExisting: i0.forwardRef(function () { return EvoDatepickerComponent; }),
|
|
4456
4456
|
multi: true,
|
|
4457
4457
|
},
|
|
4458
|
-
], viewQueries: [{ propertyName: "flatpickrElement", first: true, predicate: ["flatpickr"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, 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%}}: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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}evo-datepicker{--evo-datepicker-icon-color: #212121;--evo-datepicker-range-icon-color: #212121;--evo-datepicker-range-value-white-space: nowrap}.evo-datepicker{position:relative;display:flex;flex-direction:row;flex:1 1 auto}.evo-datepicker__opener{position:absolute;top:50%;right:8px;z-index:1;margin-top:-12px;pointer-events:none}.evo-datepicker__opener svg{fill:var(--evo-datepicker-icon-color)}.evo-datepicker__input_focused{border:solid 1px #74706F}.evo-datepicker__input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-datepicker__input_invalid{border-color:#ff1817!important}.evo-datepicker__input_hidden{position:absolute;visibility:hidden}.evo-datepicker__opener-triangle{display:none}.evo-datepicker__description{margin-top:16px;color:#727272;text-align:center}.evo-datepicker__time-picker{margin-top:24px;text-align:left}.evo-datepicker__time-picker:last-of-type{margin-top:8px}.evo-datepicker__time-label{display:block;padding-left:25px;color:#727272}.evo-datepicker__select-wrapper{position:relative;display:flex;align-items:center}.evo-datepicker__select-wrapper:after{position:absolute;right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask0)%22%3E %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center;pointer-events:none;content:\"\"}.evo-datepicker__select-wrapper:first-child{margin-right:8px}.evo-datepicker__select-wrapper:last-child{margin-left:8px}.evo-datepicker__select-field{display:inline-block;align-items:center;height:48px;padding:12px 38px 12px 16px;overflow:hidden;color:#9b9b9b;font-weight:400;font-size:16px;line-height:26px;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;border:1px solid #C6C6C6;border-radius:4px;outline:0}.evo-datepicker__selectors{display:flex;justify-content:center;align-items:center;margin-top:8px;color:#9b9b9b}.evo-datepicker__select{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;-webkit-appearance:none;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;grid-gap:8px;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:translate(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:normal;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:translate(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:normal;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:bold}.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:bold;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{box-shadow:none}.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:bold;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:translateY(-20px);opacity:0}to{transform:translate(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__namespace.IMaskDirective, selector: "[imask]", inputs: ["imaskElement", "imask", "unmask"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
4458
|
+
], viewQueries: [{ propertyName: "flatpickrElement", first: true, predicate: ["flatpickr"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, 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%}}: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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}evo-datepicker{--evo-datepicker-icon-color: #212121;--evo-datepicker-range-icon-color: #212121;--evo-datepicker-range-value-white-space: nowrap}.evo-datepicker{position:relative;display:flex;flex-direction:row;flex:1 1 auto}.evo-datepicker__opener{position:absolute;top:50%;right:8px;z-index:1;margin-top:-12px;pointer-events:none}.evo-datepicker__opener svg{fill:var(--evo-datepicker-icon-color)}.evo-datepicker__input_focused{border:solid 1px #74706F}.evo-datepicker__input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-datepicker__input_invalid{border-color:#ff1817!important}.evo-datepicker__input_hidden{position:absolute;visibility:hidden}.evo-datepicker__opener-triangle{display:none}.evo-datepicker__description{margin-top:16px;color:#727272;text-align:center}.evo-datepicker__time-picker{margin-top:24px;text-align:left}.evo-datepicker__time-picker:last-of-type{margin-top:8px}.evo-datepicker__time-label{display:block;padding-left:25px;color:#727272}.evo-datepicker__select-wrapper{position:relative;display:flex;align-items:center}.evo-datepicker__select-wrapper:after{position:absolute;right:20px;width:8px;height:12px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E %3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%228%22 y%3D%2210%22 width%3D%228%22 height%3D%225%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 fill%3D%22black%22%2F%3E %3C%2Fmask%3E %3Cg mask%3D%22url(%23mask0)%22%3E %3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23212121%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:center;pointer-events:none;content:\"\"}.evo-datepicker__select-wrapper:first-child{margin-right:8px}.evo-datepicker__select-wrapper:last-child{margin-left:8px}.evo-datepicker__select-field{display:inline-block;align-items:center;height:48px;padding:12px 38px 12px 16px;overflow:hidden;color:#9b9b9b;font-weight:400;font-size:16px;line-height:26px;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;border:1px solid #C6C6C6;border-radius:4px;outline:0}.evo-datepicker__selectors{display:flex;justify-content:center;align-items:center;margin-top:8px;color:#9b9b9b}.evo-datepicker__select{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;cursor:pointer;opacity:0;-webkit-appearance:none;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;grid-gap:8px;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:translate(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:normal;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:translate(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:normal;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:bold}.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:bold;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{box-shadow:none}.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:bold;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:translateY(-20px);opacity:0}to{transform:translate(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__namespace.IMaskDirective, selector: "[imask]", inputs: ["imaskElement", "imask", "unmask"], outputs: ["accept", "complete"], exportAs: ["imask"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
4459
4459
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDatepickerComponent, decorators: [{
|
|
4460
4460
|
type: i0.Component,
|
|
4461
4461
|
args: [{
|
|
@@ -4465,7 +4465,7 @@
|
|
|
4465
4465
|
encapsulation: i0.ViewEncapsulation.None,
|
|
4466
4466
|
providers: [
|
|
4467
4467
|
{
|
|
4468
|
-
provide: i1
|
|
4468
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
4469
4469
|
useExisting: i0.forwardRef(function () { return EvoDatepickerComponent; }),
|
|
4470
4470
|
multi: true,
|
|
4471
4471
|
},
|
|
@@ -4502,12 +4502,12 @@
|
|
|
4502
4502
|
return EvoDatepickerModule;
|
|
4503
4503
|
}());
|
|
4504
4504
|
EvoDatepickerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDatepickerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
4505
|
-
EvoDatepickerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDatepickerModule, declarations: [EvoDatepickerComponent], imports: [
|
|
4505
|
+
EvoDatepickerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDatepickerModule, declarations: [EvoDatepickerComponent], imports: [i2.CommonModule,
|
|
4506
4506
|
EvoUiKitModule,
|
|
4507
4507
|
i3$3.IMaskModule,
|
|
4508
4508
|
EvoControlErrorModule], exports: [EvoDatepickerComponent] });
|
|
4509
4509
|
EvoDatepickerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDatepickerModule, imports: [[
|
|
4510
|
-
|
|
4510
|
+
i2.CommonModule,
|
|
4511
4511
|
EvoUiKitModule,
|
|
4512
4512
|
i3$3.IMaskModule,
|
|
4513
4513
|
EvoControlErrorModule,
|
|
@@ -4516,7 +4516,7 @@
|
|
|
4516
4516
|
type: i0.NgModule,
|
|
4517
4517
|
args: [{
|
|
4518
4518
|
imports: [
|
|
4519
|
-
|
|
4519
|
+
i2.CommonModule,
|
|
4520
4520
|
EvoUiKitModule,
|
|
4521
4521
|
i3$3.IMaskModule,
|
|
4522
4522
|
EvoControlErrorModule,
|
|
@@ -4578,7 +4578,7 @@
|
|
|
4578
4578
|
return EvoIconButtonComponent;
|
|
4579
4579
|
}());
|
|
4580
4580
|
EvoIconButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4581
|
-
EvoIconButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, 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:
|
|
4581
|
+
EvoIconButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, template: "<div [ngClass]=\"classes\" class=\"evo-icon-button\">\n <div *ngIf=\"!loading else loaderTemplate\" class=\"evo-icon-button__icon-wrapper\">\n <ng-content select=\"evo-icon\"></ng-content>\n </div>\n <span class=\"evo-icon-button__label\"><ng-content></ng-content></span>\n</div>\n\n<ng-template #loaderTemplate>\n <evo-circular-loader class=\"evo-icon-button__loader\"></evo-circular-loader>\n</ng-template>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:inline-block;padding:0;background:none;border:none;cursor:pointer;--evo-icon-button-background: #F4F6F8;--evo-icon-button-notification-dot-background: #F05023;--evo-icon-button-notification-dot-outline: #FFFFFF}.evo-icon-button{--inner-icon-size: 24px;display:flex;flex-flow:row nowrap;align-items:center;margin:0;padding:0;background:none;border:none;outline:none;transition:color .3s}.evo-icon-button_theme-rectangle{padding:16px 16px 16px 8px;background:var(--evo-icon-button-background);border-radius:8px;cursor:pointer}.evo-icon-button_color-link{color:#0986e2}.evo-icon-button_color-link:hover{color:#3a9ee8}.evo-icon-button_color-link:active{color:#0879cb}.evo-icon-button_color-danger{color:#ff1817}.evo-icon-button_color-danger:hover{color:#ff4645}.evo-icon-button_color-danger:active{color:#e51715}.evo-icon-button_color-success{color:#21c68b}.evo-icon-button_color-success:hover{color:#4dd1a2}.evo-icon-button_color-success:active{color:#1eb27d}.evo-icon-button_size-small{--inner-icon-size: 16px}.evo-icon-button_size-small .evo-icon-button__label{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:600}.evo-icon-button .evo-icon-button__icon-wrapper,.evo-icon-button .evo-icon-button__loader{flex:0 0 var(--inner-icon-size);height:var(--inner-icon-size)}.evo-icon-button__icon-wrapper{--evo-icon-button-notification-dot-size: 12px;position:relative}.evo-icon-button_size-small .evo-icon-button__icon-wrapper{--evo-icon-button-notification-dot-size: 8px}:host:disabled .evo-icon-button_notification-dot .evo-icon-button__icon-wrapper:before{display:none}.evo-icon-button_notification-dot .evo-icon-button__icon-wrapper:not(:empty):before{position:absolute;content:\"\";display:block;box-sizing:border-box;width:var(--evo-icon-button-notification-dot-size);height:var(--evo-icon-button-notification-dot-size);top:0;right:0;border-width:calc(var(--evo-icon-button-notification-dot-size) * 1 / 6);border-color:var(--evo-icon-button-notification-dot-outline);border-style:solid;background-color:var(--evo-icon-button-notification-dot-background);border-radius:50%}.evo-icon-button ::ng-deep evo-icon{fill:currentColor}.evo-icon-button__label{margin-left:8px;white-space:nowrap;font-family:var(--evo-font);font-style:normal;font-size:16px;line-height:24px;font-weight:600}.evo-icon-button__label:empty{display:none}:host:disabled .evo-icon-button{color:#c6c6c6!important}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4582
4582
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconButtonComponent, decorators: [{
|
|
4583
4583
|
type: i0.Component,
|
|
4584
4584
|
args: [{
|
|
@@ -4611,17 +4611,17 @@
|
|
|
4611
4611
|
return EvoIconButtonModule;
|
|
4612
4612
|
}());
|
|
4613
4613
|
EvoIconButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
4614
|
-
EvoIconButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconButtonModule, declarations: [EvoIconButtonComponent], imports: [
|
|
4614
|
+
EvoIconButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconButtonModule, declarations: [EvoIconButtonComponent], imports: [i2.CommonModule,
|
|
4615
4615
|
EvoLoaderModule], exports: [EvoIconButtonComponent] });
|
|
4616
4616
|
EvoIconButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconButtonModule, imports: [[
|
|
4617
|
-
|
|
4617
|
+
i2.CommonModule,
|
|
4618
4618
|
EvoLoaderModule,
|
|
4619
4619
|
]] });
|
|
4620
4620
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconButtonModule, decorators: [{
|
|
4621
4621
|
type: i0.NgModule,
|
|
4622
4622
|
args: [{
|
|
4623
4623
|
imports: [
|
|
4624
|
-
|
|
4624
|
+
i2.CommonModule,
|
|
4625
4625
|
EvoLoaderModule,
|
|
4626
4626
|
],
|
|
4627
4627
|
declarations: [
|
|
@@ -4639,7 +4639,7 @@
|
|
|
4639
4639
|
return EvoIconNumberComponent;
|
|
4640
4640
|
}());
|
|
4641
4641
|
EvoIconNumberComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconNumberComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4642
|
-
EvoIconNumberComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoIconNumberComponent, selector: "evo-icon-number", inputs: { number: "number" }, ngImport: i0__namespace, 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__namespace$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4642
|
+
EvoIconNumberComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoIconNumberComponent, selector: "evo-icon-number", inputs: { number: "number" }, ngImport: i0__namespace, 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__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4643
4643
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconNumberComponent, decorators: [{
|
|
4644
4644
|
type: i0.Component,
|
|
4645
4645
|
args: [{
|
|
@@ -4658,13 +4658,13 @@
|
|
|
4658
4658
|
return EvoIconNumberModule;
|
|
4659
4659
|
}());
|
|
4660
4660
|
EvoIconNumberModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconNumberModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
4661
|
-
EvoIconNumberModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconNumberModule, declarations: [EvoIconNumberComponent], imports: [
|
|
4662
|
-
EvoIconNumberModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconNumberModule, imports: [[
|
|
4661
|
+
EvoIconNumberModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconNumberModule, declarations: [EvoIconNumberComponent], imports: [i2.CommonModule], exports: [EvoIconNumberComponent] });
|
|
4662
|
+
EvoIconNumberModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconNumberModule, imports: [[i2.CommonModule]] });
|
|
4663
4663
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoIconNumberModule, decorators: [{
|
|
4664
4664
|
type: i0.NgModule,
|
|
4665
4665
|
args: [{
|
|
4666
4666
|
declarations: [EvoIconNumberComponent],
|
|
4667
|
-
imports: [
|
|
4667
|
+
imports: [i2.CommonModule],
|
|
4668
4668
|
exports: [EvoIconNumberComponent],
|
|
4669
4669
|
}]
|
|
4670
4670
|
}] });
|
|
@@ -4789,7 +4789,7 @@
|
|
|
4789
4789
|
EvoInputContenteditableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputContenteditableComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4790
4790
|
EvoInputContenteditableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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: [
|
|
4791
4791
|
{
|
|
4792
|
-
provide: i1
|
|
4792
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
4793
4793
|
useExisting: i0.forwardRef(function () { return EvoInputContenteditableComponent; }),
|
|
4794
4794
|
multi: true,
|
|
4795
4795
|
},
|
|
@@ -4798,7 +4798,7 @@
|
|
|
4798
4798
|
useExisting: i0.forwardRef(function () { return EvoInputContenteditableComponent; }),
|
|
4799
4799
|
multi: true,
|
|
4800
4800
|
},
|
|
4801
|
-
], viewQueries: [{ propertyName: "contenteditable", first: true, predicate: ["contenteditable"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, 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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;display:block;flex-basis:100%;height:auto;min-height:40px;max-height:calc(24px * var(--evo-contenteditable-lines) + 24px);padding:7px 11px;overflow:auto;line-height:24px}.evo-contenteditable-input_focused{border:solid 1px #74706F}.evo-contenteditable-input_invalid{border-color:#ff1817!important}.evo-contenteditable-input:hover{border:1px solid #9B9B9B}.evo-contenteditable-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-contenteditable-input_disabled .evo-contenteditable-input__content{display:block}.evo-contenteditable-input_single{display:flex;overflow:hidden}.evo-contenteditable-input_single .evo-contenteditable-input__content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.evo-contenteditable-input_single .evo-contenteditable-input__content::-webkit-scrollbar{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep br{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep *{display:inline;white-space:nowrap}.evo-contenteditable-input_size_small{min-height:32px;padding:3px 11px}.evo-contenteditable-input:focus-within{border:solid 1px #74706F}.evo-contenteditable-input__content{position:relative;display:inline-block;flex-direction:column;width:100%;min-height:calc(24px * var(--evo-contenteditable-min-lines));white-space:pre-wrap;outline:none}.evo-contenteditable-input__content_open-lines{min-height:calc(calc(24px * var(--evo-contenteditable-min-lines)) + 8px)}.evo-contenteditable-input__content:empty:before{content:attr(placeholder);position:absolute;display:block;color:#9b9b9b;pointer-events:none}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type:
|
|
4801
|
+
], viewQueries: [{ propertyName: "contenteditable", first: true, predicate: ["contenteditable"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, 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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;display:block;flex-basis:100%;height:auto;min-height:40px;max-height:calc(24px * var(--evo-contenteditable-lines) + 24px);padding:7px 11px;overflow:auto;line-height:24px}.evo-contenteditable-input_focused{border:solid 1px #74706F}.evo-contenteditable-input_invalid{border-color:#ff1817!important}.evo-contenteditable-input:hover{border:1px solid #9B9B9B}.evo-contenteditable-input_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-contenteditable-input_disabled .evo-contenteditable-input__content{display:block}.evo-contenteditable-input_single{display:flex;overflow:hidden}.evo-contenteditable-input_single .evo-contenteditable-input__content{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.evo-contenteditable-input_single .evo-contenteditable-input__content::-webkit-scrollbar{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep br{display:none}.evo-contenteditable-input_single .evo-contenteditable-input__content ::ng-deep *{display:inline;white-space:nowrap}.evo-contenteditable-input_size_small{min-height:32px;padding:3px 11px}.evo-contenteditable-input:focus-within{border:solid 1px #74706F}.evo-contenteditable-input__content{position:relative;display:inline-block;flex-direction:column;width:100%;min-height:calc(24px * var(--evo-contenteditable-min-lines));white-space:pre-wrap;outline:none}.evo-contenteditable-input__content_open-lines{min-height:calc(calc(24px * var(--evo-contenteditable-min-lines)) + 8px)}.evo-contenteditable-input__content:empty:before{content:attr(placeholder);position:absolute;display:block;color:#9b9b9b;pointer-events:none}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4802
4802
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputContenteditableComponent, decorators: [{
|
|
4803
4803
|
type: i0.Component,
|
|
4804
4804
|
args: [{
|
|
@@ -4808,7 +4808,7 @@
|
|
|
4808
4808
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
4809
4809
|
providers: [
|
|
4810
4810
|
{
|
|
4811
|
-
provide: i1
|
|
4811
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
4812
4812
|
useExisting: i0.forwardRef(function () { return EvoInputContenteditableComponent; }),
|
|
4813
4813
|
multi: true,
|
|
4814
4814
|
},
|
|
@@ -4848,11 +4848,11 @@
|
|
|
4848
4848
|
return EvoInputContenteditableModule;
|
|
4849
4849
|
}());
|
|
4850
4850
|
EvoInputContenteditableModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputContenteditableModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
4851
|
-
EvoInputContenteditableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputContenteditableModule, declarations: [EvoInputContenteditableComponent], imports: [
|
|
4851
|
+
EvoInputContenteditableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputContenteditableModule, declarations: [EvoInputContenteditableComponent], imports: [i2.CommonModule,
|
|
4852
4852
|
EvoUiKitModule,
|
|
4853
4853
|
EvoControlErrorModule], exports: [EvoInputContenteditableComponent] });
|
|
4854
4854
|
EvoInputContenteditableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoInputContenteditableModule, imports: [[
|
|
4855
|
-
|
|
4855
|
+
i2.CommonModule,
|
|
4856
4856
|
EvoUiKitModule,
|
|
4857
4857
|
EvoControlErrorModule,
|
|
4858
4858
|
]] });
|
|
@@ -4863,7 +4863,7 @@
|
|
|
4863
4863
|
EvoInputContenteditableComponent,
|
|
4864
4864
|
],
|
|
4865
4865
|
imports: [
|
|
4866
|
-
|
|
4866
|
+
i2.CommonModule,
|
|
4867
4867
|
EvoUiKitModule,
|
|
4868
4868
|
EvoControlErrorModule,
|
|
4869
4869
|
],
|
|
@@ -5005,7 +5005,7 @@
|
|
|
5005
5005
|
return EvoModalComponent;
|
|
5006
5006
|
}());
|
|
5007
5007
|
EvoModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoModalComponent, deps: [{ token: EvoModalService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
5008
|
-
EvoModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, template: "<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__background\"\n [ngClass]=\"{'evo-modal__background_visible': isVisible}\"\n (mousedown)=\"onBackgroundClick($event)\"\n></div>\n<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__wrapper\"\n [ngClass]=\"{'evo-modal_visible': isVisible}\"\n (mousedown)=\"onBackgroundClick($event)\"\n>\n <div class=\"evo-modal\">\n <div class=\"evo-modal__icon\">\n <ng-content select=\"evo-icon\"></ng-content>\n </div>\n <h2 *ngIf=\"titleText !== undefined\" class=\"evo-modal__title\">{{ titleText }}</h2>\n <div class=\"evo-modal__content\">\n <ng-content></ng-content>\n </div>\n <div class=\"evo-modal__buttons\" [ngClass]=\"{'evo-modal__buttons_single-btn': !declineText || !acceptText}\">\n <button\n *ngIf=\"declineText\"\n evoButton\n class=\"evo-modal__button evo-modal__button_decline\"\n [color]=\"declineButtonColor\"\n [disabled]=\"isDeclineDisabled\"\n [theme]=\"declineButtonTheme\"\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 [loading]=\"isAcceptLoading\"\n [theme]=\"acceptButtonTheme\"\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:bold;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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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:
|
|
5008
|
+
EvoModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, template: "<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__background\"\n [ngClass]=\"{'evo-modal__background_visible': isVisible}\"\n (mousedown)=\"onBackgroundClick($event)\"\n></div>\n<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__wrapper\"\n [ngClass]=\"{'evo-modal_visible': isVisible}\"\n (mousedown)=\"onBackgroundClick($event)\"\n>\n <div class=\"evo-modal\">\n <div class=\"evo-modal__icon\">\n <ng-content select=\"evo-icon\"></ng-content>\n </div>\n <h2 *ngIf=\"titleText !== undefined\" class=\"evo-modal__title\">{{ titleText }}</h2>\n <div class=\"evo-modal__content\">\n <ng-content></ng-content>\n </div>\n <div class=\"evo-modal__buttons\" [ngClass]=\"{'evo-modal__buttons_single-btn': !declineText || !acceptText}\">\n <button\n *ngIf=\"declineText\"\n evoButton\n class=\"evo-modal__button evo-modal__button_decline\"\n [color]=\"declineButtonColor\"\n [disabled]=\"isDeclineDisabled\"\n [theme]=\"declineButtonTheme\"\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 [loading]=\"isAcceptLoading\"\n [theme]=\"acceptButtonTheme\"\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:bold;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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left:0;z-index:1011;display:flex;justify-content:center;align-items:center;width:100%;padding:16px}@media (min-width: 768px){.evo-modal__wrapper{width:auto}}.evo-modal__buttons{display:flex;flex-shrink:0;flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;margin-top:56px;padding-right:32px;padding-left:32px}@media (min-width: 768px){.evo-modal__buttons{display:grid;width:auto;grid-template-columns:repeat(2,minmax(140px,1fr));grid-column-gap:32px;margin:32px auto 0;padding-right:16px;padding-left:16px}.evo-modal__buttons_single-btn{grid-template-columns:minmax(140px,1fr)}}.evo-modal__button{display:block;width:100%}@media (min-width: 768px){.evo-modal__button{width:auto}}.evo-modal__button+.evo-modal__button{margin:0 0 16px}@media (min-width: 768px){.evo-modal__button+.evo-modal__button{margin:0}}\n"], components: [{ type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: ["size", "color", "theme", "disabled", "loading"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
5009
5009
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoModalComponent, decorators: [{
|
|
5010
5010
|
type: i0.Component,
|
|
5011
5011
|
args: [{
|
|
@@ -5039,11 +5039,11 @@
|
|
|
5039
5039
|
return EvoModalModule;
|
|
5040
5040
|
}());
|
|
5041
5041
|
EvoModalModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoModalModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
5042
|
-
EvoModalModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoModalModule, declarations: [EvoModalComponent], imports: [
|
|
5042
|
+
EvoModalModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoModalModule, declarations: [EvoModalComponent], imports: [i2.CommonModule,
|
|
5043
5043
|
EvoButtonModule,
|
|
5044
5044
|
EvoUiKitModule], exports: [EvoModalComponent] });
|
|
5045
5045
|
EvoModalModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoModalModule, providers: [EvoModalService], imports: [[
|
|
5046
|
-
|
|
5046
|
+
i2.CommonModule,
|
|
5047
5047
|
EvoButtonModule,
|
|
5048
5048
|
EvoUiKitModule,
|
|
5049
5049
|
]] });
|
|
@@ -5051,7 +5051,7 @@
|
|
|
5051
5051
|
type: i0.NgModule,
|
|
5052
5052
|
args: [{
|
|
5053
5053
|
imports: [
|
|
5054
|
-
|
|
5054
|
+
i2.CommonModule,
|
|
5055
5055
|
EvoButtonModule,
|
|
5056
5056
|
EvoUiKitModule,
|
|
5057
5057
|
],
|
|
@@ -5087,7 +5087,7 @@
|
|
|
5087
5087
|
return EvoNoteComponent;
|
|
5088
5088
|
}());
|
|
5089
5089
|
EvoNoteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNoteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
5090
|
-
EvoNoteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNoteComponent, selector: "evo-note", inputs: { closable: "closable", iconSrc: "iconSrc", type: "type" }, outputs: { close: "close" }, ngImport: i0__namespace, 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;grid-gap:16px;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:
|
|
5090
|
+
EvoNoteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNoteComponent, selector: "evo-note", inputs: { closable: "closable", iconSrc: "iconSrc", type: "type" }, outputs: { close: "close" }, ngImport: i0__namespace, 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;grid-gap:16px;gap:16px}.evo-note_is-closable{padding-right:32px}.evo-note_type-success{background-color:#e4f8f1}.evo-note_type-danger{background-color:#ffe8e8}.evo-note_type-info{background-color:#e6f9ff}.evo-note_type-warning{background-color:#fff8e6}.evo-note__icon{display:none;flex:0 0 var(--evo-note-icon-size);align-self:start;height:var(--evo-note-icon-size)}@media (min-width: 500px){.evo-note__icon{display:block}}.evo-note__close{position:absolute;top:4px;right:4px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#91b1b8}.evo-note__close:hover{color:#a7c1c6}.evo-note__close:active{color:#829fa6}.evo-note__close-icon{color:inherit;fill:currentColor}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
5091
5091
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNoteComponent, decorators: [{
|
|
5092
5092
|
type: i0.Component,
|
|
5093
5093
|
args: [{
|
|
@@ -5112,10 +5112,10 @@
|
|
|
5112
5112
|
return EvoNoteModule;
|
|
5113
5113
|
}());
|
|
5114
5114
|
EvoNoteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNoteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
5115
|
-
EvoNoteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNoteModule, declarations: [EvoNoteComponent], imports: [
|
|
5115
|
+
EvoNoteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNoteModule, declarations: [EvoNoteComponent], imports: [i2.CommonModule,
|
|
5116
5116
|
EvoUiKitModule, EvoIconModule], exports: [EvoNoteComponent] });
|
|
5117
5117
|
EvoNoteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNoteModule, imports: [[
|
|
5118
|
-
|
|
5118
|
+
i2.CommonModule,
|
|
5119
5119
|
EvoUiKitModule,
|
|
5120
5120
|
EvoIconModule.forRoot([
|
|
5121
5121
|
{
|
|
@@ -5130,7 +5130,7 @@
|
|
|
5130
5130
|
type: i0.NgModule,
|
|
5131
5131
|
args: [{
|
|
5132
5132
|
imports: [
|
|
5133
|
-
|
|
5133
|
+
i2.CommonModule,
|
|
5134
5134
|
EvoUiKitModule,
|
|
5135
5135
|
EvoIconModule.forRoot([
|
|
5136
5136
|
{
|
|
@@ -5228,7 +5228,7 @@
|
|
|
5228
5228
|
return EvoPaginatorComponent;
|
|
5229
5229
|
}());
|
|
5230
5230
|
EvoPaginatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPaginatorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
5231
|
-
EvoPaginatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoPaginatorComponent, selector: "evo-paginator", inputs: { setCurrentPage: ["currentPage", "setCurrentPage"], setItemsTotal: ["itemsTotal", "setItemsTotal"], setPageSize: ["pageSize", "setPageSize"] }, outputs: { pageClick: "pageClick" }, ngImport: i0__namespace, 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;grid-gap:2px;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:
|
|
5231
|
+
EvoPaginatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoPaginatorComponent, selector: "evo-paginator", inputs: { setCurrentPage: ["currentPage", "setCurrentPage"], setItemsTotal: ["itemsTotal", "setItemsTotal"], setPageSize: ["pageSize", "setPageSize"] }, outputs: { pageClick: "pageClick" }, ngImport: i0__namespace, 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;grid-gap:2px;gap:2px;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:22px;font-weight:400}.paginator__btn{flex:0 0 auto;min-width:32px;height:32px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:16px;background-color:transparent;color:#727272;transition:background-color .3s,color .3s}.paginator__btn:hover{background-color:#001d260a;color:#212121}.paginator__btn_selected{background-color:#e1ecef;color:#212121;pointer-events:none}.paginator__separator{flex:0 0 auto;color:#c6c6c6;pointer-events:none}\n"], directives: [{ type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
5232
5232
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPaginatorComponent, decorators: [{
|
|
5233
5233
|
type: i0.Component,
|
|
5234
5234
|
args: [{
|
|
@@ -5256,10 +5256,10 @@
|
|
|
5256
5256
|
return EvoPaginatorModule;
|
|
5257
5257
|
}());
|
|
5258
5258
|
EvoPaginatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPaginatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
5259
|
-
EvoPaginatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPaginatorModule, declarations: [EvoPaginatorComponent], imports: [
|
|
5259
|
+
EvoPaginatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPaginatorModule, declarations: [EvoPaginatorComponent], imports: [i2.CommonModule,
|
|
5260
5260
|
EvoUiKitModule], exports: [EvoPaginatorComponent] });
|
|
5261
5261
|
EvoPaginatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPaginatorModule, imports: [[
|
|
5262
|
-
|
|
5262
|
+
i2.CommonModule,
|
|
5263
5263
|
EvoUiKitModule,
|
|
5264
5264
|
]] });
|
|
5265
5265
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPaginatorModule, decorators: [{
|
|
@@ -5267,7 +5267,7 @@
|
|
|
5267
5267
|
args: [{
|
|
5268
5268
|
declarations: [EvoPaginatorComponent],
|
|
5269
5269
|
imports: [
|
|
5270
|
-
|
|
5270
|
+
i2.CommonModule,
|
|
5271
5271
|
EvoUiKitModule,
|
|
5272
5272
|
],
|
|
5273
5273
|
exports: [EvoPaginatorComponent]
|
|
@@ -5309,15 +5309,15 @@
|
|
|
5309
5309
|
return EvoPlusMinusModule;
|
|
5310
5310
|
}());
|
|
5311
5311
|
EvoPlusMinusModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPlusMinusModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
5312
|
-
EvoPlusMinusModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPlusMinusModule, declarations: [EvoPlusMinusComponent], imports: [
|
|
5312
|
+
EvoPlusMinusModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPlusMinusModule, declarations: [EvoPlusMinusComponent], imports: [i2.CommonModule], exports: [EvoPlusMinusComponent] });
|
|
5313
5313
|
EvoPlusMinusModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPlusMinusModule, imports: [[
|
|
5314
|
-
|
|
5314
|
+
i2.CommonModule
|
|
5315
5315
|
]] });
|
|
5316
5316
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPlusMinusModule, decorators: [{
|
|
5317
5317
|
type: i0.NgModule,
|
|
5318
5318
|
args: [{
|
|
5319
5319
|
imports: [
|
|
5320
|
-
|
|
5320
|
+
i2.CommonModule
|
|
5321
5321
|
],
|
|
5322
5322
|
declarations: [EvoPlusMinusComponent],
|
|
5323
5323
|
exports: [EvoPlusMinusComponent],
|
|
@@ -5514,17 +5514,17 @@
|
|
|
5514
5514
|
return EvoPopoverModule;
|
|
5515
5515
|
}());
|
|
5516
5516
|
EvoPopoverModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPopoverModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
5517
|
-
EvoPopoverModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPopoverModule, declarations: [EvoPopoverComponent], imports: [
|
|
5517
|
+
EvoPopoverModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPopoverModule, declarations: [EvoPopoverComponent], imports: [i2.CommonModule,
|
|
5518
5518
|
EvoUiKitModule], exports: [EvoPopoverComponent] });
|
|
5519
5519
|
EvoPopoverModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPopoverModule, imports: [[
|
|
5520
|
-
|
|
5520
|
+
i2.CommonModule,
|
|
5521
5521
|
EvoUiKitModule,
|
|
5522
5522
|
]] });
|
|
5523
5523
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPopoverModule, decorators: [{
|
|
5524
5524
|
type: i0.NgModule,
|
|
5525
5525
|
args: [{
|
|
5526
5526
|
imports: [
|
|
5527
|
-
|
|
5527
|
+
i2.CommonModule,
|
|
5528
5528
|
EvoUiKitModule,
|
|
5529
5529
|
],
|
|
5530
5530
|
declarations: [EvoPopoverComponent],
|
|
@@ -5658,17 +5658,17 @@
|
|
|
5658
5658
|
return EvoPortalModule;
|
|
5659
5659
|
}());
|
|
5660
5660
|
EvoPortalModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPortalModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
5661
|
-
EvoPortalModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPortalModule, declarations: [EvoPortalOutletDirective], imports: [
|
|
5661
|
+
EvoPortalModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPortalModule, declarations: [EvoPortalOutletDirective], imports: [i2.CommonModule], exports: [EvoPortalOutletDirective] });
|
|
5662
5662
|
EvoPortalModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPortalModule, providers: [
|
|
5663
5663
|
EvoPortalService,
|
|
5664
5664
|
], imports: [[
|
|
5665
|
-
|
|
5665
|
+
i2.CommonModule
|
|
5666
5666
|
]] });
|
|
5667
5667
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoPortalModule, decorators: [{
|
|
5668
5668
|
type: i0.NgModule,
|
|
5669
5669
|
args: [{
|
|
5670
5670
|
imports: [
|
|
5671
|
-
|
|
5671
|
+
i2.CommonModule
|
|
5672
5672
|
],
|
|
5673
5673
|
providers: [
|
|
5674
5674
|
EvoPortalService,
|
|
@@ -5716,7 +5716,7 @@
|
|
|
5716
5716
|
EvoRadioComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
5717
5717
|
EvoRadioComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoRadioComponent, selector: "evo-radio", inputs: { value: "value", name: "name" }, providers: [
|
|
5718
5718
|
{
|
|
5719
|
-
provide: i1
|
|
5719
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
5720
5720
|
useExisting: i0.forwardRef(function () { return EvoRadioComponent; }),
|
|
5721
5721
|
multi: true,
|
|
5722
5722
|
},
|
|
@@ -5729,7 +5729,7 @@
|
|
|
5729
5729
|
styleUrls: ['./evo-radio.component.scss'],
|
|
5730
5730
|
providers: [
|
|
5731
5731
|
{
|
|
5732
|
-
provide: i1
|
|
5732
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
5733
5733
|
useExisting: i0.forwardRef(function () { return EvoRadioComponent; }),
|
|
5734
5734
|
multi: true,
|
|
5735
5735
|
},
|
|
@@ -5747,18 +5747,18 @@
|
|
|
5747
5747
|
return EvoRadioModule;
|
|
5748
5748
|
}());
|
|
5749
5749
|
EvoRadioModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
5750
|
-
EvoRadioModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioModule, declarations: [EvoRadioComponent], imports: [
|
|
5751
|
-
i1
|
|
5750
|
+
EvoRadioModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioModule, declarations: [EvoRadioComponent], imports: [i2.CommonModule,
|
|
5751
|
+
i1.FormsModule], exports: [EvoRadioComponent] });
|
|
5752
5752
|
EvoRadioModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioModule, imports: [[
|
|
5753
|
-
|
|
5754
|
-
i1
|
|
5753
|
+
i2.CommonModule,
|
|
5754
|
+
i1.FormsModule,
|
|
5755
5755
|
]] });
|
|
5756
5756
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioModule, decorators: [{
|
|
5757
5757
|
type: i0.NgModule,
|
|
5758
5758
|
args: [{
|
|
5759
5759
|
imports: [
|
|
5760
|
-
|
|
5761
|
-
i1
|
|
5760
|
+
i2.CommonModule,
|
|
5761
|
+
i1.FormsModule,
|
|
5762
5762
|
],
|
|
5763
5763
|
declarations: [EvoRadioComponent],
|
|
5764
5764
|
exports: [EvoRadioComponent],
|
|
@@ -5867,14 +5867,14 @@
|
|
|
5867
5867
|
};
|
|
5868
5868
|
return EvoRadioGroupComponent;
|
|
5869
5869
|
}(EvoBaseControl));
|
|
5870
|
-
EvoRadioGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioGroupComponent, deps: [{ token: i1__namespace$
|
|
5870
|
+
EvoRadioGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioGroupComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
5871
5871
|
EvoRadioGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoRadioGroupComponent, selector: "evo-radio-group", inputs: { options: "options", _value: ["value", "_value"], theme: "theme", direction: "direction" }, providers: [
|
|
5872
5872
|
{
|
|
5873
|
-
provide: i1
|
|
5873
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
5874
5874
|
useExisting: i0.forwardRef(function () { return EvoRadioGroupComponent; }),
|
|
5875
5875
|
multi: true,
|
|
5876
5876
|
},
|
|
5877
|
-
], usesInheritance: true, ngImport: i0__namespace, 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__namespace$
|
|
5877
|
+
], usesInheritance: true, ngImport: i0__namespace, 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__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }] });
|
|
5878
5878
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioGroupComponent, decorators: [{
|
|
5879
5879
|
type: i0.Component,
|
|
5880
5880
|
args: [{
|
|
@@ -5883,13 +5883,13 @@
|
|
|
5883
5883
|
styleUrls: ['./evo-radio-group.component.scss'],
|
|
5884
5884
|
providers: [
|
|
5885
5885
|
{
|
|
5886
|
-
provide: i1
|
|
5886
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
5887
5887
|
useExisting: i0.forwardRef(function () { return EvoRadioGroupComponent; }),
|
|
5888
5888
|
multi: true,
|
|
5889
5889
|
},
|
|
5890
5890
|
],
|
|
5891
5891
|
}]
|
|
5892
|
-
}], ctorParameters: function () { return [{ type: i1__namespace$
|
|
5892
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Injector }]; }, propDecorators: { options: [{
|
|
5893
5893
|
type: i0.Input
|
|
5894
5894
|
}], _value: [{
|
|
5895
5895
|
type: i0.Input,
|
|
@@ -5906,23 +5906,23 @@
|
|
|
5906
5906
|
return EvoRadioGroupModule;
|
|
5907
5907
|
}());
|
|
5908
5908
|
EvoRadioGroupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioGroupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
5909
|
-
EvoRadioGroupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioGroupModule, declarations: [EvoRadioGroupComponent], imports: [
|
|
5910
|
-
i1
|
|
5911
|
-
i1
|
|
5909
|
+
EvoRadioGroupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioGroupModule, declarations: [EvoRadioGroupComponent], imports: [i2.CommonModule,
|
|
5910
|
+
i1.FormsModule,
|
|
5911
|
+
i1.ReactiveFormsModule,
|
|
5912
5912
|
EvoUiKitModule], exports: [EvoRadioGroupComponent] });
|
|
5913
5913
|
EvoRadioGroupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioGroupModule, imports: [[
|
|
5914
|
-
|
|
5915
|
-
i1
|
|
5916
|
-
i1
|
|
5914
|
+
i2.CommonModule,
|
|
5915
|
+
i1.FormsModule,
|
|
5916
|
+
i1.ReactiveFormsModule,
|
|
5917
5917
|
EvoUiKitModule,
|
|
5918
5918
|
]] });
|
|
5919
5919
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioGroupModule, decorators: [{
|
|
5920
5920
|
type: i0.NgModule,
|
|
5921
5921
|
args: [{
|
|
5922
5922
|
imports: [
|
|
5923
|
-
|
|
5924
|
-
i1
|
|
5925
|
-
i1
|
|
5923
|
+
i2.CommonModule,
|
|
5924
|
+
i1.FormsModule,
|
|
5925
|
+
i1.ReactiveFormsModule,
|
|
5926
5926
|
EvoUiKitModule,
|
|
5927
5927
|
],
|
|
5928
5928
|
declarations: [EvoRadioGroupComponent],
|
|
@@ -5965,11 +5965,11 @@
|
|
|
5965
5965
|
EvoRadioshapeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioshapeComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
5966
5966
|
EvoRadioshapeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoRadioshapeComponent, selector: "evo-radioshape", inputs: { forceChecked: "forceChecked", value: "value", name: "name" }, providers: [
|
|
5967
5967
|
{
|
|
5968
|
-
provide: i1
|
|
5968
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
5969
5969
|
useExisting: i0.forwardRef(function () { return EvoRadioshapeComponent; }),
|
|
5970
5970
|
multi: true,
|
|
5971
5971
|
},
|
|
5972
|
-
], usesInheritance: true, ngImport: i0__namespace, 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:
|
|
5972
|
+
], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"evo-radioshape\" [ngClass]=\"{'evo-radioshape_checked': checked, 'evo-radioshape_disabled': disabled}\">\n <label class=\"evo-radioshape__label\" *ngIf=\"value || forceChecked\">\n <input class=\"evo-radioshape__input\"\n type=\"radio\"\n (change)=\"handleOnChange()\"\n [name]=\"name\"\n [value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\">\n <span class=\"evo-radioshape__control\"></span>\n </label>\n <div class=\"evo-radioshape__content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".evo-radioshape{display:flex;align-items:center;width:100%;padding:24px;background-color:#f4f6f8;border-radius:8px;transition:background-color .2s,box-shadow .2s,opacity .2s}.evo-radioshape_checked{background-color:#fff;box-shadow:inset 0 0 0 2px #21c68b}.evo-radioshape_disabled{opacity:.5}.evo-radioshape__label{display:table;flex-shrink:0;margin:0 16px 0 0;border-radius:50%}.evo-radioshape__content{flex:1}.evo-radioshape__control{position:relative;display:block;width:20px;height:20px;padding:4px;background-color:#fff;border:2px solid #C6C6C6;border-radius:50%;cursor:pointer}.evo-radioshape__control:before{position:absolute;top:50%;left:50%;display:none;box-sizing:border-box;width:10px;height:10px;margin-top:-5px;margin-left:-5px;background-color:#0986e2;border-radius:50%;content:\"\"}.evo-radioshape__input{display:none}.evo-radioshape__input[disabled]~.evo-radioshape__control{background-color:#f4f6f8;cursor:not-allowed}.evo-radioshape__input:checked[disabled]~.evo-radioshape__control{background-color:#fff}.evo-radioshape__input:checked[disabled]~.evo-radioshape__control:before{background-color:#c6c6c6}.evo-radioshape__input:checked~.evo-radioshape__control:before{display:block}\n"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5973
5973
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioshapeComponent, decorators: [{
|
|
5974
5974
|
type: i0.Component,
|
|
5975
5975
|
args: [{
|
|
@@ -5978,7 +5978,7 @@
|
|
|
5978
5978
|
styleUrls: ['evo-radioshape.component.scss'],
|
|
5979
5979
|
providers: [
|
|
5980
5980
|
{
|
|
5981
|
-
provide: i1
|
|
5981
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
5982
5982
|
useExisting: i0.forwardRef(function () { return EvoRadioshapeComponent; }),
|
|
5983
5983
|
multi: true,
|
|
5984
5984
|
},
|
|
@@ -5998,21 +5998,21 @@
|
|
|
5998
5998
|
return EvoRadioshapeModule;
|
|
5999
5999
|
}());
|
|
6000
6000
|
EvoRadioshapeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioshapeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
6001
|
-
EvoRadioshapeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioshapeModule, declarations: [EvoRadioshapeComponent], imports: [
|
|
6002
|
-
i1
|
|
6003
|
-
i1
|
|
6001
|
+
EvoRadioshapeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioshapeModule, declarations: [EvoRadioshapeComponent], imports: [i2.CommonModule,
|
|
6002
|
+
i1.FormsModule,
|
|
6003
|
+
i1.ReactiveFormsModule], exports: [EvoRadioshapeComponent] });
|
|
6004
6004
|
EvoRadioshapeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioshapeModule, imports: [[
|
|
6005
|
-
|
|
6006
|
-
i1
|
|
6007
|
-
i1
|
|
6005
|
+
i2.CommonModule,
|
|
6006
|
+
i1.FormsModule,
|
|
6007
|
+
i1.ReactiveFormsModule,
|
|
6008
6008
|
]] });
|
|
6009
6009
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoRadioshapeModule, decorators: [{
|
|
6010
6010
|
type: i0.NgModule,
|
|
6011
6011
|
args: [{
|
|
6012
6012
|
imports: [
|
|
6013
|
-
|
|
6014
|
-
i1
|
|
6015
|
-
i1
|
|
6013
|
+
i2.CommonModule,
|
|
6014
|
+
i1.FormsModule,
|
|
6015
|
+
i1.ReactiveFormsModule,
|
|
6016
6016
|
],
|
|
6017
6017
|
declarations: [
|
|
6018
6018
|
EvoRadioshapeComponent,
|
|
@@ -6033,7 +6033,7 @@
|
|
|
6033
6033
|
return EvoSegmentedBarComponent;
|
|
6034
6034
|
}());
|
|
6035
6035
|
EvoSegmentedBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
6036
|
-
EvoSegmentedBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoSegmentedBarComponent, selector: "evo-segmented-bar", inputs: { label: "label", labelShort: "labelShort" }, ngImport: i0__namespace, 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:
|
|
6036
|
+
EvoSegmentedBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoSegmentedBarComponent, selector: "evo-segmented-bar", inputs: { label: "label", labelShort: "labelShort" }, ngImport: i0__namespace, template: "<div class=\"bar\">\n <div class=\"bar__label\"\n *ngIf=\"label\"\n [ngClass]=\"{bar__label_normal: labelShort}\"\n >\n {{ label }}\n </div>\n\n <div class=\"bar__label bar__label_short\"\n *ngIf=\"labelShort\"\n >\n {{ labelShort }}\n </div>\n\n <div class=\"bar__buttons-wrapper\">\n <div class=\"bar__buttons\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".bar{position:relative;display:flex;flex-direction:row}.bar__label{margin-right:20px;color:#212121;line-height:30px}.bar__label_short{display:block}.bar__label_normal{display:none}.bar__buttons{display:flex;flex-direction:row;flex-wrap:nowrap}@media (min-width: 1200px){.bar__label_normal{display:block}.bar__label_short{display:none}}@media (max-width: 768px){.bar{flex-direction:column}.bar__label{display:none}.bar__buttons{padding-bottom:28px;overflow:auto}.bar__buttons-wrapper{display:block;height:30px;overflow:hidden}}\n"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
6037
6037
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarComponent, decorators: [{
|
|
6038
6038
|
type: i0.Component,
|
|
6039
6039
|
args: [{
|
|
@@ -6107,7 +6107,7 @@
|
|
|
6107
6107
|
EvoSegmentedBarButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarButtonComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
6108
6108
|
EvoSegmentedBarButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoSegmentedBarButtonComponent, selector: "evo-segmented-bar-button", inputs: { name: "name", value: "value", color: "color", disabled: "disabled" }, providers: [
|
|
6109
6109
|
{
|
|
6110
|
-
provide: i1
|
|
6110
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
6111
6111
|
useExisting: i0.forwardRef(function () { return EvoSegmentedBarButtonComponent; }),
|
|
6112
6112
|
multi: true,
|
|
6113
6113
|
},
|
|
@@ -6120,7 +6120,7 @@
|
|
|
6120
6120
|
styleUrls: ['./evo-segmented-bar-button.component.scss'],
|
|
6121
6121
|
providers: [
|
|
6122
6122
|
{
|
|
6123
|
-
provide: i1
|
|
6123
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
6124
6124
|
useExisting: i0.forwardRef(function () { return EvoSegmentedBarButtonComponent; }),
|
|
6125
6125
|
multi: true,
|
|
6126
6126
|
},
|
|
@@ -6145,12 +6145,12 @@
|
|
|
6145
6145
|
return EvoSegmentedBarModule;
|
|
6146
6146
|
}());
|
|
6147
6147
|
EvoSegmentedBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
6148
|
-
EvoSegmentedBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarModule, declarations: [EvoSegmentedBarComponent, EvoSegmentedBarButtonComponent], imports: [
|
|
6149
|
-
EvoSegmentedBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarModule, imports: [[
|
|
6148
|
+
EvoSegmentedBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarModule, declarations: [EvoSegmentedBarComponent, EvoSegmentedBarButtonComponent], imports: [i2.CommonModule, i1.FormsModule, EvoUiKitModule], exports: [EvoSegmentedBarComponent, EvoSegmentedBarButtonComponent] });
|
|
6149
|
+
EvoSegmentedBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarModule, imports: [[i2.CommonModule, i1.FormsModule, EvoUiKitModule]] });
|
|
6150
6150
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSegmentedBarModule, decorators: [{
|
|
6151
6151
|
type: i0.NgModule,
|
|
6152
6152
|
args: [{
|
|
6153
|
-
imports: [
|
|
6153
|
+
imports: [i2.CommonModule, i1.FormsModule, EvoUiKitModule],
|
|
6154
6154
|
declarations: [EvoSegmentedBarComponent, EvoSegmentedBarButtonComponent],
|
|
6155
6155
|
exports: [EvoSegmentedBarComponent, EvoSegmentedBarButtonComponent],
|
|
6156
6156
|
}]
|
|
@@ -6252,11 +6252,11 @@
|
|
|
6252
6252
|
EvoSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSelectComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
6253
6253
|
EvoSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoSelectComponent, selector: "evo-select", inputs: { style: "style", label: "label", theme: "theme" }, providers: [
|
|
6254
6254
|
{
|
|
6255
|
-
provide: i1
|
|
6255
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
6256
6256
|
useExisting: i0.forwardRef(function () { return EvoSelectComponent; }),
|
|
6257
6257
|
multi: true,
|
|
6258
6258
|
},
|
|
6259
|
-
], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, 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;-webkit-appearance:none;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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-select__field_input:hover{border:1px solid #9B9B9B}.evo-select__field_input{display:inline-block}.evo-select__field_valid{border-color:#21c68b}.evo-select__field_invalid{border-color:#ff1817}.evo-select__field_disabled{color:#9b9b9b;background:#F4F6F8}.evo-select__field_inline{font-weight:600;background:transparent}.evo-select__field_inline.evo-select__field_disabled{background:transparent}.evo-select_simple .evo-select__field_input{height:auto;padding:0 30px 0 0;font-weight:600;line-height:1;background:transparent;border:none}.evo-select_simple .evo-select_input{height:auto}.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__namespace$
|
|
6259
|
+
], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, 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;-webkit-appearance:none;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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-select__field_input:hover{border:1px solid #9B9B9B}.evo-select__field_input{display:inline-block}.evo-select__field_valid{border-color:#21c68b}.evo-select__field_invalid{border-color:#ff1817}.evo-select__field_disabled{color:#9b9b9b;background:#F4F6F8}.evo-select__field_inline{font-weight:600;background:transparent}.evo-select__field_inline.evo-select__field_disabled{background:transparent}.evo-select_simple .evo-select__field_input{height:auto;padding:0 30px 0 0;font-weight:600;line-height:1;background:transparent;border:none}.evo-select_simple .evo-select_input{height:auto}.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__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6260
6260
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSelectComponent, decorators: [{
|
|
6261
6261
|
type: i0.Component,
|
|
6262
6262
|
args: [{
|
|
@@ -6265,7 +6265,7 @@
|
|
|
6265
6265
|
styleUrls: ['./evo-select.component.scss'],
|
|
6266
6266
|
providers: [
|
|
6267
6267
|
{
|
|
6268
|
-
provide: i1
|
|
6268
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
6269
6269
|
useExisting: i0.forwardRef(function () { return EvoSelectComponent; }),
|
|
6270
6270
|
multi: true,
|
|
6271
6271
|
},
|
|
@@ -6288,13 +6288,13 @@
|
|
|
6288
6288
|
return EvoSelectModule;
|
|
6289
6289
|
}());
|
|
6290
6290
|
EvoSelectModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSelectModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
6291
|
-
EvoSelectModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSelectModule, declarations: [EvoSelectComponent], imports: [
|
|
6292
|
-
i1
|
|
6291
|
+
EvoSelectModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSelectModule, declarations: [EvoSelectComponent], imports: [i2.CommonModule,
|
|
6292
|
+
i1.FormsModule,
|
|
6293
6293
|
EvoUiKitModule,
|
|
6294
6294
|
EvoControlErrorModule], exports: [EvoSelectComponent] });
|
|
6295
6295
|
EvoSelectModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSelectModule, imports: [[
|
|
6296
|
-
|
|
6297
|
-
i1
|
|
6296
|
+
i2.CommonModule,
|
|
6297
|
+
i1.FormsModule,
|
|
6298
6298
|
EvoUiKitModule,
|
|
6299
6299
|
EvoControlErrorModule,
|
|
6300
6300
|
]] });
|
|
@@ -6302,8 +6302,8 @@
|
|
|
6302
6302
|
type: i0.NgModule,
|
|
6303
6303
|
args: [{
|
|
6304
6304
|
imports: [
|
|
6305
|
-
|
|
6306
|
-
i1
|
|
6305
|
+
i2.CommonModule,
|
|
6306
|
+
i1.FormsModule,
|
|
6307
6307
|
EvoUiKitModule,
|
|
6308
6308
|
EvoControlErrorModule,
|
|
6309
6309
|
],
|
|
@@ -6471,7 +6471,7 @@
|
|
|
6471
6471
|
return EvoSidebarHeaderComponent;
|
|
6472
6472
|
}());
|
|
6473
6473
|
EvoSidebarHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSidebarHeaderComponent, deps: [{ token: SidebarInjectionToken }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
6474
|
-
EvoSidebarHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoSidebarHeaderComponent, selector: "evo-sidebar-header, [evo-sidebar-header]", inputs: { backButton: "backButton" }, outputs: { back: "back" }, host: { classAttribute: "evo-sidebar__header" }, ngImport: i0__namespace, 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:
|
|
6474
|
+
EvoSidebarHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoSidebarHeaderComponent, selector: "evo-sidebar-header, [evo-sidebar-header]", inputs: { backButton: "backButton" }, outputs: { back: "back" }, host: { classAttribute: "evo-sidebar__header" }, ngImport: i0__namespace, template: "<div class=\"evo-sidebar__back\"\n *ngIf=\"backButton\"\n (click)=\"handleBackClick()\">\n <evo-icon class=\"evo-sidebar__icon\" shape=\"chevron-left\"></evo-icon>\n</div>\n\n<div class=\"evo-sidebar__title\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"evo-sidebar__close\" (click)=\"closeSidebar()\">\n <evo-icon class=\"evo-sidebar__icon\" shape=\"close\"></evo-icon>\n</div>\n\n", styles: [":host{display:flex;flex-shrink:0;align-items:flex-start;margin:0 15px;padding:16px 0;border-bottom:solid 1px #C6C6C6}@media (min-width: 768px){:host{padding-top:32px;padding-bottom:16px}}@media (min-width: 992px){:host{margin:0 32px}}.evo-sidebar__title{flex:1;color:#212121;font-weight:700;font-size:24px;font-family:var(--evo-font-secondary);line-height:32px}@media (min-width: 768px){.evo-sidebar__title{font-size:30px;line-height:38px}}.evo-sidebar__close{flex-shrink:0;margin-left:8px;padding:0;color:#231f20;cursor:pointer;transition:opacity .3s}.evo-sidebar__close:hover{opacity:.8}.evo-sidebar__icon{display:block;width:32px;height:32px;vertical-align:bottom;fill:#91b1b8}@media (min-width: 768px){.evo-sidebar__icon{width:36px;height:36px}}.evo-sidebar__back{flex-shrink:0;margin-right:8px;color:#231f20;cursor:pointer;-webkit-user-select:none;user-select:none}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6475
6475
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSidebarHeaderComponent, decorators: [{
|
|
6476
6476
|
type: i0.Component,
|
|
6477
6477
|
args: [{
|
|
@@ -6693,8 +6693,8 @@
|
|
|
6693
6693
|
};
|
|
6694
6694
|
return EvoSidebarComponent;
|
|
6695
6695
|
}());
|
|
6696
|
-
EvoSidebarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSidebarComponent, deps: [{ token: i0__namespace.NgZone }, { token:
|
|
6697
|
-
EvoSidebarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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: i0.ViewContainerRef }], ngImport: i0__namespace, 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;top:0;right:0;bottom:0;left: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:
|
|
6696
|
+
EvoSidebarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSidebarComponent, deps: [{ token: i0__namespace.NgZone }, { token: i2__namespace.Location }, { token: i0__namespace.ComponentFactoryResolver }, { token: EvoSidebarService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
6697
|
+
EvoSidebarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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: i0.ViewContainerRef }], ngImport: i0__namespace, 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;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000;opacity:.3}\n"], components: [{ type: EvoSidebarHeaderComponent, selector: "evo-sidebar-header, [evo-sidebar-header]", inputs: ["backButton"], outputs: ["back"] }, { type: EvoSidebarContentComponent, selector: "evo-sidebar-content, [evo-sidebar-content]", inputs: ["relativeFooter"] }, { type: EvoSidebarFooterComponent, selector: "evo-sidebar-footer, [evo-sidebar-footer]" }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], viewProviders: [{
|
|
6698
6698
|
provide: SidebarInjectionToken, useExisting: i0.forwardRef(function () { return EvoSidebarComponent; }),
|
|
6699
6699
|
}], animations: [sidebarAnimation] });
|
|
6700
6700
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSidebarComponent, decorators: [{
|
|
@@ -6708,7 +6708,7 @@
|
|
|
6708
6708
|
provide: SidebarInjectionToken, useExisting: i0.forwardRef(function () { return EvoSidebarComponent; }),
|
|
6709
6709
|
}]
|
|
6710
6710
|
}]
|
|
6711
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.NgZone }, { type:
|
|
6711
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.NgZone }, { type: i2__namespace.Location }, { type: i0__namespace.ComponentFactoryResolver }, { type: EvoSidebarService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { contentContainer: [{
|
|
6712
6712
|
type: i0.ViewChild,
|
|
6713
6713
|
args: ['sidebarContentContainer', { read: i0.ViewContainerRef }]
|
|
6714
6714
|
}], backButton: [{
|
|
@@ -6784,13 +6784,13 @@
|
|
|
6784
6784
|
EvoSidebarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSidebarModule, declarations: [EvoSidebarComponent,
|
|
6785
6785
|
EvoSidebarHeaderComponent,
|
|
6786
6786
|
EvoSidebarContentComponent,
|
|
6787
|
-
EvoSidebarFooterComponent], imports: [
|
|
6787
|
+
EvoSidebarFooterComponent], imports: [i2.CommonModule,
|
|
6788
6788
|
EvoUiKitModule, EvoIconModule], exports: [EvoSidebarComponent,
|
|
6789
6789
|
EvoSidebarHeaderComponent,
|
|
6790
6790
|
EvoSidebarContentComponent,
|
|
6791
6791
|
EvoSidebarFooterComponent] });
|
|
6792
6792
|
EvoSidebarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSidebarModule, providers: [portalProvider, EvoSidebarService], imports: [[
|
|
6793
|
-
|
|
6793
|
+
i2.CommonModule,
|
|
6794
6794
|
EvoUiKitModule,
|
|
6795
6795
|
EvoIconModule.forRoot([
|
|
6796
6796
|
{
|
|
@@ -6806,7 +6806,7 @@
|
|
|
6806
6806
|
type: i0.NgModule,
|
|
6807
6807
|
args: [{
|
|
6808
6808
|
imports: [
|
|
6809
|
-
|
|
6809
|
+
i2.CommonModule,
|
|
6810
6810
|
EvoUiKitModule,
|
|
6811
6811
|
EvoIconModule.forRoot([
|
|
6812
6812
|
{
|
|
@@ -6860,7 +6860,7 @@
|
|
|
6860
6860
|
return EvoStepperItemComponent;
|
|
6861
6861
|
}());
|
|
6862
6862
|
EvoStepperItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperItemComponent, deps: [{ token: EvoStepperEvents, host: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
6863
|
-
EvoStepperItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoStepperItemComponent, selector: "evo-stepper-item", inputs: { label: "label" }, queries: [{ propertyName: "contentTemp", first: true, predicate: i0.TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0__namespace, 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:
|
|
6863
|
+
EvoStepperItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoStepperItemComponent, selector: "evo-stepper-item", inputs: { label: "label" }, queries: [{ propertyName: "contentTemp", first: true, predicate: i0.TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"evo-stepper-content\" *ngIf=\"isSelected\">\n <ng-container *ngIf=\"contentTemp\">\n <ng-container *ngTemplateOutlet=\"contentTemp\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!contentTemp\">\n <ng-content></ng-content>\n </ng-container>\n</div>", styles: [""], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
6864
6864
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperItemComponent, decorators: [{
|
|
6865
6865
|
type: i0.Component,
|
|
6866
6866
|
args: [{
|
|
@@ -6924,7 +6924,7 @@
|
|
|
6924
6924
|
EvoStepperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: EvoStepperEvents }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
6925
6925
|
EvoStepperComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoStepperComponent, selector: "evo-stepper", inputs: { currentStepIndex: "currentStepIndex", clickableItems: "clickableItems" }, outputs: { onChange: "onChange", clickItem: "clickItem" }, providers: [
|
|
6926
6926
|
EvoStepperEvents,
|
|
6927
|
-
], queries: [{ propertyName: "stepComponentsList", predicate: EvoStepperItemComponent }], usesOnChanges: true, ngImport: i0__namespace, 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{border:2px solid #21C68B}.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:
|
|
6927
|
+
], queries: [{ propertyName: "stepComponentsList", predicate: EvoStepperItemComponent }], usesOnChanges: true, ngImport: i0__namespace, 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{border:2px solid #21C68B}.evo-stepper__item_completed .evo-stepper__item-point{border:2px solid #21C68B}.evo-stepper__item_completed .evo-stepper__item-point:before{display:none}.evo-stepper__item-point{width:16px;height:16px;background-color:transparent;border:2px solid #91B1B8}.evo-stepper__item-name,.evo-stepper__item-number{display:none}}\n"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], pipes: { "async": i2__namespace.AsyncPipe } });
|
|
6928
6928
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperComponent, decorators: [{
|
|
6929
6929
|
type: i0.Component,
|
|
6930
6930
|
args: [{
|
|
@@ -6954,17 +6954,17 @@
|
|
|
6954
6954
|
return EvoStepperModule;
|
|
6955
6955
|
}());
|
|
6956
6956
|
EvoStepperModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
6957
|
-
EvoStepperModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperModule, declarations: [EvoStepperComponent, EvoStepperItemComponent], imports: [
|
|
6957
|
+
EvoStepperModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperModule, declarations: [EvoStepperComponent, EvoStepperItemComponent], imports: [i2.CommonModule,
|
|
6958
6958
|
EvoUiKitModule], exports: [EvoStepperComponent, EvoStepperItemComponent] });
|
|
6959
6959
|
EvoStepperModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperModule, imports: [[
|
|
6960
|
-
|
|
6960
|
+
i2.CommonModule,
|
|
6961
6961
|
EvoUiKitModule,
|
|
6962
6962
|
]] });
|
|
6963
6963
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoStepperModule, decorators: [{
|
|
6964
6964
|
type: i0.NgModule,
|
|
6965
6965
|
args: [{
|
|
6966
6966
|
imports: [
|
|
6967
|
-
|
|
6967
|
+
i2.CommonModule,
|
|
6968
6968
|
EvoUiKitModule,
|
|
6969
6969
|
],
|
|
6970
6970
|
declarations: [EvoStepperComponent, EvoStepperItemComponent],
|
|
@@ -7099,8 +7099,8 @@
|
|
|
7099
7099
|
};
|
|
7100
7100
|
return EvoSubmenuComponent;
|
|
7101
7101
|
}());
|
|
7102
|
-
EvoSubmenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuComponent, deps: [{ token: i0__namespace.ElementRef }, { token: WINDOW }, { token:
|
|
7103
|
-
EvoSubmenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, 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:
|
|
7102
|
+
EvoSubmenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuComponent, deps: [{ token: i0__namespace.ElementRef }, { token: WINDOW }, { token: i2.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7103
|
+
EvoSubmenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, template: "<section class=\"evo-submenu\">\n <div class=\"evo-submenu__wrapper\" [evoUiClass]=\"{affix: isFloated, 'has-offset-left': offsetLeft}\">\n <div #container class=\"container evo-submenu__container\">\n <ul class=\"evo-submenu__list\">\n <ng-container *ngIf=\"menuType === evoSubmenuType.scroll\">\n <li *ngFor=\"let item of items; let index = index;\"\n class=\"evo-submenu__item\"\n [evoUiClass]=\"{active: index === activeItemIndex}\"\n role=\"presentation\">\n <a class=\"evo-submenu__link\"\n [pageScrollDuration]=\"200\"\n [pageScrollOffset]=\"item.scrollOffset || 0\"\n pageScroll\n href=\"#{{ item.href }}\">{{ item.title }}</a>\n </li>\n </ng-container>\n <ng-container *ngIf=\"menuType === evoSubmenuType.router || menuType === evoSubmenuType.outer\">\n <li *ngFor=\"let item of items; let index = index;\"\n class=\"evo-submenu__item\"\n routerLinkActive=\"evo-submenu__item_active\"\n [ngClass]=\"{'evo-submenu__item_active': item.isActive}\"\n role=\"presentation\">\n <ng-container *ngIf=\"item.type === evoSubmenuType.router || (! item.type && menuType === evoSubmenuType.router)\">\n <a class=\"evo-submenu__link\"\n [routerLink]=\"[item.href]\">{{ item.title }}</a>\n </ng-container>\n <ng-container *ngIf=\"item.type === evoSubmenuType.outer || (! item.type && menuType === evoSubmenuType.outer)\">\n <a class=\"evo-submenu__link\"\n href=\"{{ item.href }}\"\n [target]=\"item.target || '_self'\"\n >{{ item.title }}</a>\n </ng-container>\n </li>\n </ng-container>\n </ul>\n </div>\n </div>\n</section>\n", styles: [".evo-submenu{height:60px;margin-top:38px}.evo-submenu__wrapper{height:60px;overflow:hidden;background-color:#fff;border-bottom:solid 1px #C6C6C6}.evo-submenu__wrapper_affix{position:fixed;top:80px;right:0;left:0;z-index:110;box-shadow:0 1px 10px #0003,0 4px 5px #0000001f,0 2px 4px #00000024}.evo-submenu__container{padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.evo-submenu__button{display:none}@media (min-width: 992px){.evo-submenu__button{display:block;float:right;margin-top:12px}}.evo-submenu__list{display:flex;float:left;margin:0;padding:0;list-style:none}.evo-submenu__item_active .evo-submenu__link{color:#f05023}.evo-submenu__item_active .evo-submenu__link:before{position:absolute;right:15px;bottom:0;left:15px;height:3px;background-color:#f05023;content:\"\"}.evo-submenu__link,.evo-submenu__link:hover,.evo-submenu__link:focus{position:relative;display:flex;align-items:center;height:60px;padding:20px 15px;color:#212121;font-size:14px;font-family:var(--evo-font-secondary);white-space:nowrap;text-transform:uppercase;text-decoration:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace$1.NgxPageScrollDirective, selector: "[pageScroll]", inputs: ["pageScrollAdjustHash", "routerLink", "href", "fragment", "pageScrollTarget", "pageScrollHorizontal", "pageScrollOffset", "pageScrollDuration", "pageScrollSpeed", "pageScrollEasing", "pageScrollInterruptible", "pageScrollInView", "pageScroll"], outputs: ["pageScrollFinish"] }, { type: i3__namespace$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
|
|
7104
7104
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuComponent, decorators: [{
|
|
7105
7105
|
type: i0.Component,
|
|
7106
7106
|
args: [{
|
|
@@ -7114,7 +7114,7 @@
|
|
|
7114
7114
|
args: [WINDOW]
|
|
7115
7115
|
}] }, { type: undefined, decorators: [{
|
|
7116
7116
|
type: i0.Inject,
|
|
7117
|
-
args: [
|
|
7117
|
+
args: [i2.DOCUMENT]
|
|
7118
7118
|
}] }];
|
|
7119
7119
|
}, propDecorators: { menuType: [{
|
|
7120
7120
|
type: i0.Input
|
|
@@ -7142,12 +7142,12 @@
|
|
|
7142
7142
|
return EvoSubmenuModule;
|
|
7143
7143
|
}());
|
|
7144
7144
|
EvoSubmenuModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
7145
|
-
EvoSubmenuModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuModule, declarations: [EvoSubmenuComponent], imports: [
|
|
7146
|
-
EvoSubmenuModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuModule, providers: __spreadArray([], __read(WINDOW_PROVIDERS)), imports: [[
|
|
7145
|
+
EvoSubmenuModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuModule, declarations: [EvoSubmenuComponent], imports: [i2.CommonModule, i3$2.RouterModule, EvoUiKitModule, i3$1.NgxPageScrollModule], exports: [EvoSubmenuComponent] });
|
|
7146
|
+
EvoSubmenuModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuModule, providers: __spreadArray([], __read(WINDOW_PROVIDERS)), imports: [[i2.CommonModule, i3$2.RouterModule, EvoUiKitModule, i3$1.NgxPageScrollModule]] });
|
|
7147
7147
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSubmenuModule, decorators: [{
|
|
7148
7148
|
type: i0.NgModule,
|
|
7149
7149
|
args: [{
|
|
7150
|
-
imports: [
|
|
7150
|
+
imports: [i2.CommonModule, i3$2.RouterModule, EvoUiKitModule, i3$1.NgxPageScrollModule],
|
|
7151
7151
|
declarations: [EvoSubmenuComponent],
|
|
7152
7152
|
exports: [EvoSubmenuComponent],
|
|
7153
7153
|
providers: __spreadArray([], __read(WINDOW_PROVIDERS)),
|
|
@@ -7175,7 +7175,7 @@
|
|
|
7175
7175
|
return EvoSwitcherComponent;
|
|
7176
7176
|
}());
|
|
7177
7177
|
EvoSwitcherComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSwitcherComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7178
|
-
EvoSwitcherComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoSwitcherComponent, selector: "evo-switcher", inputs: { items: "items", selectedIndex: "selectedIndex" }, outputs: { onItemSelection: "onItemSelection" }, ngImport: i0__namespace, 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:
|
|
7178
|
+
EvoSwitcherComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoSwitcherComponent, selector: "evo-switcher", inputs: { items: "items", selectedIndex: "selectedIndex" }, outputs: { onItemSelection: "onItemSelection" }, ngImport: i0__namespace, template: "<div class=\"evo-switcher\">\n <div class=\"evo-switcher__item\"\n *ngFor=\"let item of items; let i = index;\"\n [evoUiClass]=\"{selected: i === selectedIndex}\"\n (click)=\"handleItemClick(i)\">{{ item }}\n </div>\n</div>\n", styles: [".evo-switcher{position:relative;display:flex;flex-wrap:nowrap;box-sizing:border-box;height:30px;overflow:hidden;background:#FFFFFF;border:solid 1px #78909c;border-radius:30px}.evo-switcher__item{width:140px;padding:6px 0;color:#435b67;font-weight:600;font-size:14px;line-height:16px;cursor:pointer;transition:.2s}.evo-switcher__item_selected{width:140px;color:#fff;background:#435B67;border-radius:30px}@media (max-width: 768px){:host{display:block;width:100%;height:60px;overflow:hidden;box-shadow:0 1px #ededed}.evo-switcher{justify-content:left;box-sizing:content-box;height:60px;padding-bottom:20px;overflow-x:scroll;overflow-y:hidden;background:none;border:none;border-radius:0}.evo-switcher__item{position:relative;display:flex;align-items:center;width:auto;height:60px;margin-right:30px;padding:20px 0;color:#546e7a;font-weight:700;font-size:14px;font-family:var(--evo-font-secondary);white-space:nowrap;text-transform:uppercase;text-decoration:none;background:none;transition:none}.evo-switcher__item_selected{color:#f05023}.evo-switcher__item_selected:before{position:absolute;right:0;bottom:0;left:0;height:3px;background-color:#f05023;content:\"\"}}\n"], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
|
|
7179
7179
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSwitcherComponent, decorators: [{
|
|
7180
7180
|
type: i0.Component,
|
|
7181
7181
|
args: [{
|
|
@@ -7213,17 +7213,17 @@
|
|
|
7213
7213
|
return EvoSwitcherModule;
|
|
7214
7214
|
}());
|
|
7215
7215
|
EvoSwitcherModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSwitcherModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
7216
|
-
EvoSwitcherModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSwitcherModule, declarations: [EvoSwitcherComponent, EvoSwitcherItemComponent], imports: [
|
|
7216
|
+
EvoSwitcherModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSwitcherModule, declarations: [EvoSwitcherComponent, EvoSwitcherItemComponent], imports: [i2.CommonModule,
|
|
7217
7217
|
EvoUiKitModule], exports: [EvoSwitcherComponent, EvoSwitcherItemComponent] });
|
|
7218
7218
|
EvoSwitcherModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSwitcherModule, imports: [[
|
|
7219
|
-
|
|
7219
|
+
i2.CommonModule,
|
|
7220
7220
|
EvoUiKitModule,
|
|
7221
7221
|
]] });
|
|
7222
7222
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoSwitcherModule, decorators: [{
|
|
7223
7223
|
type: i0.NgModule,
|
|
7224
7224
|
args: [{
|
|
7225
7225
|
imports: [
|
|
7226
|
-
|
|
7226
|
+
i2.CommonModule,
|
|
7227
7227
|
EvoUiKitModule,
|
|
7228
7228
|
],
|
|
7229
7229
|
declarations: [EvoSwitcherComponent, EvoSwitcherItemComponent],
|
|
@@ -7312,7 +7312,7 @@
|
|
|
7312
7312
|
return EvoTableComponent;
|
|
7313
7313
|
}());
|
|
7314
7314
|
EvoTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTableComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7315
|
-
EvoTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, 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:normal}: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:normal}}: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:normal}\n"], directives: [{ type:
|
|
7315
|
+
EvoTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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__namespace, 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:normal}: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:normal}}: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:normal}\n"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
7316
7316
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTableComponent, decorators: [{
|
|
7317
7317
|
type: i0.Component,
|
|
7318
7318
|
args: [{
|
|
@@ -7343,15 +7343,15 @@
|
|
|
7343
7343
|
return EvoTableModule;
|
|
7344
7344
|
}());
|
|
7345
7345
|
EvoTableModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTableModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
7346
|
-
EvoTableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTableModule, declarations: [EvoTableComponent, EvoTableColumnComponent], imports: [
|
|
7346
|
+
EvoTableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTableModule, declarations: [EvoTableComponent, EvoTableColumnComponent], imports: [i2.CommonModule], exports: [EvoTableComponent, EvoTableColumnComponent] });
|
|
7347
7347
|
EvoTableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTableModule, imports: [[
|
|
7348
|
-
|
|
7348
|
+
i2.CommonModule,
|
|
7349
7349
|
]] });
|
|
7350
7350
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTableModule, decorators: [{
|
|
7351
7351
|
type: i0.NgModule,
|
|
7352
7352
|
args: [{
|
|
7353
7353
|
imports: [
|
|
7354
|
-
|
|
7354
|
+
i2.CommonModule,
|
|
7355
7355
|
],
|
|
7356
7356
|
declarations: [EvoTableComponent, EvoTableColumnComponent],
|
|
7357
7357
|
exports: [EvoTableComponent, EvoTableColumnComponent],
|
|
@@ -7667,7 +7667,7 @@
|
|
|
7667
7667
|
return EvoTabsComponent;
|
|
7668
7668
|
}());
|
|
7669
7669
|
EvoTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabsComponent, deps: [{ token: EvoTabsService }, { token: EvoTabsSizeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7670
|
-
EvoTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoTabsComponent, selector: "evo-tabs", inputs: { name: "name", setSize: ["size", "setSize"] }, providers: [EvoTabsSizeService], queries: [{ propertyName: "tabComponentsList", predicate: EvoTabComponent }], ngImport: i0__namespace, 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:
|
|
7670
|
+
EvoTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoTabsComponent, selector: "evo-tabs", inputs: { name: "name", setSize: ["size", "setSize"] }, providers: [EvoTabsSizeService], queries: [{ propertyName: "tabComponentsList", predicate: EvoTabComponent }], ngImport: i0__namespace, template: "<div class=\"evo-tabs\" [evoUiClass]=\"blockClasses\" *ngIf=\"hasRegisteredTabs\">\n <div class=\"evo-tabs__container\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".evo-tabs{height:48px;overflow:hidden;box-shadow:inset 0 -1px #c6c6c6}.evo-tabs_size-small{height:32px}.evo-tabs__container{position:relative;display:flex;padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}\n"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
|
|
7671
7671
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabsComponent, decorators: [{
|
|
7672
7672
|
type: i0.Component,
|
|
7673
7673
|
args: [{
|
|
@@ -7716,7 +7716,7 @@
|
|
|
7716
7716
|
return EvoTabContentComponent;
|
|
7717
7717
|
}());
|
|
7718
7718
|
EvoTabContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabContentComponent, deps: [{ token: EvoTabsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7719
|
-
EvoTabContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoTabContentComponent, selector: "evo-tab-content, [evoTabContent]", inputs: { tabsRef: "tabsRef" }, ngImport: i0__namespace, template: "<div *ngIf=\"isActive\">\n <ng-content></ng-content>\n</div>\n", directives: [{ type:
|
|
7719
|
+
EvoTabContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoTabContentComponent, selector: "evo-tab-content, [evoTabContent]", inputs: { tabsRef: "tabsRef" }, ngImport: i0__namespace, template: "<div *ngIf=\"isActive\">\n <ng-content></ng-content>\n</div>\n", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
7720
7720
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabContentComponent, decorators: [{
|
|
7721
7721
|
type: i0.Component,
|
|
7722
7722
|
args: [{
|
|
@@ -7733,17 +7733,17 @@
|
|
|
7733
7733
|
return EvoTabsModule;
|
|
7734
7734
|
}());
|
|
7735
7735
|
EvoTabsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
7736
|
-
EvoTabsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabsModule, declarations: [EvoTabsComponent, EvoTabComponent, EvoTabContentComponent], imports: [
|
|
7736
|
+
EvoTabsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabsModule, declarations: [EvoTabsComponent, EvoTabComponent, EvoTabContentComponent], imports: [i2.CommonModule,
|
|
7737
7737
|
EvoUiKitModule], exports: [EvoTabsComponent, EvoTabComponent, EvoTabContentComponent] });
|
|
7738
7738
|
EvoTabsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabsModule, providers: [EvoTabsService], imports: [[
|
|
7739
|
-
|
|
7739
|
+
i2.CommonModule,
|
|
7740
7740
|
EvoUiKitModule,
|
|
7741
7741
|
]] });
|
|
7742
7742
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTabsModule, decorators: [{
|
|
7743
7743
|
type: i0.NgModule,
|
|
7744
7744
|
args: [{
|
|
7745
7745
|
imports: [
|
|
7746
|
-
|
|
7746
|
+
i2.CommonModule,
|
|
7747
7747
|
EvoUiKitModule,
|
|
7748
7748
|
],
|
|
7749
7749
|
declarations: [EvoTabsComponent, EvoTabComponent, EvoTabContentComponent],
|
|
@@ -7819,11 +7819,11 @@
|
|
|
7819
7819
|
EvoTextareaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTextareaComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7820
7820
|
EvoTextareaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoTextareaComponent, selector: "evo-textarea", inputs: { size: "size", placeholder: "placeholder", rows: "rows" }, outputs: { blur: "blur" }, providers: [
|
|
7821
7821
|
{
|
|
7822
|
-
provide: i1
|
|
7822
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
7823
7823
|
useExisting: i0.forwardRef(function () { return EvoTextareaComponent; }),
|
|
7824
7824
|
multi: true,
|
|
7825
7825
|
},
|
|
7826
|
-
], usesInheritance: true, ngImport: i0__namespace, 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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}:host{display:inline-block}.evo-textarea{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;width:100%;height:auto;padding:8px 12px;white-space:normal;transition:box-shadow .3s,border .3s;resize:vertical}.evo-textarea:hover{border:1px solid #9B9B9B}.evo-textarea_focused{border:solid 1px #74706F}.evo-textarea_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-textarea_invalid{border-color:#ff1817!important}.evo-textarea_size_small{padding:4px 12px}.evo-textarea::placeholder{color:#9b9b9b}.evo-textarea[disabled]{white-space:normal;background:#F9FAFB}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i1__namespace$
|
|
7826
|
+
], usesInheritance: true, ngImport: i0__namespace, 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:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-default.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-default.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px;--evo-input-padding-right: 12px;--evo-input-padding-top: 4px;--evo-input-padding-bottom: 4px}.evo-input_theme-default.evo-input_size-small .evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input_theme-rounded{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}.evo-input_theme-rounded.evo-input_size-small:hover{border:1px solid #9B9B9B}.evo-input_theme-rounded.evo-input_size-small .evo-input__field{--evo-input-padding-left: 12px}.evo-input_theme-rounded.evo-input_size-small .evo-input__field:last-child{--evo-input-padding-right: 12px}.evo-input_size-small{height:32px}.evo-input_size-small .evo-input__icon{margin-right:8px}.evo-input_size-small .evo-input__icon img{max-height:16px}.evo-input_size-small .evo-input__tooltip-container{top:100%}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(100% - 28px)}@media (min-width: 1200px){.evo-input_size-small .evo-input__tooltip-container{top:calc(100% + 4px)}.evo-input_size-small .evo-input__tooltip-container:before{left:calc(50% - 6px)}}.evo-input__prefix-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;fill:#91b1b8}.evo-input__prefix-icon:empty{display:none}.evo-input__prefix-icon:not(:empty)~.evo-input__field{--evo-input-padding-left: 8px}.evo-input__prefix-content{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin:var(--evo-input-prefix-content-margin)}.evo-input__prefix-content:empty{display:none}.evo-input__prefix-content:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__field{width:100%;height:100%;margin:0;padding:var(--evo-input-padding-top) var(--evo-input-padding-right) var(--evo-input-padding-bottom) var(--evo-input-padding-left);color:inherit;font-weight:inherit;font-size:inherit;border:none;border-radius:inherit;outline:none}.evo-input__field::-webkit-input-placeholder{color:#9b9b9b}.evo-input__field::-moz-placeholder{color:#9b9b9b;opacity:1}.evo-input__field:-ms-input-placeholder{color:#9b9b9b}.evo-input__field:disabled{color:#b0b0b0;background-color:#f9fafb!important}.evo-input__field:not(:last-child){--evo-input-padding-right: 0}.evo-input__prefix{padding-left:12px;transition:color .2s;color:#9b9b9b}.evo-input__prefix:not(:empty)~.evo-input__field{--evo-input-padding-left: 0}.evo-input__tooltip{flex:0 0 24px;width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon-clear{width:24px;height:24px;margin:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;fill:#91b1b8}.evo-input__icon{margin:0 8px}.evo-input__icon img{display:block;width:100%;max-width:60px;height:auto;max-height:22px}.evo-input__tooltip-container{position:absolute;top:calc(100% - 2px);left:0;z-index:1;display:flex;width:100%;padding:10px 10px 10px 20px;color:#212121;line-height:normal;white-space:normal;background-color:#fff8e6;border-radius:4px;box-shadow:0 4px 12px #0003;cursor:default}.evo-input__tooltip-container[hidden]{display:none!important}.evo-input__tooltip-container:before{position:absolute;top:-20px;left:calc(100% - 34px);border:10px solid transparent;border-bottom-color:#fff8e6;pointer-events:none;content:\"\"}@media (min-width: 1200px){.evo-input__tooltip-container{left:calc(50% - 22px)}.evo-input__tooltip-container:before{left:calc(50% - 12px)}}.evo-input__clearable{display:flex;justify-content:center;align-items:center}.evo-input__clearable+.evo-input__additional{margin-left:-10px}.evo-input__additional{display:flex;justify-content:center;align-items:center}.evo-input__additional:not(:last-child) .evo-input__icon{margin-right:8px}.evo-input__additional+.evo-input__loading-spinner{margin-left:0}.evo-input__loading-spinner{flex:0 0 24px;width:24px;height:24px;margin:0 8px;--evo-circular-loader-color: #91B1B8}:host{display:inline-block}.evo-textarea{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:normal;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;width:100%;height:auto;padding:8px 12px;white-space:normal;transition:box-shadow .3s,border .3s;resize:vertical}.evo-textarea:hover{border:1px solid #9B9B9B}.evo-textarea_focused{border:solid 1px #74706F}.evo-textarea_disabled{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}.evo-textarea_invalid{border-color:#ff1817!important}.evo-textarea_size_small{padding:4px 12px}.evo-textarea::placeholder{color:#9b9b9b}.evo-textarea[disabled]{white-space:normal;background:#F9FAFB}\n"], components: [{ type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
7827
7827
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTextareaComponent, decorators: [{
|
|
7828
7828
|
type: i0.Component,
|
|
7829
7829
|
args: [{
|
|
@@ -7832,7 +7832,7 @@
|
|
|
7832
7832
|
styleUrls: ['./evo-textarea.component.scss'],
|
|
7833
7833
|
providers: [
|
|
7834
7834
|
{
|
|
7835
|
-
provide: i1
|
|
7835
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
7836
7836
|
useExisting: i0.forwardRef(function () { return EvoTextareaComponent; }),
|
|
7837
7837
|
multi: true,
|
|
7838
7838
|
},
|
|
@@ -7854,15 +7854,15 @@
|
|
|
7854
7854
|
return EvoTextareaModule;
|
|
7855
7855
|
}());
|
|
7856
7856
|
EvoTextareaModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTextareaModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
7857
|
-
EvoTextareaModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTextareaModule, declarations: [EvoTextareaComponent], imports: [
|
|
7858
|
-
i1
|
|
7859
|
-
i1
|
|
7857
|
+
EvoTextareaModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTextareaModule, declarations: [EvoTextareaComponent], imports: [i2.CommonModule,
|
|
7858
|
+
i1.FormsModule,
|
|
7859
|
+
i1.ReactiveFormsModule,
|
|
7860
7860
|
EvoUiKitModule,
|
|
7861
7861
|
EvoControlErrorModule], exports: [EvoTextareaComponent] });
|
|
7862
7862
|
EvoTextareaModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTextareaModule, imports: [[
|
|
7863
|
-
|
|
7864
|
-
i1
|
|
7865
|
-
i1
|
|
7863
|
+
i2.CommonModule,
|
|
7864
|
+
i1.FormsModule,
|
|
7865
|
+
i1.ReactiveFormsModule,
|
|
7866
7866
|
EvoUiKitModule,
|
|
7867
7867
|
EvoControlErrorModule,
|
|
7868
7868
|
]] });
|
|
@@ -7870,9 +7870,9 @@
|
|
|
7870
7870
|
type: i0.NgModule,
|
|
7871
7871
|
args: [{
|
|
7872
7872
|
imports: [
|
|
7873
|
-
|
|
7874
|
-
i1
|
|
7875
|
-
i1
|
|
7873
|
+
i2.CommonModule,
|
|
7874
|
+
i1.FormsModule,
|
|
7875
|
+
i1.ReactiveFormsModule,
|
|
7876
7876
|
EvoUiKitModule,
|
|
7877
7877
|
EvoControlErrorModule,
|
|
7878
7878
|
],
|
|
@@ -7982,7 +7982,7 @@
|
|
|
7982
7982
|
return EvoToastComponent;
|
|
7983
7983
|
}());
|
|
7984
7984
|
EvoToastComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToastComponent, deps: [{ token: EvoToastService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
7985
|
-
EvoToastComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoToastComponent, selector: "evo-toast", ngImport: i0__namespace, 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:bold;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:
|
|
7985
|
+
EvoToastComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoToastComponent, selector: "evo-toast", ngImport: i0__namespace, 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:bold;text-decoration:underline}.evo-toast_danger::ng-deep *,.evo-toast_success::ng-deep *{color:#fff}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
|
|
7986
7986
|
animations.trigger('appear', [
|
|
7987
7987
|
animations.transition('void => in', [
|
|
7988
7988
|
animations.style({
|
|
@@ -8031,10 +8031,10 @@
|
|
|
8031
8031
|
return EvoToastModule;
|
|
8032
8032
|
}());
|
|
8033
8033
|
EvoToastModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToastModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
8034
|
-
EvoToastModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToastModule, declarations: [EvoToastComponent], imports: [
|
|
8034
|
+
EvoToastModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToastModule, declarations: [EvoToastComponent], imports: [i2.CommonModule,
|
|
8035
8035
|
EvoUiKitModule, EvoIconModule], exports: [EvoToastComponent] });
|
|
8036
8036
|
EvoToastModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToastModule, imports: [[
|
|
8037
|
-
|
|
8037
|
+
i2.CommonModule,
|
|
8038
8038
|
EvoUiKitModule,
|
|
8039
8039
|
EvoIconModule.forRoot([
|
|
8040
8040
|
{
|
|
@@ -8049,7 +8049,7 @@
|
|
|
8049
8049
|
type: i0.NgModule,
|
|
8050
8050
|
args: [{
|
|
8051
8051
|
imports: [
|
|
8052
|
-
|
|
8052
|
+
i2.CommonModule,
|
|
8053
8053
|
EvoUiKitModule,
|
|
8054
8054
|
EvoIconModule.forRoot([
|
|
8055
8055
|
{
|
|
@@ -8117,11 +8117,11 @@
|
|
|
8117
8117
|
EvoToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToggleComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
8118
8118
|
EvoToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoToggleComponent, selector: "evo-toggle", providers: [
|
|
8119
8119
|
{
|
|
8120
|
-
provide: i1
|
|
8120
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
8121
8121
|
useExisting: i0.forwardRef(function () { return EvoToggleComponent; }),
|
|
8122
8122
|
multi: true,
|
|
8123
8123
|
},
|
|
8124
|
-
], ngImport: i0__namespace, 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:0px;left:0px;background-color:#0986e2;transform:translate(18px);pointer-events:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1__namespace$
|
|
8124
|
+
], ngImport: i0__namespace, 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:0px;left:0px;background-color:#0986e2;transform:translate(18px);pointer-events:none}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
8125
8125
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToggleComponent, decorators: [{
|
|
8126
8126
|
type: i0.Component,
|
|
8127
8127
|
args: [{
|
|
@@ -8131,7 +8131,7 @@
|
|
|
8131
8131
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
8132
8132
|
providers: [
|
|
8133
8133
|
{
|
|
8134
|
-
provide: i1
|
|
8134
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
8135
8135
|
useExisting: i0.forwardRef(function () { return EvoToggleComponent; }),
|
|
8136
8136
|
multi: true,
|
|
8137
8137
|
},
|
|
@@ -8145,20 +8145,20 @@
|
|
|
8145
8145
|
return EvoToggleModule;
|
|
8146
8146
|
}());
|
|
8147
8147
|
EvoToggleModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToggleModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
8148
|
-
EvoToggleModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToggleModule, declarations: [EvoToggleComponent], imports: [
|
|
8149
|
-
i1
|
|
8148
|
+
EvoToggleModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToggleModule, declarations: [EvoToggleComponent], imports: [i2.CommonModule,
|
|
8149
|
+
i1.FormsModule,
|
|
8150
8150
|
EvoUiKitModule], exports: [EvoToggleComponent] });
|
|
8151
8151
|
EvoToggleModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToggleModule, imports: [[
|
|
8152
|
-
|
|
8153
|
-
i1
|
|
8152
|
+
i2.CommonModule,
|
|
8153
|
+
i1.FormsModule,
|
|
8154
8154
|
EvoUiKitModule,
|
|
8155
8155
|
]] });
|
|
8156
8156
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoToggleModule, decorators: [{
|
|
8157
8157
|
type: i0.NgModule,
|
|
8158
8158
|
args: [{
|
|
8159
8159
|
imports: [
|
|
8160
|
-
|
|
8161
|
-
i1
|
|
8160
|
+
i2.CommonModule,
|
|
8161
|
+
i1.FormsModule,
|
|
8162
8162
|
EvoUiKitModule,
|
|
8163
8163
|
],
|
|
8164
8164
|
declarations: [EvoToggleComponent],
|
|
@@ -8347,7 +8347,7 @@
|
|
|
8347
8347
|
return;
|
|
8348
8348
|
}
|
|
8349
8349
|
Array.from(files).forEach(function (file) {
|
|
8350
|
-
_this.filesForm.push(new i1
|
|
8350
|
+
_this.filesForm.push(new i1.FormControl(file, [_this.fileExtensionValidator, _this.fileSizeValidator]));
|
|
8351
8351
|
});
|
|
8352
8352
|
if (this.inputFileElement && this.inputFileElement.nativeElement) {
|
|
8353
8353
|
this.inputFileElement.nativeElement.value = '';
|
|
@@ -8397,14 +8397,14 @@
|
|
|
8397
8397
|
};
|
|
8398
8398
|
return EvoUploadComponent;
|
|
8399
8399
|
}(EvoBaseControl));
|
|
8400
|
-
EvoUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUploadComponent, deps: [{ token: i1__namespace$
|
|
8400
|
+
EvoUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUploadComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
8401
8401
|
EvoUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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: [
|
|
8402
8402
|
{
|
|
8403
|
-
provide: i1
|
|
8403
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
8404
8404
|
useExisting: i0.forwardRef(function () { return EvoUploadComponent; }),
|
|
8405
8405
|
multi: true,
|
|
8406
8406
|
},
|
|
8407
|
-
], viewQueries: [{ propertyName: "inputFileElement", first: true, predicate: ["inputFile"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, 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:bold;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:
|
|
8407
|
+
], viewQueries: [{ propertyName: "inputFileElement", first: true, predicate: ["inputFile"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, 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:bold;font-size:24px;text-align:center;transition:color .3s}.evo-upload__title_disabled{color:#727272}@media (max-width: 767px){.evo-upload__title{font-size:16px}}.evo-upload__hint{font-size:18px;text-align:center;transition:color .3s}.evo-upload__hint_disabled{color:#727272}@media (max-width: 767px){.evo-upload__hint{font-size:14px}}.evo-upload__fake-link_disabled{color:#727272}.evo-upload__input{display:none}.evo-upload__list{margin-top:24px;margin-bottom:24px}.evo-upload__list:empty{display:none}.evo-upload__file-icon{margin-right:8px;fill:#91b1b8}.evo-upload__list-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px;color:#212121;font-weight:600;font-size:16px}.evo-upload__list-item:last-of-type{margin-bottom:24px}.evo-upload__item-inner{display:flex;flex-flow:row wrap;align-items:center}.evo-upload__list-delimiter{width:100%;margin-top:15px;color:#ff1817;font-size:14px;font-style:italic;line-height:22px;border-top:1px solid #C6C6C6}.evo-upload__list-delimiter_error{border-top-color:#ff1817}.evo-upload__button-remove{margin-left:auto;cursor:pointer;transition:fill .3s;fill:#91b1b8}.evo-upload__button-remove:not(.evo-upload__button-remove_disabled):hover{fill:#231f20}.evo-upload__button-remove_disabled{cursor:default;fill:#c6c6c6}.evo-upload__controls{display:flex;justify-content:space-between}.evo-upload__submit{margin-left:auto}.evo-upload__link{cursor:pointer}.evo-list{margin-bottom:0}.evo-list li:before{color:#fff}\n"], components: [{ type: EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { type: EvoAlertComponent, selector: "evo-alert", inputs: ["closable", "icon", "iconSrc", "type", "size"], outputs: ["close"] }, { type: EvoButtonComponent, selector: "button[evoButton], a[evoButton]", inputs: ["size", "color", "theme", "disabled", "loading"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "safeHtml": SafeHtmlPipe, "declination": DeclinationPipe } });
|
|
8408
8408
|
__decorate([
|
|
8409
8409
|
autobind__default["default"]
|
|
8410
8410
|
], EvoUploadComponent.prototype, "fileSizeValidator", null);
|
|
@@ -8422,13 +8422,13 @@
|
|
|
8422
8422
|
templateUrl: './evo-upload.component.html',
|
|
8423
8423
|
providers: [
|
|
8424
8424
|
{
|
|
8425
|
-
provide: i1
|
|
8425
|
+
provide: i1.NG_VALUE_ACCESSOR,
|
|
8426
8426
|
useExisting: i0.forwardRef(function () { return EvoUploadComponent; }),
|
|
8427
8427
|
multi: true,
|
|
8428
8428
|
},
|
|
8429
8429
|
],
|
|
8430
8430
|
}]
|
|
8431
|
-
}], ctorParameters: function () { return [{ type: i1__namespace$
|
|
8431
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Injector }]; }, propDecorators: { accept: [{
|
|
8432
8432
|
type: i0.Input
|
|
8433
8433
|
}], dropZoneLabel: [{
|
|
8434
8434
|
type: i0.Input
|
|
@@ -8467,12 +8467,12 @@
|
|
|
8467
8467
|
return EvoUploadModule;
|
|
8468
8468
|
}());
|
|
8469
8469
|
EvoUploadModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUploadModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
8470
|
-
EvoUploadModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUploadModule, declarations: [EvoUploadComponent], imports: [
|
|
8470
|
+
EvoUploadModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUploadModule, declarations: [EvoUploadComponent], imports: [i2.CommonModule,
|
|
8471
8471
|
EvoAlertModule,
|
|
8472
8472
|
EvoButtonModule, EvoIconModule, EvoPipesModule,
|
|
8473
8473
|
EvoUiKitModule], exports: [EvoUploadComponent] });
|
|
8474
8474
|
EvoUploadModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoUploadModule, imports: [[
|
|
8475
|
-
|
|
8475
|
+
i2.CommonModule,
|
|
8476
8476
|
EvoAlertModule,
|
|
8477
8477
|
EvoButtonModule,
|
|
8478
8478
|
EvoIconModule.forRoot([{
|
|
@@ -8491,7 +8491,7 @@
|
|
|
8491
8491
|
type: i0.NgModule,
|
|
8492
8492
|
args: [{
|
|
8493
8493
|
imports: [
|
|
8494
|
-
|
|
8494
|
+
i2.CommonModule,
|
|
8495
8495
|
EvoAlertModule,
|
|
8496
8496
|
EvoButtonModule,
|
|
8497
8497
|
EvoIconModule.forRoot([{
|
|
@@ -8675,7 +8675,7 @@
|
|
|
8675
8675
|
return EvoDropdownComponent;
|
|
8676
8676
|
}());
|
|
8677
8677
|
EvoDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownComponent, deps: [{ token: i0__namespace.ViewContainerRef }, { token: i0__namespace.NgZone }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
8678
|
-
EvoDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { closeOnOutsideClick: "closeOnOutsideClick", scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange", outsideClick: "outsideClick" }, ngImport: i0__namespace, 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__namespace$
|
|
8678
|
+
EvoDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { closeOnOutsideClick: "closeOnOutsideClick", scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange", outsideClick: "outsideClick" }, ngImport: i0__namespace, 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__namespace$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayPositions", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayTransformOriginOn"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
8679
8679
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownComponent, decorators: [{
|
|
8680
8680
|
type: i0.Component,
|
|
8681
8681
|
args: [{
|
|
@@ -8733,7 +8733,7 @@
|
|
|
8733
8733
|
}
|
|
8734
8734
|
};
|
|
8735
8735
|
return EvoDropdownOriginDirective;
|
|
8736
|
-
}(i1$
|
|
8736
|
+
}(i1$2.CdkOverlayOrigin));
|
|
8737
8737
|
EvoDropdownOriginDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownOriginDirective, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
8738
8738
|
EvoDropdownOriginDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: EvoDropdownOriginDirective, selector: "[evoDropdownOrigin]", exportAs: ["evoDropdownOrigin"], usesInheritance: true, ngImport: i0__namespace });
|
|
8739
8739
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownOriginDirective, decorators: [{
|
|
@@ -8750,13 +8750,13 @@
|
|
|
8750
8750
|
return EvoDropdownModule;
|
|
8751
8751
|
}());
|
|
8752
8752
|
EvoDropdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
8753
|
-
EvoDropdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownModule, declarations: [EvoDropdownComponent, EvoDropdownOriginDirective], imports: [
|
|
8754
|
-
EvoDropdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownModule, imports: [[
|
|
8753
|
+
EvoDropdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownModule, declarations: [EvoDropdownComponent, EvoDropdownOriginDirective], imports: [i2.CommonModule, i1$2.OverlayModule], exports: [EvoDropdownComponent, EvoDropdownOriginDirective] });
|
|
8754
|
+
EvoDropdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownModule, imports: [[i2.CommonModule, i1$2.OverlayModule]] });
|
|
8755
8755
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoDropdownModule, decorators: [{
|
|
8756
8756
|
type: i0.NgModule,
|
|
8757
8757
|
args: [{
|
|
8758
8758
|
declarations: [EvoDropdownComponent, EvoDropdownOriginDirective],
|
|
8759
|
-
imports: [
|
|
8759
|
+
imports: [i2.CommonModule, i1$2.OverlayModule],
|
|
8760
8760
|
exports: [EvoDropdownComponent, EvoDropdownOriginDirective],
|
|
8761
8761
|
}]
|
|
8762
8762
|
}] });
|
|
@@ -8815,7 +8815,7 @@
|
|
|
8815
8815
|
return EvoNavbarItemComponent;
|
|
8816
8816
|
}());
|
|
8817
8817
|
EvoNavbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
8818
|
-
EvoNavbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: { item: "item", isNested: "isNested", isMobileView: "isMobileView", subMenuPositions: "subMenuPositions" }, outputs: { openSubMenu: "openSubMenu", closeSubMenu: "closeSubMenu" }, ngImport: i0__namespace, 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:
|
|
8818
|
+
EvoNavbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: { item: "item", isNested: "isNested", isMobileView: "isMobileView", subMenuPositions: "subMenuPositions" }, outputs: { openSubMenu: "openSubMenu", closeSubMenu: "closeSubMenu" }, ngImport: i0__namespace, template: "<!-- TODO: delete $any alias after update to ng12-->\n<ng-container *evoLet=\"$any(item) as linkItem\">\n <a\n *ngIf=\"linkItem.href; else routerLink\"\n #origin=\"evoDropdownOrigin\"\n evoDropdownOrigin\n class=\"evo-navbar__link evo-navbar__link_external\"\n [attr.href]=\"linkItem.href\"\n [attr.target]=\"linkItem.target\"\n [class.evo-navbar__link_nested]=\"isNested\"\n [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n (mouseenter)=\"open(origin)\"\n (mouseleave)=\"close(origin)\"\n >\n <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n </a>\n\n <ng-template #routerLink>\n <ng-container *evoLet=\"isMobileView && !!linkItem.subItems?.length as isRootItemJustOpenSubMenu\">\n <span\n *ngIf=\"isRootItemJustOpenSubMenu; else defaultRootItem\"\n #origin=\"evoDropdownOrigin\"\n evoDropdownOrigin\n class=\"evo-navbar__link\"\n [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n (click)=\"toggle(origin)\"\n (mouseleave)=\"close(origin)\"\n >\n <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n </span>\n\n <ng-template #defaultRootItem>\n <a\n #origin=\"evoDropdownOrigin\"\n evoDropdownOrigin\n class=\"evo-navbar__link\"\n [class.evo-navbar__link_nested]=\"isNested\"\n [class.evo-navbar__link_highlighted]=\"origin.isDropdownOpen\"\n [routerLink]=\"linkItem.routerLink\"\n [routerLinkActive]=\"isNested ? ['evo-navbar__link_active'] : []\"\n [routerLinkActiveOptions]=\"{exact: !!linkItem.isExactPath}\"\n [preserveFragment]=\"!!linkItem.preserveFragment\"\n [queryParamsHandling]=\"linkItem.queryParamsHandling\"\n [fragment]=\"linkItem.fragment\"\n [queryParams]=\"linkItem.queryParams\"\n [skipLocationChange]=\"linkItem.skipLocationChange\"\n [replaceUrl]=\"linkItem.replaceUrl\"\n [state]=\"linkItem.state\"\n (mouseenter)=\"open(origin)\"\n (mouseleave)=\"close(origin)\"\n >\n <span class=\"evo-navbar__link-title\">{{ linkItem.title }}</span>\n\n <ng-container *ngTemplateOutlet=\"subNav; context: {origin: origin}\"></ng-container>\n </a>\n </ng-template>\n </ng-container>\n </ng-template>\n\n <ng-template #subNav let-origin=\"origin\">\n <evo-dropdown\n *ngIf=\"linkItem.subItems?.length\"\n [positions]=\"subMenuPositions\"\n [dropdownOrigin]=\"origin\"\n [(isOpen)]=\"origin.isDropdownOpen\"\n >\n <section\n class=\"evo-navbar__sub\"\n (mouseenter)=\"open(origin)\"\n (mouseleave)=\"close(origin)\"\n >\n <div class=\"evo-navbar__sub-content\">\n <evo-navbar-item\n *ngFor=\"let subItem of linkItem.subItems\"\n [item]=\"subItem\"\n [isNested]=\"true\"\n [isMobileView]=\"isMobileView\"\n (click)=\"close(origin)\"\n ></evo-navbar-item>\n </div>\n </section>\n </evo-dropdown>\n </ng-template>\n</ng-container>\n", styles: [":host{display:block;flex-shrink:0}.evo-navbar__link{display:block;flex-shrink:0;padding:9px 8px;color:#212121;font-size:14px;line-height:22px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.evo-navbar__link:not(.evo-navbar__link_nested):hover .evo-navbar__link-title{background:#FFFFFF}}.evo-navbar__link_nested{padding:12px 16px}.evo-navbar__link_nested .evo-navbar__link-title{padding:0;font-weight:400;border-radius:0}.evo-navbar__link_nested:hover{background:#F4F6F8}.evo-navbar__link_nested.evo-navbar__link_active{color:#fff;background:#F05023}.evo-navbar__link_highlighted .evo-navbar__link-title{background:#FFFFFF}.evo-navbar__link-title{display:block;max-width:100%;padding:4px 8px;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis;border-radius:4px}.evo-navbar__sub{--evo-navbar-dropdown-max-width: 85vw;--evo-navbar-dropdown-max-height: 310px;flex-shrink:0;max-width:85vw;max-width:var(--evo-navbar-dropdown-max-width)}.evo-navbar__sub-content{display:flex;flex-flow:column;max-height:310px;max-height:var(--evo-navbar-dropdown-max-height);margin-top:4px;overflow:auto;background:#FFFFFF;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}\n"], components: [{ type: EvoDropdownComponent, selector: "evo-dropdown", inputs: ["closeOnOutsideClick", "scrollStrategy", "dropdownOrigin", "isOpen", "positions"], outputs: ["isOpenChange", "outsideClick"] }, { type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], directives: [{ type: EvoLetDirective, selector: "[evoLet]", inputs: ["evoLet"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoDropdownOriginDirective, selector: "[evoDropdownOrigin]", exportAs: ["evoDropdownOrigin"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
8819
8819
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarItemComponent, decorators: [{
|
|
8820
8820
|
type: i0.Component,
|
|
8821
8821
|
args: [{
|
|
@@ -8866,7 +8866,7 @@
|
|
|
8866
8866
|
return EvoNavbarComponent;
|
|
8867
8867
|
}());
|
|
8868
8868
|
EvoNavbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarComponent, deps: [{ token: MOBILE_VIEW }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
8869
|
-
EvoNavbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavbarComponent, selector: "evo-navbar", inputs: { subMenuPositions: "subMenuPositions", items: "items" }, ngImport: i0__namespace, 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:
|
|
8869
|
+
EvoNavbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavbarComponent, selector: "evo-navbar", inputs: { subMenuPositions: "subMenuPositions", items: "items" }, ngImport: i0__namespace, template: "<nav class=\"evo-navbar\" (scroll)=\"closeLastOpenedSubMenu()\">\n <evo-navbar-item\n *ngFor=\"let item of items\"\n [item]=\"item\"\n [isMobileView]=\"isMobileView$ | async\"\n [subMenuPositions]=\"subMenuPositions\"\n (openSubMenu)=\"openSubMenu($event)\"\n (closeSubMenu)=\"closeSubMenu($event)\"\n ></evo-navbar-item>\n</nav>\n", styles: [":host{display:block}.evo-navbar{display:flex;flex-wrap:nowrap;padding:0 8px;overflow:auto;background:#F4F6F8;border-radius:8px;-ms-overflow-style:none;scrollbar-width:none}.evo-navbar::-webkit-scrollbar{display:none}\n"], components: [{ type: EvoNavbarItemComponent, selector: "evo-navbar-item", inputs: ["item", "isNested", "isMobileView", "subMenuPositions"], outputs: ["openSubMenu", "closeSubMenu"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
8870
8870
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarComponent, decorators: [{
|
|
8871
8871
|
type: i0.Component,
|
|
8872
8872
|
args: [{
|
|
@@ -8892,13 +8892,13 @@
|
|
|
8892
8892
|
return EvoNavbarModule;
|
|
8893
8893
|
}());
|
|
8894
8894
|
EvoNavbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
8895
|
-
EvoNavbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarModule, declarations: [EvoNavbarComponent, EvoNavbarItemComponent], imports: [
|
|
8896
|
-
EvoNavbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarModule, providers: [MobileViewProvider], imports: [[
|
|
8895
|
+
EvoNavbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarModule, declarations: [EvoNavbarComponent, EvoNavbarItemComponent], imports: [i2.CommonModule, EvoUiKitModule, i3$2.RouterModule, EvoDropdownModule], exports: [EvoNavbarComponent] });
|
|
8896
|
+
EvoNavbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarModule, providers: [MobileViewProvider], imports: [[i2.CommonModule, EvoUiKitModule, i3$2.RouterModule, EvoDropdownModule]] });
|
|
8897
8897
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavbarModule, decorators: [{
|
|
8898
8898
|
type: i0.NgModule,
|
|
8899
8899
|
args: [{
|
|
8900
8900
|
declarations: [EvoNavbarComponent, EvoNavbarItemComponent],
|
|
8901
|
-
imports: [
|
|
8901
|
+
imports: [i2.CommonModule, EvoUiKitModule, i3$2.RouterModule, EvoDropdownModule],
|
|
8902
8902
|
exports: [EvoNavbarComponent],
|
|
8903
8903
|
providers: [MobileViewProvider],
|
|
8904
8904
|
}]
|
|
@@ -8927,9 +8927,9 @@
|
|
|
8927
8927
|
return EvoNavigationButtonModule;
|
|
8928
8928
|
}());
|
|
8929
8929
|
EvoNavigationButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
8930
|
-
EvoNavigationButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonModule, declarations: [EvoNavigationButtonComponent], imports: [
|
|
8930
|
+
EvoNavigationButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonModule, declarations: [EvoNavigationButtonComponent], imports: [i2.CommonModule, EvoIconModule], exports: [EvoNavigationButtonComponent] });
|
|
8931
8931
|
EvoNavigationButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationButtonModule, imports: [[
|
|
8932
|
-
|
|
8932
|
+
i2.CommonModule,
|
|
8933
8933
|
EvoIconModule.forRoot([
|
|
8934
8934
|
{
|
|
8935
8935
|
name: 'navigation',
|
|
@@ -8943,7 +8943,7 @@
|
|
|
8943
8943
|
type: i0.NgModule,
|
|
8944
8944
|
args: [{
|
|
8945
8945
|
imports: [
|
|
8946
|
-
|
|
8946
|
+
i2.CommonModule,
|
|
8947
8947
|
EvoIconModule.forRoot([
|
|
8948
8948
|
{
|
|
8949
8949
|
name: 'navigation',
|
|
@@ -8962,6 +8962,956 @@
|
|
|
8962
8962
|
}]
|
|
8963
8963
|
}] });
|
|
8964
8964
|
|
|
8965
|
+
var EVO_TOOLTIP_FADEIN_ANIMATION = animations.trigger('fadeIn', [
|
|
8966
|
+
animations.state('void', animations.style({ opacity: 0 })),
|
|
8967
|
+
animations.state('*', animations.style({ opacity: 1 })),
|
|
8968
|
+
animations.transition(':enter', animations.animate('0.3s ease-in')),
|
|
8969
|
+
animations.transition(':leave', animations.animate('0.3s ease-out')),
|
|
8970
|
+
]);
|
|
8971
|
+
|
|
8972
|
+
var EvoTooltipPosition;
|
|
8973
|
+
(function (EvoTooltipPosition) {
|
|
8974
|
+
EvoTooltipPosition["TOP_START"] = "top-start";
|
|
8975
|
+
EvoTooltipPosition["TOP"] = "top";
|
|
8976
|
+
EvoTooltipPosition["TOP_END"] = "top-end";
|
|
8977
|
+
EvoTooltipPosition["BOTTOM_START"] = "bottom-start";
|
|
8978
|
+
EvoTooltipPosition["BOTTOM"] = "bottom";
|
|
8979
|
+
EvoTooltipPosition["BOTTOM_END"] = "bottom-end";
|
|
8980
|
+
EvoTooltipPosition["RIGHT_START"] = "right-start";
|
|
8981
|
+
EvoTooltipPosition["RIGHT"] = "right";
|
|
8982
|
+
EvoTooltipPosition["RIGHT_END"] = "right-end";
|
|
8983
|
+
EvoTooltipPosition["LEFT_START"] = "left-start";
|
|
8984
|
+
EvoTooltipPosition["LEFT"] = "left";
|
|
8985
|
+
EvoTooltipPosition["LEFT_END"] = "left-end";
|
|
8986
|
+
})(EvoTooltipPosition || (EvoTooltipPosition = {}));
|
|
8987
|
+
|
|
8988
|
+
// Размер стрелки тултипа
|
|
8989
|
+
var EVO_TOOLTIP_ARROW_SIZE = 16;
|
|
8990
|
+
|
|
8991
|
+
// Радиус тултипа
|
|
8992
|
+
var EVO_TOOLTIP_RADIUS = 8;
|
|
8993
|
+
|
|
8994
|
+
var EvoTooltipVariableArrowPosition;
|
|
8995
|
+
(function (EvoTooltipVariableArrowPosition) {
|
|
8996
|
+
EvoTooltipVariableArrowPosition["HORIZONTAL_POSITION_ARROW"] = "--evo-tooltip-horizontal-position-arrow";
|
|
8997
|
+
EvoTooltipVariableArrowPosition["VERTICAL_POSITION_ARROW"] = "--evo-tooltip-vertical-position-arrow";
|
|
8998
|
+
})(EvoTooltipVariableArrowPosition || (EvoTooltipVariableArrowPosition = {}));
|
|
8999
|
+
|
|
9000
|
+
var EVO_TOOLTIP_CONFIG = {
|
|
9001
|
+
hideDelay: 300,
|
|
9002
|
+
showDelay: 100,
|
|
9003
|
+
};
|
|
9004
|
+
|
|
9005
|
+
var EVO_CONNECTED_POSITION = function (offset) {
|
|
9006
|
+
var _a;
|
|
9007
|
+
return (_a = {},
|
|
9008
|
+
_a[EvoTooltipPosition.TOP] = {
|
|
9009
|
+
originX: 'center',
|
|
9010
|
+
originY: 'top',
|
|
9011
|
+
overlayX: 'center',
|
|
9012
|
+
overlayY: 'bottom',
|
|
9013
|
+
offsetY: -offset,
|
|
9014
|
+
panelClass: EvoTooltipPosition.TOP,
|
|
9015
|
+
},
|
|
9016
|
+
_a[EvoTooltipPosition.BOTTOM] = {
|
|
9017
|
+
originX: 'center',
|
|
9018
|
+
originY: 'bottom',
|
|
9019
|
+
overlayX: 'center',
|
|
9020
|
+
overlayY: 'top',
|
|
9021
|
+
offsetY: offset,
|
|
9022
|
+
panelClass: EvoTooltipPosition.BOTTOM,
|
|
9023
|
+
},
|
|
9024
|
+
_a[EvoTooltipPosition.LEFT] = {
|
|
9025
|
+
originX: 'start',
|
|
9026
|
+
originY: 'center',
|
|
9027
|
+
overlayX: 'end',
|
|
9028
|
+
overlayY: 'center',
|
|
9029
|
+
offsetX: -offset,
|
|
9030
|
+
panelClass: EvoTooltipPosition.LEFT,
|
|
9031
|
+
},
|
|
9032
|
+
_a[EvoTooltipPosition.RIGHT] = {
|
|
9033
|
+
originX: 'end',
|
|
9034
|
+
originY: 'center',
|
|
9035
|
+
overlayX: 'start',
|
|
9036
|
+
overlayY: 'center',
|
|
9037
|
+
offsetX: offset,
|
|
9038
|
+
panelClass: EvoTooltipPosition.RIGHT,
|
|
9039
|
+
},
|
|
9040
|
+
_a[EvoTooltipPosition.TOP_START] = {
|
|
9041
|
+
originX: 'start',
|
|
9042
|
+
originY: 'top',
|
|
9043
|
+
overlayX: 'start',
|
|
9044
|
+
overlayY: 'bottom',
|
|
9045
|
+
offsetY: -offset,
|
|
9046
|
+
panelClass: EvoTooltipPosition.TOP_START,
|
|
9047
|
+
},
|
|
9048
|
+
_a[EvoTooltipPosition.TOP_END] = {
|
|
9049
|
+
originX: 'end',
|
|
9050
|
+
originY: 'top',
|
|
9051
|
+
overlayX: 'end',
|
|
9052
|
+
overlayY: 'bottom',
|
|
9053
|
+
offsetY: -offset,
|
|
9054
|
+
panelClass: EvoTooltipPosition.TOP_END,
|
|
9055
|
+
},
|
|
9056
|
+
_a[EvoTooltipPosition.RIGHT_START] = {
|
|
9057
|
+
originX: 'end',
|
|
9058
|
+
originY: 'top',
|
|
9059
|
+
overlayX: 'start',
|
|
9060
|
+
overlayY: 'top',
|
|
9061
|
+
offsetX: offset,
|
|
9062
|
+
panelClass: EvoTooltipPosition.RIGHT_START,
|
|
9063
|
+
},
|
|
9064
|
+
_a[EvoTooltipPosition.RIGHT_END] = {
|
|
9065
|
+
originX: 'end',
|
|
9066
|
+
originY: 'bottom',
|
|
9067
|
+
overlayX: 'start',
|
|
9068
|
+
overlayY: 'bottom',
|
|
9069
|
+
offsetX: offset,
|
|
9070
|
+
panelClass: EvoTooltipPosition.RIGHT_END,
|
|
9071
|
+
},
|
|
9072
|
+
_a[EvoTooltipPosition.BOTTOM_END] = {
|
|
9073
|
+
originX: 'end',
|
|
9074
|
+
originY: 'bottom',
|
|
9075
|
+
overlayX: 'end',
|
|
9076
|
+
overlayY: 'top',
|
|
9077
|
+
offsetY: offset,
|
|
9078
|
+
panelClass: EvoTooltipPosition.BOTTOM_END,
|
|
9079
|
+
},
|
|
9080
|
+
_a[EvoTooltipPosition.BOTTOM_START] = {
|
|
9081
|
+
originX: 'start',
|
|
9082
|
+
originY: 'bottom',
|
|
9083
|
+
overlayX: 'start',
|
|
9084
|
+
overlayY: 'top',
|
|
9085
|
+
offsetY: offset,
|
|
9086
|
+
panelClass: EvoTooltipPosition.BOTTOM_START,
|
|
9087
|
+
},
|
|
9088
|
+
_a[EvoTooltipPosition.LEFT_END] = {
|
|
9089
|
+
originX: 'start',
|
|
9090
|
+
originY: 'bottom',
|
|
9091
|
+
overlayX: 'end',
|
|
9092
|
+
overlayY: 'bottom',
|
|
9093
|
+
offsetX: -offset,
|
|
9094
|
+
panelClass: EvoTooltipPosition.LEFT_END,
|
|
9095
|
+
},
|
|
9096
|
+
_a[EvoTooltipPosition.LEFT_START] = {
|
|
9097
|
+
originX: 'start',
|
|
9098
|
+
originY: 'top',
|
|
9099
|
+
overlayX: 'end',
|
|
9100
|
+
overlayY: 'top',
|
|
9101
|
+
offsetX: -offset,
|
|
9102
|
+
panelClass: EvoTooltipPosition.LEFT_START,
|
|
9103
|
+
},
|
|
9104
|
+
_a);
|
|
9105
|
+
};
|
|
9106
|
+
|
|
9107
|
+
var _a;
|
|
9108
|
+
var EVO_PRIORITY_POSITIONS_ORDER = (_a = {},
|
|
9109
|
+
_a[EvoTooltipPosition.TOP] = [EvoTooltipPosition.TOP, EvoTooltipPosition.BOTTOM],
|
|
9110
|
+
_a[EvoTooltipPosition.BOTTOM] = [EvoTooltipPosition.BOTTOM, EvoTooltipPosition.TOP],
|
|
9111
|
+
_a[EvoTooltipPosition.LEFT] = [EvoTooltipPosition.LEFT, EvoTooltipPosition.RIGHT],
|
|
9112
|
+
_a[EvoTooltipPosition.RIGHT] = [EvoTooltipPosition.RIGHT, EvoTooltipPosition.LEFT],
|
|
9113
|
+
_a);
|
|
9114
|
+
|
|
9115
|
+
var EVO_DEFAULT_POSITIONS_ORDER = [
|
|
9116
|
+
EvoTooltipPosition.TOP,
|
|
9117
|
+
EvoTooltipPosition.TOP_END,
|
|
9118
|
+
EvoTooltipPosition.RIGHT_START,
|
|
9119
|
+
EvoTooltipPosition.RIGHT,
|
|
9120
|
+
EvoTooltipPosition.RIGHT_END,
|
|
9121
|
+
EvoTooltipPosition.BOTTOM_END,
|
|
9122
|
+
EvoTooltipPosition.BOTTOM,
|
|
9123
|
+
EvoTooltipPosition.BOTTOM_START,
|
|
9124
|
+
EvoTooltipPosition.LEFT_END,
|
|
9125
|
+
EvoTooltipPosition.LEFT,
|
|
9126
|
+
EvoTooltipPosition.LEFT_START,
|
|
9127
|
+
EvoTooltipPosition.TOP_START,
|
|
9128
|
+
];
|
|
9129
|
+
|
|
9130
|
+
// Смещение тултипа
|
|
9131
|
+
var EVO_TOOLTIP_OFFSET = function (hasArrow) { return (hasArrow ? 14 : 8); };
|
|
9132
|
+
|
|
9133
|
+
var EvoTooltipService = /** @class */ (function () {
|
|
9134
|
+
function EvoTooltipService(overlay, overlayPositionBuilder, injector) {
|
|
9135
|
+
this.overlay = overlay;
|
|
9136
|
+
this.overlayPositionBuilder = overlayPositionBuilder;
|
|
9137
|
+
this.injector = injector;
|
|
9138
|
+
this.stringContent$ = i3.EMPTY;
|
|
9139
|
+
this.templateContent$ = i3.EMPTY;
|
|
9140
|
+
this.position$ = i3.EMPTY;
|
|
9141
|
+
this.parentRef$ = i3.EMPTY;
|
|
9142
|
+
this.tooltipClasses$ = i3.EMPTY;
|
|
9143
|
+
this.styles$ = i3.EMPTY;
|
|
9144
|
+
this.visibleArrow$ = i3.EMPTY;
|
|
9145
|
+
this.isOpen$ = i3.EMPTY;
|
|
9146
|
+
this._stringContent$ = new i3.BehaviorSubject(null);
|
|
9147
|
+
this._templateContent$ = new i3.BehaviorSubject(null);
|
|
9148
|
+
this._position$ = new i3.BehaviorSubject(EvoTooltipPosition.BOTTOM);
|
|
9149
|
+
this._parentRef$ = new i3.BehaviorSubject(null);
|
|
9150
|
+
this._tooltipClasses$ = new i3.BehaviorSubject([]);
|
|
9151
|
+
this._config$ = new i3.BehaviorSubject(EVO_TOOLTIP_CONFIG);
|
|
9152
|
+
this._styles$ = new i3.BehaviorSubject(null);
|
|
9153
|
+
this._visibleArrow$ = new i3.BehaviorSubject(true);
|
|
9154
|
+
this._isOpen$ = new i3.Subject();
|
|
9155
|
+
this.stringContent$ = this._stringContent$.asObservable();
|
|
9156
|
+
this.templateContent$ = this._templateContent$.asObservable();
|
|
9157
|
+
this.position$ = this._position$.asObservable();
|
|
9158
|
+
this.parentRef$ = this._parentRef$.asObservable();
|
|
9159
|
+
this.tooltipClasses$ = this._tooltipClasses$.asObservable();
|
|
9160
|
+
this.styles$ = this._styles$.asObservable();
|
|
9161
|
+
this.visibleArrow$ = this._visibleArrow$.asObservable();
|
|
9162
|
+
this.isOpen$ = this._isOpen$.asObservable();
|
|
9163
|
+
}
|
|
9164
|
+
EvoTooltipService.prototype.showTooltip = function (parentRef, content, position, config, targetElement) {
|
|
9165
|
+
this._parentRef$.next(parentRef);
|
|
9166
|
+
this.targetElement = targetElement !== null && targetElement !== void 0 ? targetElement : null;
|
|
9167
|
+
this.setContent(content);
|
|
9168
|
+
this._position$.next(position);
|
|
9169
|
+
this._config$.next(config);
|
|
9170
|
+
this.createOverlay(parentRef, position);
|
|
9171
|
+
this.createPortal();
|
|
9172
|
+
this._isOpen$.next(this.overlayRef.hasAttached());
|
|
9173
|
+
this.initSubscriptions();
|
|
9174
|
+
};
|
|
9175
|
+
EvoTooltipService.prototype.hideTooltip = function () {
|
|
9176
|
+
var _a, _b;
|
|
9177
|
+
if (this.tooltipComponentRef) {
|
|
9178
|
+
this.tooltipComponentRef.destroy();
|
|
9179
|
+
this.tooltipComponentRef = null;
|
|
9180
|
+
}
|
|
9181
|
+
(_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
|
|
9182
|
+
this._isOpen$.next(!!((_b = this.overlayRef) === null || _b === void 0 ? void 0 : _b.hasAttached()));
|
|
9183
|
+
};
|
|
9184
|
+
EvoTooltipService.prototype.setArrowVisibility = function (hasArrow) {
|
|
9185
|
+
this._visibleArrow$.next(hasArrow);
|
|
9186
|
+
};
|
|
9187
|
+
EvoTooltipService.prototype.setTooltipStyles = function (tooltipStyles) {
|
|
9188
|
+
this._styles$.next(tooltipStyles);
|
|
9189
|
+
};
|
|
9190
|
+
EvoTooltipService.prototype.setTooltipClass = function (tooltipClassOrClasses) {
|
|
9191
|
+
this._tooltipClasses$.next(!tooltipClassOrClasses
|
|
9192
|
+
? []
|
|
9193
|
+
: Array.isArray(tooltipClassOrClasses)
|
|
9194
|
+
? tooltipClassOrClasses
|
|
9195
|
+
: [tooltipClassOrClasses]);
|
|
9196
|
+
};
|
|
9197
|
+
Object.defineProperty(EvoTooltipService.prototype, "hasAttached", {
|
|
9198
|
+
get: function () {
|
|
9199
|
+
var _a, _b;
|
|
9200
|
+
return (_b = (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) !== null && _b !== void 0 ? _b : false;
|
|
9201
|
+
},
|
|
9202
|
+
enumerable: false,
|
|
9203
|
+
configurable: true
|
|
9204
|
+
});
|
|
9205
|
+
Object.defineProperty(EvoTooltipService.prototype, "config", {
|
|
9206
|
+
get: function () {
|
|
9207
|
+
return this._config$.value;
|
|
9208
|
+
},
|
|
9209
|
+
enumerable: false,
|
|
9210
|
+
configurable: true
|
|
9211
|
+
});
|
|
9212
|
+
Object.defineProperty(EvoTooltipService.prototype, "parentRef", {
|
|
9213
|
+
get: function () {
|
|
9214
|
+
return this._parentRef$.value;
|
|
9215
|
+
},
|
|
9216
|
+
enumerable: false,
|
|
9217
|
+
configurable: true
|
|
9218
|
+
});
|
|
9219
|
+
EvoTooltipService.prototype.setContent = function (content) {
|
|
9220
|
+
if (typeof content === 'string') {
|
|
9221
|
+
this._stringContent$.next(content);
|
|
9222
|
+
}
|
|
9223
|
+
else if (content instanceof i0.TemplateRef) {
|
|
9224
|
+
this._templateContent$.next(content);
|
|
9225
|
+
}
|
|
9226
|
+
};
|
|
9227
|
+
EvoTooltipService.prototype.createOverlay = function (elementRef, position) {
|
|
9228
|
+
this.positionStrategy = this.overlayPositionBuilder
|
|
9229
|
+
.flexibleConnectedTo(elementRef)
|
|
9230
|
+
.withPositions(this.getPositions(position));
|
|
9231
|
+
var scrollStrategy = this.overlay.scrollStrategies.reposition();
|
|
9232
|
+
this.overlayRef = this.overlay.create({ positionStrategy: this.positionStrategy, scrollStrategy: scrollStrategy });
|
|
9233
|
+
};
|
|
9234
|
+
EvoTooltipService.prototype.createPortal = function () {
|
|
9235
|
+
var tooltipPortal = new portal.ComponentPortal(EvoTooltipComponent, null, this.injector);
|
|
9236
|
+
this.tooltipComponentRef = this.overlayRef.attach(tooltipPortal);
|
|
9237
|
+
};
|
|
9238
|
+
EvoTooltipService.prototype.initSubscriptions = function () {
|
|
9239
|
+
var _this = this;
|
|
9240
|
+
var _a, _b, _c;
|
|
9241
|
+
var parentElement = this.targetElement ? this.targetElement : (_a = this.parentRef) === null || _a === void 0 ? void 0 : _a.nativeElement;
|
|
9242
|
+
var overlayElement = this.overlayRef.overlayElement;
|
|
9243
|
+
var mouseLeaveParentElement$ = i3.fromEvent(parentElement, 'mouseleave').pipe(operators.map(function () { return overlayElement; }));
|
|
9244
|
+
var mouseLeaveOverlayElement$ = i3.fromEvent(overlayElement, 'mouseleave').pipe(operators.map(function () { return parentElement; }));
|
|
9245
|
+
i3.merge(mouseLeaveParentElement$, mouseLeaveOverlayElement$)
|
|
9246
|
+
.pipe(operators.filter(function (element) { return !element.matches(':hover'); }), operators.debounceTime((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.hideDelay) !== null && _c !== void 0 ? _c : EVO_TOOLTIP_CONFIG.hideDelay), operators.filter(function () { return !parentElement.matches(':hover') && !overlayElement.matches(':hover'); }), operators.first(), operators.catchError(function () {
|
|
9247
|
+
_this.hideTooltip();
|
|
9248
|
+
return i3.EMPTY;
|
|
9249
|
+
}))
|
|
9250
|
+
.subscribe(function () {
|
|
9251
|
+
_this.hideTooltip();
|
|
9252
|
+
});
|
|
9253
|
+
this.positionStrategy.positionChanges.subscribe(function (value) {
|
|
9254
|
+
_this._position$.next(value.connectionPair.panelClass);
|
|
9255
|
+
});
|
|
9256
|
+
};
|
|
9257
|
+
EvoTooltipService.prototype.getPositions = function (position) {
|
|
9258
|
+
var _this = this;
|
|
9259
|
+
return this.getPositionsOrder(position).map(function (key) {
|
|
9260
|
+
var offset = EVO_TOOLTIP_OFFSET(_this._visibleArrow$.value);
|
|
9261
|
+
var position = Object.assign({}, EVO_CONNECTED_POSITION(offset)[key]);
|
|
9262
|
+
var width = _this.parentRef.nativeElement.offsetWidth;
|
|
9263
|
+
var height = _this.parentRef.nativeElement.offsetHeight;
|
|
9264
|
+
var maxSize = EVO_TOOLTIP_ARROW_SIZE + EVO_TOOLTIP_RADIUS * 2;
|
|
9265
|
+
// Добавляем смещение тултипа для мелких обьектов
|
|
9266
|
+
if (width <= maxSize) {
|
|
9267
|
+
switch (key) {
|
|
9268
|
+
case EvoTooltipPosition.BOTTOM_START:
|
|
9269
|
+
case EvoTooltipPosition.TOP_START:
|
|
9270
|
+
position.offsetX = -(maxSize - width) / 2;
|
|
9271
|
+
break;
|
|
9272
|
+
case EvoTooltipPosition.BOTTOM_END:
|
|
9273
|
+
case EvoTooltipPosition.TOP_END:
|
|
9274
|
+
position.offsetX = (maxSize - width) / 2;
|
|
9275
|
+
break;
|
|
9276
|
+
}
|
|
9277
|
+
}
|
|
9278
|
+
// Добавляем смещение тултипа для мелких обьектов
|
|
9279
|
+
if (height <= maxSize) {
|
|
9280
|
+
switch (key) {
|
|
9281
|
+
case EvoTooltipPosition.LEFT_START:
|
|
9282
|
+
case EvoTooltipPosition.RIGHT_START:
|
|
9283
|
+
position.offsetY = -(maxSize - height) / 2;
|
|
9284
|
+
break;
|
|
9285
|
+
case EvoTooltipPosition.LEFT_END:
|
|
9286
|
+
case EvoTooltipPosition.RIGHT_END:
|
|
9287
|
+
position.offsetY = (maxSize - height) / 2;
|
|
9288
|
+
break;
|
|
9289
|
+
}
|
|
9290
|
+
}
|
|
9291
|
+
return position;
|
|
9292
|
+
});
|
|
9293
|
+
};
|
|
9294
|
+
EvoTooltipService.prototype.getPositionsOrder = function (position) {
|
|
9295
|
+
var priorityPositions = EVO_PRIORITY_POSITIONS_ORDER[position];
|
|
9296
|
+
if (priorityPositions) {
|
|
9297
|
+
return __spreadArray(__spreadArray([], __read(priorityPositions)), __read(EVO_DEFAULT_POSITIONS_ORDER.filter(function (defaultPosition) { return !priorityPositions.includes(defaultPosition); })));
|
|
9298
|
+
}
|
|
9299
|
+
var indexPositionKey = EVO_DEFAULT_POSITIONS_ORDER.indexOf(position);
|
|
9300
|
+
return EVO_DEFAULT_POSITIONS_ORDER.slice(indexPositionKey).concat(EVO_DEFAULT_POSITIONS_ORDER.slice(0, indexPositionKey));
|
|
9301
|
+
};
|
|
9302
|
+
return EvoTooltipService;
|
|
9303
|
+
}());
|
|
9304
|
+
EvoTooltipService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipService, deps: [{ token: i1__namespace$2.Overlay }, { token: i1__namespace$2.OverlayPositionBuilder }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
9305
|
+
EvoTooltipService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipService });
|
|
9306
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipService, decorators: [{
|
|
9307
|
+
type: i0.Injectable
|
|
9308
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$2.Overlay }, { type: i1__namespace$2.OverlayPositionBuilder }, { type: i0__namespace.Injector }]; } });
|
|
9309
|
+
|
|
9310
|
+
var EvoTooltipComponent = /** @class */ (function () {
|
|
9311
|
+
function EvoTooltipComponent(elementRef, tooltipService, renderer) {
|
|
9312
|
+
this.elementRef = elementRef;
|
|
9313
|
+
this.tooltipService = tooltipService;
|
|
9314
|
+
this.renderer = renderer;
|
|
9315
|
+
this.position$ = this.tooltipService.position$;
|
|
9316
|
+
this.stringContent$ = this.tooltipService.stringContent$;
|
|
9317
|
+
this.templateContent$ = this.tooltipService.templateContent$;
|
|
9318
|
+
this.visibleArrow$ = this.tooltipService.visibleArrow$;
|
|
9319
|
+
this.styles$ = i3.EMPTY;
|
|
9320
|
+
this.fadeIn = true;
|
|
9321
|
+
this._positionArrowStyles$ = new i3.BehaviorSubject(null);
|
|
9322
|
+
this._destroy$ = new i3.Subject();
|
|
9323
|
+
this.styles$ = i3.combineLatest([this.tooltipService.styles$, this._positionArrowStyles$]).pipe(operators.map(function (_a) {
|
|
9324
|
+
var _b = __read(_a, 2), style1 = _b[0], style2 = _b[1];
|
|
9325
|
+
return (Object.assign(Object.assign({}, style1), style2));
|
|
9326
|
+
}));
|
|
9327
|
+
}
|
|
9328
|
+
EvoTooltipComponent.prototype.ngOnInit = function () {
|
|
9329
|
+
var _this = this;
|
|
9330
|
+
i3.combineLatest([this.position$, this.tooltipService.parentRef$, this.visibleArrow$])
|
|
9331
|
+
.pipe(operators.filter(function (_a) {
|
|
9332
|
+
var _b = __read(_a, 3), _position = _b[0], _parentRef = _b[1], visibleArrow = _b[2];
|
|
9333
|
+
return visibleArrow;
|
|
9334
|
+
}),
|
|
9335
|
+
// Вычисление стрелки нужно только для угловых позиций
|
|
9336
|
+
operators.filter(function (_a) {
|
|
9337
|
+
var _b = __read(_a, 1), position = _b[0];
|
|
9338
|
+
switch (position) {
|
|
9339
|
+
case EvoTooltipPosition.TOP:
|
|
9340
|
+
case EvoTooltipPosition.RIGHT:
|
|
9341
|
+
case EvoTooltipPosition.BOTTOM:
|
|
9342
|
+
case EvoTooltipPosition.LEFT:
|
|
9343
|
+
return false;
|
|
9344
|
+
default:
|
|
9345
|
+
return true;
|
|
9346
|
+
}
|
|
9347
|
+
}), operators.tap(function (_a) {
|
|
9348
|
+
var _b = __read(_a, 2), _ = _b[0], parentRef = _b[1];
|
|
9349
|
+
_this.setArrowPosition(parentRef);
|
|
9350
|
+
}), operators.takeUntil(this._destroy$))
|
|
9351
|
+
.subscribe();
|
|
9352
|
+
};
|
|
9353
|
+
EvoTooltipComponent.prototype.ngAfterViewInit = function () {
|
|
9354
|
+
var _this = this;
|
|
9355
|
+
this.tooltipService.tooltipClasses$
|
|
9356
|
+
.pipe(operators.startWith([]), operators.pairwise(), operators.tap(function (_a) {
|
|
9357
|
+
var _b = __read(_a, 2), a = _b[0], b = _b[1];
|
|
9358
|
+
(a || []).forEach(function (oldClass) { return _this.renderer.removeClass(_this.elementRef.nativeElement, oldClass); });
|
|
9359
|
+
(b || []).forEach(function (newClass) { return _this.renderer.addClass(_this.elementRef.nativeElement, newClass); });
|
|
9360
|
+
}), operators.takeUntil(this._destroy$))
|
|
9361
|
+
.subscribe();
|
|
9362
|
+
};
|
|
9363
|
+
EvoTooltipComponent.prototype.ngOnDestroy = function () {
|
|
9364
|
+
this.fadeIn = false;
|
|
9365
|
+
this._destroy$.next();
|
|
9366
|
+
this._destroy$.complete();
|
|
9367
|
+
};
|
|
9368
|
+
EvoTooltipComponent.prototype.setArrowPosition = function (parentRef) {
|
|
9369
|
+
var _a;
|
|
9370
|
+
// Для того чтобы стрелка тянулась к центру родителя - берем середину
|
|
9371
|
+
var widthParent = parentRef.nativeElement.offsetWidth / 2;
|
|
9372
|
+
var heightParent = parentRef.nativeElement.offsetHeight / 2;
|
|
9373
|
+
var isParentLonger = widthParent >= this.elementRef.nativeElement.offsetWidth;
|
|
9374
|
+
var isParentHigher = heightParent >= this.elementRef.nativeElement.offsetHeight;
|
|
9375
|
+
// Если середина родителя оказывается меньше тултипа - берем середину родителя иначе размер тултипа
|
|
9376
|
+
// Это проверка на максимальное смещение, смещение стрелки не должно быть больше размера тултипа
|
|
9377
|
+
var width = isParentLonger ? this.elementRef.nativeElement.offsetWidth : widthParent;
|
|
9378
|
+
var height = isParentHigher ? this.elementRef.nativeElement.offsetHeight : heightParent;
|
|
9379
|
+
var positionArrow = function (size, isParentBigger) {
|
|
9380
|
+
// Если середина родителя больше тултипа
|
|
9381
|
+
// То берем размер тултипа и отнимаем размер стрелки и радиуса
|
|
9382
|
+
// Иначе берем середину родителя и отнимаем половину стрелки
|
|
9383
|
+
// Это условие нужно чтобы стрелка не смещалась
|
|
9384
|
+
return isParentBigger ? size - EVO_TOOLTIP_ARROW_SIZE - EVO_TOOLTIP_RADIUS : size - EVO_TOOLTIP_ARROW_SIZE / 2;
|
|
9385
|
+
};
|
|
9386
|
+
var verticalPositionArrow = positionArrow(height, isParentHigher);
|
|
9387
|
+
var horizontalPositionArrow = positionArrow(width, isParentLonger);
|
|
9388
|
+
// Проверка на минимальное смещение, смещение стрелки не должно быть меньше размера радиуса тултипа 8px
|
|
9389
|
+
horizontalPositionArrow =
|
|
9390
|
+
horizontalPositionArrow > EVO_TOOLTIP_RADIUS ? horizontalPositionArrow : EVO_TOOLTIP_RADIUS;
|
|
9391
|
+
verticalPositionArrow = verticalPositionArrow > EVO_TOOLTIP_RADIUS ? verticalPositionArrow : EVO_TOOLTIP_RADIUS;
|
|
9392
|
+
this._positionArrowStyles$.next((_a = {},
|
|
9393
|
+
_a[EvoTooltipVariableArrowPosition.VERTICAL_POSITION_ARROW] = verticalPositionArrow + "px",
|
|
9394
|
+
_a[EvoTooltipVariableArrowPosition.HORIZONTAL_POSITION_ARROW] = horizontalPositionArrow + "px",
|
|
9395
|
+
_a));
|
|
9396
|
+
};
|
|
9397
|
+
return EvoTooltipComponent;
|
|
9398
|
+
}());
|
|
9399
|
+
EvoTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipComponent, deps: [{ token: i0__namespace.ElementRef }, { token: EvoTooltipService }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
9400
|
+
EvoTooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoTooltipComponent, selector: "evo-tooltip", host: { properties: { "@fadeIn": "this.fadeIn" } }, ngImport: i0__namespace, template: "<ng-container\n *ngIf=\"{position: position$ | async, styles: styles$ | async, visibleArrow: visibleArrow$ | async} as asyncData\"\n>\n <div\n class=\"evo-tooltip\"\n [class]=\"'evo-tooltip_' + asyncData.position\"\n [class.evo-tooltip_not-arrow]=\"!asyncData.visibleArrow\"\n [style]=\"asyncData.styles\"\n >\n <ng-container *ngIf=\"stringContent$ | async as content; else templateRef\">{{ content }}</ng-container>\n </div>\n</ng-container>\n\n<ng-template #templateRef>\n <ng-container *ngIf=\"templateContent$ | async as content\" [ngTemplateOutlet]=\"content\"></ng-container>\n</ng-template>\n", styles: [":host{--evo-tooltip-horizontal-position-arrow: 50%;--evo-tooltip-vertical-position-arrow: 50%;--evo-tooltip-color: #212121;--evo-tooltip-background-color: #FFF8E6;--evo-tooltip-max-width: 300px;--evo-tooltip-padding: 16px;--evo-tooltip-border-radius: 8px}:host:empty{display:none}.evo-tooltip{display:inline-block;position:relative;background-color:var(--evo-tooltip-background-color);color:var(--evo-tooltip-color);padding:var(--evo-tooltip-padding);font:inherit;border-radius:var(--evo-tooltip-border-radius);box-sizing:border-box;max-width:var(--evo-tooltip-max-width);filter:drop-shadow(0 8px 10px rgba(0,0,0,.14)) drop-shadow(0 3px 14px rgba(0,0,0,.12))}.evo-tooltip:empty{display:none}.evo-tooltip:not(.evo-tooltip_not-arrow):before{content:\"\";position:absolute;border-style:solid}.evo-tooltip_top-start:before,.evo-tooltip_top:before,.evo-tooltip_top-end:before{border-width:8px 8px 0 8px;border-color:var(--evo-tooltip-background-color) transparent transparent transparent;bottom:-8px}.evo-tooltip_top-start:before{left:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_top:before{left:50%;transform:translate(-50%)}.evo-tooltip_top-end:before{right:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_right-start:before,.evo-tooltip_right:before,.evo-tooltip_right-end:before{border-width:8px 8px 8px 0;border-color:transparent var(--evo-tooltip-background-color) transparent transparent;left:-8px}.evo-tooltip_right-start:before{top:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_right:before{top:50%;transform:translateY(-50%)}.evo-tooltip_right-end:before{bottom:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_bottom-start:before,.evo-tooltip_bottom:before,.evo-tooltip_bottom-end:before{border-width:0 8px 8px 8px;border-color:transparent transparent var(--evo-tooltip-background-color) transparent;top:-8px}.evo-tooltip_bottom-start:before{left:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_bottom:before{left:50%;transform:translate(-50%)}.evo-tooltip_bottom-end:before{right:var(--evo-tooltip-horizontal-position-arrow)}.evo-tooltip_left-start:before,.evo-tooltip_left:before,.evo-tooltip_left-end:before{border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--evo-tooltip-background-color);right:-8px}.evo-tooltip_left-start:before{top:var(--evo-tooltip-vertical-position-arrow)}.evo-tooltip_left:before{top:50%;transform:translateY(-50%)}.evo-tooltip_left-end:before{bottom:var(--evo-tooltip-vertical-position-arrow)}\n"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [EVO_TOOLTIP_FADEIN_ANIMATION], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
9401
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipComponent, decorators: [{
|
|
9402
|
+
type: i0.Component,
|
|
9403
|
+
args: [{
|
|
9404
|
+
selector: 'evo-tooltip',
|
|
9405
|
+
templateUrl: './evo-tooltip.component.html',
|
|
9406
|
+
styleUrls: ['./evo-tooltip.component.scss'],
|
|
9407
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
9408
|
+
animations: [EVO_TOOLTIP_FADEIN_ANIMATION],
|
|
9409
|
+
}]
|
|
9410
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: EvoTooltipService }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { fadeIn: [{
|
|
9411
|
+
type: i0.HostBinding,
|
|
9412
|
+
args: ['@fadeIn']
|
|
9413
|
+
}] } });
|
|
9414
|
+
|
|
9415
|
+
var EvoTooltipDirective = /** @class */ (function () {
|
|
9416
|
+
function EvoTooltipDirective(elementRef, tooltipService) {
|
|
9417
|
+
this.elementRef = elementRef;
|
|
9418
|
+
this.tooltipService = tooltipService;
|
|
9419
|
+
this.position = EvoTooltipPosition.BOTTOM;
|
|
9420
|
+
this.disabled = false;
|
|
9421
|
+
this.evoTooltipOpen = new i0.EventEmitter();
|
|
9422
|
+
this.evoTooltipClose = new i0.EventEmitter();
|
|
9423
|
+
this.isOpen$ = this.tooltipService.isOpen$;
|
|
9424
|
+
this.destroy$ = new i3.Subject();
|
|
9425
|
+
}
|
|
9426
|
+
Object.defineProperty(EvoTooltipDirective.prototype, "evoTooltipVisibleArrow", {
|
|
9427
|
+
set: function (visibleArrow) {
|
|
9428
|
+
this.tooltipService.setArrowVisibility(visibleArrow);
|
|
9429
|
+
},
|
|
9430
|
+
enumerable: false,
|
|
9431
|
+
configurable: true
|
|
9432
|
+
});
|
|
9433
|
+
Object.defineProperty(EvoTooltipDirective.prototype, "evoTooltipStyles", {
|
|
9434
|
+
set: function (tooltipStyles) {
|
|
9435
|
+
this.tooltipService.setTooltipStyles(tooltipStyles);
|
|
9436
|
+
},
|
|
9437
|
+
enumerable: false,
|
|
9438
|
+
configurable: true
|
|
9439
|
+
});
|
|
9440
|
+
Object.defineProperty(EvoTooltipDirective.prototype, "evoTooltipClass", {
|
|
9441
|
+
set: function (tooltipClass) {
|
|
9442
|
+
this.tooltipService.setTooltipClass(tooltipClass);
|
|
9443
|
+
},
|
|
9444
|
+
enumerable: false,
|
|
9445
|
+
configurable: true
|
|
9446
|
+
});
|
|
9447
|
+
Object.defineProperty(EvoTooltipDirective.prototype, "hostClasses", {
|
|
9448
|
+
get: function () {
|
|
9449
|
+
return __spreadArray(['evo-tooltip-trigger'], __read((this.disabled ? ['evo-tooltip-trigger_disabled'] : [])));
|
|
9450
|
+
},
|
|
9451
|
+
enumerable: false,
|
|
9452
|
+
configurable: true
|
|
9453
|
+
});
|
|
9454
|
+
EvoTooltipDirective.prototype.ngOnInit = function () {
|
|
9455
|
+
this.initSubscriptions();
|
|
9456
|
+
};
|
|
9457
|
+
EvoTooltipDirective.prototype.ngOnDestroy = function () {
|
|
9458
|
+
this.hide();
|
|
9459
|
+
this.destroy$.next();
|
|
9460
|
+
this.destroy$.complete();
|
|
9461
|
+
};
|
|
9462
|
+
EvoTooltipDirective.prototype.hide = function () {
|
|
9463
|
+
this.tooltipService.hideTooltip();
|
|
9464
|
+
};
|
|
9465
|
+
EvoTooltipDirective.prototype.show = function (event) {
|
|
9466
|
+
if (!this.content || this.tooltipService.hasAttached || this.disabled) {
|
|
9467
|
+
return;
|
|
9468
|
+
}
|
|
9469
|
+
this.tooltipService.showTooltip(this.elementRef, this.content, this.position, Object.assign(Object.assign({}, EVO_TOOLTIP_CONFIG), this.config), event === null || event === void 0 ? void 0 : event.target);
|
|
9470
|
+
};
|
|
9471
|
+
EvoTooltipDirective.prototype.initSubscriptions = function () {
|
|
9472
|
+
var _this = this;
|
|
9473
|
+
var _a, _b;
|
|
9474
|
+
i3.fromEvent(this.elementRef.nativeElement, 'mouseenter')
|
|
9475
|
+
.pipe(operators.throttleTime((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.showDelay) !== null && _b !== void 0 ? _b : EVO_TOOLTIP_CONFIG.showDelay), operators.tap(function () {
|
|
9476
|
+
_this.show();
|
|
9477
|
+
}), operators.takeUntil(this.destroy$))
|
|
9478
|
+
.subscribe();
|
|
9479
|
+
this.tooltipService.isOpen$
|
|
9480
|
+
.pipe(operators.tap(function (isOpen) {
|
|
9481
|
+
isOpen ? _this.evoTooltipOpen.emit() : _this.evoTooltipClose.emit();
|
|
9482
|
+
}), operators.takeUntil(this.destroy$))
|
|
9483
|
+
.subscribe();
|
|
9484
|
+
};
|
|
9485
|
+
return EvoTooltipDirective;
|
|
9486
|
+
}());
|
|
9487
|
+
EvoTooltipDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipDirective, deps: [{ token: i0__namespace.ElementRef }, { token: EvoTooltipService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
9488
|
+
EvoTooltipDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: EvoTooltipDirective, selector: "[evoTooltip]", inputs: { content: ["evoTooltip", "content"], position: ["evoTooltipPosition", "position"], disabled: ["evoTooltipDisabled", "disabled"], config: ["evoTooltipConfig", "config"], evoTooltipVisibleArrow: "evoTooltipVisibleArrow", evoTooltipStyles: "evoTooltipStyles", evoTooltipClass: "evoTooltipClass" }, outputs: { evoTooltipOpen: "evoTooltipOpen", evoTooltipClose: "evoTooltipClose" }, host: { properties: { "class": "this.hostClasses" } }, providers: [EvoTooltipService], exportAs: ["evoTooltip"], ngImport: i0__namespace });
|
|
9489
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipDirective, decorators: [{
|
|
9490
|
+
type: i0.Directive,
|
|
9491
|
+
args: [{
|
|
9492
|
+
selector: '[evoTooltip]',
|
|
9493
|
+
exportAs: 'evoTooltip',
|
|
9494
|
+
providers: [EvoTooltipService],
|
|
9495
|
+
}]
|
|
9496
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: EvoTooltipService }]; }, propDecorators: { content: [{
|
|
9497
|
+
type: i0.Input,
|
|
9498
|
+
args: ['evoTooltip']
|
|
9499
|
+
}], position: [{
|
|
9500
|
+
type: i0.Input,
|
|
9501
|
+
args: ['evoTooltipPosition']
|
|
9502
|
+
}], disabled: [{
|
|
9503
|
+
type: i0.Input,
|
|
9504
|
+
args: ['evoTooltipDisabled']
|
|
9505
|
+
}], config: [{
|
|
9506
|
+
type: i0.Input,
|
|
9507
|
+
args: ['evoTooltipConfig']
|
|
9508
|
+
}], evoTooltipVisibleArrow: [{
|
|
9509
|
+
type: i0.Input
|
|
9510
|
+
}], evoTooltipStyles: [{
|
|
9511
|
+
type: i0.Input
|
|
9512
|
+
}], evoTooltipClass: [{
|
|
9513
|
+
type: i0.Input
|
|
9514
|
+
}], evoTooltipOpen: [{
|
|
9515
|
+
type: i0.Output
|
|
9516
|
+
}], evoTooltipClose: [{
|
|
9517
|
+
type: i0.Output
|
|
9518
|
+
}], hostClasses: [{
|
|
9519
|
+
type: i0.HostBinding,
|
|
9520
|
+
args: ['class']
|
|
9521
|
+
}] } });
|
|
9522
|
+
|
|
9523
|
+
var EvoTooltipModule = /** @class */ (function () {
|
|
9524
|
+
function EvoTooltipModule() {
|
|
9525
|
+
}
|
|
9526
|
+
return EvoTooltipModule;
|
|
9527
|
+
}());
|
|
9528
|
+
EvoTooltipModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
9529
|
+
EvoTooltipModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipModule, declarations: [EvoTooltipComponent, EvoTooltipDirective], imports: [i1$2.OverlayModule, i2.CommonModule], exports: [EvoTooltipDirective] });
|
|
9530
|
+
EvoTooltipModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipModule, imports: [[i1$2.OverlayModule, i2.CommonModule]] });
|
|
9531
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoTooltipModule, decorators: [{
|
|
9532
|
+
type: i0.NgModule,
|
|
9533
|
+
args: [{
|
|
9534
|
+
imports: [i1$2.OverlayModule, i2.CommonModule],
|
|
9535
|
+
declarations: [EvoTooltipComponent, EvoTooltipDirective],
|
|
9536
|
+
exports: [EvoTooltipDirective],
|
|
9537
|
+
}]
|
|
9538
|
+
}] });
|
|
9539
|
+
|
|
9540
|
+
/**
|
|
9541
|
+
* Токен `ANIMATION_FRAME` предоставляет поток значений времени из `requestAnimationFrame`,
|
|
9542
|
+
* испускаемый каждый кадр анимации.
|
|
9543
|
+
*
|
|
9544
|
+
* Может быть полезен для задач, которые требуют частого обновления, например, отслеживания
|
|
9545
|
+
* активности или плавной анимации в UI.
|
|
9546
|
+
*/
|
|
9547
|
+
var ANIMATION_FRAME = new i0.InjectionToken('[ANIMATION_FRAME]', {
|
|
9548
|
+
factory: function () {
|
|
9549
|
+
var animationFrame$ = new i3.Observable(function (subscriber) {
|
|
9550
|
+
var id = NaN;
|
|
9551
|
+
var callback = function (timestamp) {
|
|
9552
|
+
subscriber.next(timestamp);
|
|
9553
|
+
id = requestAnimationFrame(callback);
|
|
9554
|
+
};
|
|
9555
|
+
id = requestAnimationFrame(callback);
|
|
9556
|
+
return function () {
|
|
9557
|
+
cancelAnimationFrame(id);
|
|
9558
|
+
};
|
|
9559
|
+
});
|
|
9560
|
+
return animationFrame$.pipe(operators.share());
|
|
9561
|
+
},
|
|
9562
|
+
});
|
|
9563
|
+
|
|
9564
|
+
/**
|
|
9565
|
+
* Кратко:
|
|
9566
|
+
* 🔥 evoZonefull — тащит всё в Angular-зону.
|
|
9567
|
+
* 🧊 evoZonefree — игнорирует Angular-зону, экономит CD.
|
|
9568
|
+
* ⚖️ evoZoneOptimized — как утро с кофе: просыпаешься вовремя и не дергаешь лишний раз change detection.
|
|
9569
|
+
*/
|
|
9570
|
+
/**
|
|
9571
|
+
* Оператор `evoZonefull` обеспечивает полное выполнение потока внутри зоны Angular.
|
|
9572
|
+
*
|
|
9573
|
+
* Все `next`, `error` и `complete` вызовы оборачиваются в `NgZone.run`, чтобы гарантировать
|
|
9574
|
+
* корректный запуск change detection.
|
|
9575
|
+
*
|
|
9576
|
+
* Используй, если поток формируется вне зоны или ты не уверен, что Angular узнает об изменениях.
|
|
9577
|
+
*
|
|
9578
|
+
* @param zone Сервис `NgZone` из Angular DI.
|
|
9579
|
+
* @returns Оператор, оборачивающий поток в `NgZone.run()`.
|
|
9580
|
+
*
|
|
9581
|
+
* @example
|
|
9582
|
+
* source$.pipe(evoZonefull(this.ngZone)).subscribe(...);
|
|
9583
|
+
*/
|
|
9584
|
+
function evoZonefull(zone) {
|
|
9585
|
+
return function (source) { return new i3.Observable(function (subscriber) { return source.subscribe({
|
|
9586
|
+
next: function (value) { return zone.run(function () { return subscriber.next(value); }); },
|
|
9587
|
+
error: function (error) { return zone.run(function () { return subscriber.error(error); }); },
|
|
9588
|
+
complete: function () { return zone.run(function () { return subscriber.complete(); }); },
|
|
9589
|
+
}); }); };
|
|
9590
|
+
}
|
|
9591
|
+
/**
|
|
9592
|
+
* Оператор `evoZonefree` исполняет весь поток вне зоны Angular.
|
|
9593
|
+
*
|
|
9594
|
+
* Это помогает избежать лишних срабатываний change detection и повысить производительность,
|
|
9595
|
+
* особенно для часто испускаемых потоков (например, `scroll`, `animationFrame`, таймеры).
|
|
9596
|
+
*
|
|
9597
|
+
* Используй, если тебе не нужно обновлять Angular view внутри этого потока.
|
|
9598
|
+
*
|
|
9599
|
+
* @param zone Сервис `NgZone` из Angular DI.
|
|
9600
|
+
* @returns Оператор, исполняющий подписку вне Angular-зоны.
|
|
9601
|
+
*
|
|
9602
|
+
* @example
|
|
9603
|
+
* source$.pipe(evoZonefree(this.ngZone)).subscribe(...);
|
|
9604
|
+
*/
|
|
9605
|
+
function evoZonefree(zone) {
|
|
9606
|
+
return function (source) { return new i3.Observable(function (subscriber) { return zone.runOutsideAngular(function () { return source.subscribe(subscriber); }); }); };
|
|
9607
|
+
}
|
|
9608
|
+
/**
|
|
9609
|
+
* Оператор `evoZoneOptimized` — комбо из `evoZonefree` и `evoZonefull`.
|
|
9610
|
+
*
|
|
9611
|
+
* Сначала поток исполняется вне Angular-зоны (`runOutsideAngular`), чтобы избежать лишнего
|
|
9612
|
+
* change detection. Но события `next`, `error` и `complete` всё равно возвращаются в Angular-зону.
|
|
9613
|
+
*
|
|
9614
|
+
* Это идеальный баланс, если тебе нужен быстрый поток без лишнего CD, но ты всё равно хочешь,
|
|
9615
|
+
* чтобы Angular знал о результатах.
|
|
9616
|
+
*
|
|
9617
|
+
* @param zone Сервис `NgZone` из Angular DI.
|
|
9618
|
+
* @returns Оператор, оптимизированный по производительности.
|
|
9619
|
+
*
|
|
9620
|
+
* @example
|
|
9621
|
+
* source$.pipe(evoZoneOptimized(this.ngZone)).subscribe(...);
|
|
9622
|
+
*/
|
|
9623
|
+
function evoZoneOptimized(zone) {
|
|
9624
|
+
return i3.pipe(evoZonefree(zone), evoZonefull(zone));
|
|
9625
|
+
}
|
|
9626
|
+
|
|
9627
|
+
/**
|
|
9628
|
+
* Сервис создает поток, отслеживающий состояние активности
|
|
9629
|
+
* `RouterLinkActive` в реальном времени с использованием `requestAnimationFrame`.
|
|
9630
|
+
*
|
|
9631
|
+
* Наследуется от `Observable<boolean>` и эмитит `true` или `false`, когда состояние `isActive`
|
|
9632
|
+
* меняется. Если `RouterLinkActive` не передан — поток будет пустым (`EMPTY`).
|
|
9633
|
+
*/
|
|
9634
|
+
var RouterLinkActiveService = /** @class */ (function (_super) {
|
|
9635
|
+
__extends(RouterLinkActiveService, _super);
|
|
9636
|
+
function RouterLinkActiveService(routerLinkActive, ngZone, animationFrame$) {
|
|
9637
|
+
var _this = this;
|
|
9638
|
+
var stream$ = routerLinkActive
|
|
9639
|
+
? i3.merge(i3.timer(0), animationFrame$).pipe(operators.map(function () { return routerLinkActive.isActive; }), operators.distinctUntilChanged(), evoZoneOptimized(ngZone))
|
|
9640
|
+
: i3.EMPTY;
|
|
9641
|
+
_this = _super.call(this, function (subscriber) { return stream$.subscribe(subscriber); }) || this;
|
|
9642
|
+
return _this;
|
|
9643
|
+
}
|
|
9644
|
+
return RouterLinkActiveService;
|
|
9645
|
+
}(i3.Observable));
|
|
9646
|
+
RouterLinkActiveService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RouterLinkActiveService, deps: [{ token: i3$2.RouterLinkActive, optional: true }, { token: i0.NgZone }, { token: ANIMATION_FRAME }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
9647
|
+
RouterLinkActiveService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RouterLinkActiveService });
|
|
9648
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RouterLinkActiveService, decorators: [{
|
|
9649
|
+
type: i0.Injectable
|
|
9650
|
+
}], ctorParameters: function () {
|
|
9651
|
+
return [{ type: i3__namespace$2.RouterLinkActive, decorators: [{
|
|
9652
|
+
type: i0.Optional
|
|
9653
|
+
}, {
|
|
9654
|
+
type: i0.Inject,
|
|
9655
|
+
args: [i3$2.RouterLinkActive]
|
|
9656
|
+
}] }, { type: i0__namespace.NgZone, decorators: [{
|
|
9657
|
+
type: i0.Inject,
|
|
9658
|
+
args: [i0.NgZone]
|
|
9659
|
+
}] }, { type: i3__namespace$3.Observable, decorators: [{
|
|
9660
|
+
type: i0.Inject,
|
|
9661
|
+
args: [ANIMATION_FRAME]
|
|
9662
|
+
}] }];
|
|
9663
|
+
} });
|
|
9664
|
+
|
|
9665
|
+
/**
|
|
9666
|
+
* Безопасная обёртка над `MutationObserver`, которая гарантирует,
|
|
9667
|
+
* что код не упадёт в средах, где `MutationObserver` недоступен
|
|
9668
|
+
* (например, серверный рендеринг или тесты без DOM).
|
|
9669
|
+
*
|
|
9670
|
+
* Если `MutationObserver` существует — используется он.
|
|
9671
|
+
* Если нет — используется заглушка с пустыми методами.
|
|
9672
|
+
*/
|
|
9673
|
+
var SafeObserver = typeof MutationObserver !== 'undefined'
|
|
9674
|
+
? MutationObserver
|
|
9675
|
+
: /** @class */ (function () {
|
|
9676
|
+
function class_1() {
|
|
9677
|
+
}
|
|
9678
|
+
class_1.prototype.observe = function () { };
|
|
9679
|
+
class_1.prototype.disconnect = function () { };
|
|
9680
|
+
class_1.prototype.takeRecords = function () {
|
|
9681
|
+
return [];
|
|
9682
|
+
};
|
|
9683
|
+
return class_1;
|
|
9684
|
+
}());
|
|
9685
|
+
/**
|
|
9686
|
+
* Сервис `MutationObserverService` предоставляет поток `Observable<MutationRecord[]>`,
|
|
9687
|
+
* который эмитит записи изменений DOM для текущего элемента (`ElementRef`).
|
|
9688
|
+
*
|
|
9689
|
+
* Наблюдает за изменениями потомков, текстового содержимого и вложенных структур (`subtree: true`).
|
|
9690
|
+
*
|
|
9691
|
+
* Используется `SafeObserver`, чтобы гарантировать совместимость с SSR и тестовой средой.
|
|
9692
|
+
*
|
|
9693
|
+
* ⚠️ Важно: требует, чтобы `ElementRef` был доступен через DI-контекст (т.е. работает в компонентах/директивах).
|
|
9694
|
+
*
|
|
9695
|
+
* @example
|
|
9696
|
+
* this.mutationObserverService.subscribe(records => {
|
|
9697
|
+
* console.log('Mutation detected!', records);
|
|
9698
|
+
* });
|
|
9699
|
+
*/
|
|
9700
|
+
var MutationObserverService = /** @class */ (function (_super) {
|
|
9701
|
+
__extends(MutationObserverService, _super);
|
|
9702
|
+
function MutationObserverService() {
|
|
9703
|
+
var _this = this;
|
|
9704
|
+
var nativeElement = i0.inject(i0.ElementRef).nativeElement;
|
|
9705
|
+
_this = _super.call(this, function (subscriber) {
|
|
9706
|
+
var observer = new SafeObserver(function (records) {
|
|
9707
|
+
subscriber.next(records);
|
|
9708
|
+
});
|
|
9709
|
+
observer.observe(nativeElement, {
|
|
9710
|
+
childList: true,
|
|
9711
|
+
characterData: true,
|
|
9712
|
+
subtree: true,
|
|
9713
|
+
});
|
|
9714
|
+
return function () {
|
|
9715
|
+
observer.disconnect();
|
|
9716
|
+
};
|
|
9717
|
+
}) || this;
|
|
9718
|
+
return _this;
|
|
9719
|
+
}
|
|
9720
|
+
return MutationObserverService;
|
|
9721
|
+
}(i3.Observable));
|
|
9722
|
+
MutationObserverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MutationObserverService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
9723
|
+
MutationObserverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MutationObserverService });
|
|
9724
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MutationObserverService, decorators: [{
|
|
9725
|
+
type: i0.Injectable
|
|
9726
|
+
}], ctorParameters: function () { return []; } });
|
|
9727
|
+
|
|
9728
|
+
var EVO_TAB_ACTIVATE = 'evo-tab-activate';
|
|
9729
|
+
var EvoNavigationTabDirective = /** @class */ (function () {
|
|
9730
|
+
function EvoNavigationTabDirective(el, routerLinkActiveService, rla, mutation) {
|
|
9731
|
+
this.el = el;
|
|
9732
|
+
this.routerLinkActiveService = routerLinkActiveService;
|
|
9733
|
+
this.rla = rla;
|
|
9734
|
+
this.mutation = mutation;
|
|
9735
|
+
this.tabClass = true;
|
|
9736
|
+
this.destroy$ = new i3.Subject();
|
|
9737
|
+
this.initSubscriptions();
|
|
9738
|
+
}
|
|
9739
|
+
EvoNavigationTabDirective.prototype.ngOnDestroy = function () {
|
|
9740
|
+
this.destroy$.next();
|
|
9741
|
+
this.destroy$.complete();
|
|
9742
|
+
};
|
|
9743
|
+
EvoNavigationTabDirective.prototype.initSubscriptions = function () {
|
|
9744
|
+
var _this = this;
|
|
9745
|
+
var mutationObserver = this.rla && this.mutation ? this.mutation.pipe(operators.filter(function () { return _this.rla.isActive; })) : i3.EMPTY;
|
|
9746
|
+
i3.merge(mutationObserver, this.routerLinkActiveService.pipe(operators.filter(function (r) { return r; })), i3.fromEvent(this.el.nativeElement, 'click').pipe(
|
|
9747
|
+
// Delaying execution until after all other click callbacks
|
|
9748
|
+
operators.switchMap(function () { return i3.fromEvent(_this.el.nativeElement.parentElement, 'click').pipe(operators.take(1)); })))
|
|
9749
|
+
.pipe(operators.tap(function () {
|
|
9750
|
+
_this.el.nativeElement.dispatchEvent(new CustomEvent(EVO_TAB_ACTIVATE, { bubbles: true }));
|
|
9751
|
+
}), operators.takeUntil(this.destroy$))
|
|
9752
|
+
.subscribe();
|
|
9753
|
+
};
|
|
9754
|
+
return EvoNavigationTabDirective;
|
|
9755
|
+
}());
|
|
9756
|
+
EvoNavigationTabDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabDirective, deps: [{ token: i0__namespace.ElementRef }, { token: RouterLinkActiveService }, { token: i3__namespace$2.RouterLinkActive, optional: true }, { token: MutationObserverService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
9757
|
+
EvoNavigationTabDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavigationTabDirective, selector: "button[evoNavigationTab]:not([routerLink]), button[evoNavigationTab][routerLink][routerLinkActive]", host: { properties: { "class.evo-navigation-tab": "this.tabClass" } }, providers: [MutationObserverService, RouterLinkActiveService], ngImport: i0__namespace });
|
|
9758
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabDirective, decorators: [{
|
|
9759
|
+
type: i0.Directive,
|
|
9760
|
+
args: [{
|
|
9761
|
+
selector: 'button[evoNavigationTab]:not([routerLink]), button[evoNavigationTab][routerLink][routerLinkActive]',
|
|
9762
|
+
providers: [MutationObserverService, RouterLinkActiveService],
|
|
9763
|
+
}]
|
|
9764
|
+
}], ctorParameters: function () {
|
|
9765
|
+
return [{ type: i0__namespace.ElementRef }, { type: RouterLinkActiveService }, { type: i3__namespace$2.RouterLinkActive, decorators: [{
|
|
9766
|
+
type: i0.Optional
|
|
9767
|
+
}] }, { type: MutationObserverService, decorators: [{
|
|
9768
|
+
type: i0.Optional
|
|
9769
|
+
}] }];
|
|
9770
|
+
}, propDecorators: { tabClass: [{
|
|
9771
|
+
type: i0.HostBinding,
|
|
9772
|
+
args: ['class.evo-navigation-tab']
|
|
9773
|
+
}] } });
|
|
9774
|
+
|
|
9775
|
+
var EvoNavigationTabsComponent = /** @class */ (function () {
|
|
9776
|
+
function EvoNavigationTabsComponent(el) {
|
|
9777
|
+
this.el = el;
|
|
9778
|
+
this.tabs = [];
|
|
9779
|
+
this.size = 'normal';
|
|
9780
|
+
this.activeItemIndexChange = new i0.EventEmitter();
|
|
9781
|
+
this.disabled = false;
|
|
9782
|
+
this.activeIndex = 0;
|
|
9783
|
+
this.disabledSubject$ = new i3.Subject();
|
|
9784
|
+
this.nextRenderSubject$ = new i3.Subject();
|
|
9785
|
+
this.destroy$ = new i3.Subject();
|
|
9786
|
+
this.initSubscriptions();
|
|
9787
|
+
}
|
|
9788
|
+
Object.defineProperty(EvoNavigationTabsComponent.prototype, "setActiveIndex", {
|
|
9789
|
+
set: function (index) {
|
|
9790
|
+
this.activeIndex = index;
|
|
9791
|
+
this.markTabAsActive();
|
|
9792
|
+
},
|
|
9793
|
+
enumerable: false,
|
|
9794
|
+
configurable: true
|
|
9795
|
+
});
|
|
9796
|
+
Object.defineProperty(EvoNavigationTabsComponent.prototype, "setDisabled", {
|
|
9797
|
+
set: function (disabled) {
|
|
9798
|
+
this.disabled = disabled;
|
|
9799
|
+
this.disabledSubject$.next(disabled);
|
|
9800
|
+
},
|
|
9801
|
+
enumerable: false,
|
|
9802
|
+
configurable: true
|
|
9803
|
+
});
|
|
9804
|
+
EvoNavigationTabsComponent.prototype.ngAfterViewInit = function () {
|
|
9805
|
+
this.markTabAsActive();
|
|
9806
|
+
};
|
|
9807
|
+
EvoNavigationTabsComponent.prototype.ngAfterViewChecked = function () {
|
|
9808
|
+
this.nextRenderSubject$.next();
|
|
9809
|
+
};
|
|
9810
|
+
EvoNavigationTabsComponent.prototype.ngOnDestroy = function () {
|
|
9811
|
+
this.destroy$.next();
|
|
9812
|
+
this.destroy$.complete();
|
|
9813
|
+
};
|
|
9814
|
+
EvoNavigationTabsComponent.prototype.onActivate = function (event, element) {
|
|
9815
|
+
var index = this.tabsList.findIndex(function (tab) { return tab === element; });
|
|
9816
|
+
event.stopPropagation();
|
|
9817
|
+
if (index === this.activeIndex) {
|
|
9818
|
+
return;
|
|
9819
|
+
}
|
|
9820
|
+
this.activeItemIndexChange.emit(index);
|
|
9821
|
+
this.activeIndex = index;
|
|
9822
|
+
this.markTabAsActive();
|
|
9823
|
+
};
|
|
9824
|
+
Object.defineProperty(EvoNavigationTabsComponent.prototype, "tabsList", {
|
|
9825
|
+
get: function () {
|
|
9826
|
+
return Array.from(this.el.nativeElement.querySelectorAll('[evoNavigationTab]'));
|
|
9827
|
+
},
|
|
9828
|
+
enumerable: false,
|
|
9829
|
+
configurable: true
|
|
9830
|
+
});
|
|
9831
|
+
Object.defineProperty(EvoNavigationTabsComponent.prototype, "activeElement", {
|
|
9832
|
+
get: function () {
|
|
9833
|
+
return this.tabsList[this.activeIndex] || undefined;
|
|
9834
|
+
},
|
|
9835
|
+
enumerable: false,
|
|
9836
|
+
configurable: true
|
|
9837
|
+
});
|
|
9838
|
+
EvoNavigationTabsComponent.prototype.markTabAsActive = function () {
|
|
9839
|
+
var _a = this, tabsList = _a.tabsList, activeElement = _a.activeElement;
|
|
9840
|
+
tabsList.forEach(function (nativeElement) {
|
|
9841
|
+
var active = nativeElement === activeElement;
|
|
9842
|
+
nativeElement.classList.toggle('_active', active);
|
|
9843
|
+
nativeElement.setAttribute('tabIndex', active ? '0' : '-1');
|
|
9844
|
+
});
|
|
9845
|
+
};
|
|
9846
|
+
EvoNavigationTabsComponent.prototype.markTabAsDisabled = function () {
|
|
9847
|
+
var _this = this;
|
|
9848
|
+
this.tabsList.forEach(function (nativeElement) {
|
|
9849
|
+
var allDisabledClassName = '_all_disabled';
|
|
9850
|
+
if (_this.disabled && !nativeElement.disabled) {
|
|
9851
|
+
nativeElement.classList.add(allDisabledClassName);
|
|
9852
|
+
nativeElement.setAttribute('disabled', '');
|
|
9853
|
+
}
|
|
9854
|
+
if (!_this.disabled && nativeElement.classList.contains(allDisabledClassName)) {
|
|
9855
|
+
nativeElement.classList.remove(allDisabledClassName);
|
|
9856
|
+
nativeElement.removeAttribute('disabled');
|
|
9857
|
+
}
|
|
9858
|
+
});
|
|
9859
|
+
};
|
|
9860
|
+
EvoNavigationTabsComponent.prototype.initSubscriptions = function () {
|
|
9861
|
+
var _this = this;
|
|
9862
|
+
this.disabledSubject$
|
|
9863
|
+
.pipe(operators.switchMap(function () { return _this.nextRenderSubject$.pipe(operators.take(1)); }), operators.tap(function () {
|
|
9864
|
+
_this.markTabAsDisabled();
|
|
9865
|
+
}), operators.takeUntil(this.destroy$))
|
|
9866
|
+
.subscribe();
|
|
9867
|
+
};
|
|
9868
|
+
return EvoNavigationTabsComponent;
|
|
9869
|
+
}());
|
|
9870
|
+
EvoNavigationTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
9871
|
+
EvoNavigationTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoNavigationTabsComponent, selector: "evo-navigation-tabs", inputs: { tabs: "tabs", size: "size", setActiveIndex: ["activeIndex", "setActiveIndex"], setDisabled: ["disabled", "setDisabled"] }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { listeners: { "evo-tab-activate": "onActivate($event,$event.target)" } }, ngImport: i0__namespace, template: "<div class=\"evo-navigation-tabs\" [class]=\"{ 'evo-navigation-tabs_size_small': size === 'small' }\">\n <ng-content select=\"[position=start]\"></ng-content>\n\n <ng-container *ngFor=\"let tab of tabs; let i = index\">\n <button\n *ngIf=\"tab.link\"\n evoNavigationTab\n routerLinkActive=\"active\"\n queryParamsHandling=\"merge\"\n [routerLink]=\"tab.link\"\n [routerLinkActiveOptions]=\"{exact: true}\"\n [disabled]=\"tab.disabled || disabled\"\n >\n {{ tab.label }}\n </button>\n <button *ngIf=\"!tab.link\" evoNavigationTab [disabled]=\"tab.disabled || disabled\">{{ tab.label }}</button>\n </ng-container>\n\n <ng-content></ng-content>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block}.evo-navigation-tabs{display:flex;box-shadow:inset 0 -1px #c6c6c6;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.evo-navigation-tabs::-webkit-scrollbar{display:none}.evo-navigation-tab{display:flex;align-items:center;box-sizing:border-box;padding:12px 16px;border:none;background:none;color:#212121;white-space:nowrap;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:box-shadow .3s,color .3s;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}.evo-navigation-tabs_size_small .evo-navigation-tab{padding:7px 8px;text-transform:none;font-family:var(--evo-font);font-style:normal;font-size:12px;line-height:18px;font-weight:400}.evo-navigation-tab:hover{color:#f05023}.evo-navigation-tab:focus-visible{outline:none}.evo-navigation-tab._active:not(:disabled){color:#f05023;box-shadow:inset 0 -2px #f05023;cursor:default}.evo-navigation-tabs_size_small .evo-navigation-tab._active:not(:disabled){box-shadow:inset 0 -1px #f05023}.evo-navigation-tab:disabled{color:#b0b0b0;pointer-events:none;cursor:default}\n"], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: EvoNavigationTabDirective, selector: "button[evoNavigationTab]:not([routerLink]), button[evoNavigationTab][routerLink][routerLinkActive]" }, { type: i3__namespace$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i3__namespace$2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
9872
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsComponent, decorators: [{
|
|
9873
|
+
type: i0.Component,
|
|
9874
|
+
args: [{
|
|
9875
|
+
selector: 'evo-navigation-tabs',
|
|
9876
|
+
templateUrl: './evo-navigation-tabs.component.html',
|
|
9877
|
+
styleUrls: ['./evo-navigation-tabs.component.scss'],
|
|
9878
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
9879
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
9880
|
+
}]
|
|
9881
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { tabs: [{
|
|
9882
|
+
type: i0.Input
|
|
9883
|
+
}], size: [{
|
|
9884
|
+
type: i0.Input
|
|
9885
|
+
}], setActiveIndex: [{
|
|
9886
|
+
type: i0.Input,
|
|
9887
|
+
args: ['activeIndex']
|
|
9888
|
+
}], setDisabled: [{
|
|
9889
|
+
type: i0.Input,
|
|
9890
|
+
args: ['disabled']
|
|
9891
|
+
}], activeItemIndexChange: [{
|
|
9892
|
+
type: i0.Output
|
|
9893
|
+
}], onActivate: [{
|
|
9894
|
+
type: i0.HostListener,
|
|
9895
|
+
args: [EVO_TAB_ACTIVATE, ['$event', '$event.target']]
|
|
9896
|
+
}] } });
|
|
9897
|
+
|
|
9898
|
+
var EvoNavigationTabsModule = /** @class */ (function () {
|
|
9899
|
+
function EvoNavigationTabsModule() {
|
|
9900
|
+
}
|
|
9901
|
+
return EvoNavigationTabsModule;
|
|
9902
|
+
}());
|
|
9903
|
+
EvoNavigationTabsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
9904
|
+
EvoNavigationTabsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsModule, declarations: [EvoNavigationTabsComponent, EvoNavigationTabDirective], imports: [i2.CommonModule, i3$2.RouterModule], exports: [EvoNavigationTabsComponent, EvoNavigationTabDirective] });
|
|
9905
|
+
EvoNavigationTabsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsModule, imports: [[i2.CommonModule, i3$2.RouterModule]] });
|
|
9906
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoNavigationTabsModule, decorators: [{
|
|
9907
|
+
type: i0.NgModule,
|
|
9908
|
+
args: [{
|
|
9909
|
+
declarations: [EvoNavigationTabsComponent, EvoNavigationTabDirective],
|
|
9910
|
+
imports: [i2.CommonModule, i3$2.RouterModule],
|
|
9911
|
+
exports: [EvoNavigationTabsComponent, EvoNavigationTabDirective],
|
|
9912
|
+
}]
|
|
9913
|
+
}] });
|
|
9914
|
+
|
|
8965
9915
|
/*
|
|
8966
9916
|
* Public API Surface of evo-ui-kit
|
|
8967
9917
|
*/
|
|
@@ -8981,6 +9931,7 @@
|
|
|
8981
9931
|
exports.EVO_SIDEBAR_CONFIG = EVO_SIDEBAR_CONFIG;
|
|
8982
9932
|
exports.EVO_SIDEBAR_DATA = EVO_SIDEBAR_DATA;
|
|
8983
9933
|
exports.EVO_SIDEBAR_ROOT_ID = EVO_SIDEBAR_ROOT_ID;
|
|
9934
|
+
exports.EVO_TAB_ACTIVATE = EVO_TAB_ACTIVATE;
|
|
8984
9935
|
exports.EvoAbstractPortal = EvoAbstractPortal;
|
|
8985
9936
|
exports.EvoAccordionComponent = EvoAccordionComponent;
|
|
8986
9937
|
exports.EvoAccordionContentComponent = EvoAccordionContentComponent;
|
|
@@ -9049,6 +10000,9 @@
|
|
|
9049
10000
|
exports.EvoNavbarModule = EvoNavbarModule;
|
|
9050
10001
|
exports.EvoNavigationButtonComponent = EvoNavigationButtonComponent;
|
|
9051
10002
|
exports.EvoNavigationButtonModule = EvoNavigationButtonModule;
|
|
10003
|
+
exports.EvoNavigationTabDirective = EvoNavigationTabDirective;
|
|
10004
|
+
exports.EvoNavigationTabsComponent = EvoNavigationTabsComponent;
|
|
10005
|
+
exports.EvoNavigationTabsModule = EvoNavigationTabsModule;
|
|
9052
10006
|
exports.EvoNoteComponent = EvoNoteComponent;
|
|
9053
10007
|
exports.EvoNoteModule = EvoNoteModule;
|
|
9054
10008
|
exports.EvoPaginatorComponent = EvoPaginatorComponent;
|
|
@@ -9105,6 +10059,8 @@
|
|
|
9105
10059
|
exports.EvoToastService = EvoToastService;
|
|
9106
10060
|
exports.EvoToggleComponent = EvoToggleComponent;
|
|
9107
10061
|
exports.EvoToggleModule = EvoToggleModule;
|
|
10062
|
+
exports.EvoTooltipDirective = EvoTooltipDirective;
|
|
10063
|
+
exports.EvoTooltipModule = EvoTooltipModule;
|
|
9108
10064
|
exports.EvoUiClassDirective = EvoUiClassDirective;
|
|
9109
10065
|
exports.EvoUiKitModule = EvoUiKitModule;
|
|
9110
10066
|
exports.EvoUploadComponent = EvoUploadComponent;
|