@evotor-dev/ui-kit 6.5.1 → 6.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/bundles/evotor-dev-ui-kit.umd.js +263 -109
  2. package/bundles/evotor-dev-ui-kit.umd.js.map +1 -1
  3. package/esm2015/lib/components/evo-button/components/evo-button/evo-button.component.js +92 -0
  4. package/esm2015/lib/components/evo-button/components/evo-button-old/evo-button-old.component.js +96 -0
  5. package/esm2015/lib/components/evo-button/constants/evo-button-themes-map.js +31 -0
  6. package/esm2015/lib/components/evo-button/evo-button.module.js +9 -14
  7. package/esm2015/lib/components/evo-button/public-api.js +4 -2
  8. package/esm2015/lib/components/evo-button/types/evo-button-color.js +2 -0
  9. package/esm2015/lib/components/evo-button/types/evo-button-shape.js +2 -0
  10. package/esm2015/lib/components/evo-button/types/evo-button-size.js +2 -0
  11. package/esm2015/lib/components/evo-button/types/evo-button-theme-params.js +2 -0
  12. package/esm2015/lib/components/evo-button/types/evo-button-theme.js +2 -0
  13. package/esm2015/lib/components/evo-button/types/index.js +6 -0
  14. package/esm2015/lib/components/evo-loader/evo-circular-loader.component.js +1 -1
  15. package/esm2015/lib/components/evo-modal/evo-modal.component.js +16 -7
  16. package/esm2015/lib/components/evo-upload/evo-upload.component.js +3 -3
  17. package/fesm2015/evotor-dev-ui-kit.js +225 -97
  18. package/fesm2015/evotor-dev-ui-kit.js.map +1 -1
  19. package/lib/components/evo-button/components/evo-button/evo-button.component.d.ts +24 -0
  20. package/lib/components/evo-button/{evo-button.component.d.ts → components/evo-button-old/evo-button-old.component.d.ts} +9 -3
  21. package/lib/components/evo-button/constants/evo-button-themes-map.d.ts +2 -0
  22. package/lib/components/evo-button/evo-button.module.d.ts +6 -4
  23. package/lib/components/evo-button/public-api.d.ts +3 -1
  24. package/lib/components/evo-button/types/evo-button-color.d.ts +5 -0
  25. package/lib/components/evo-button/types/evo-button-shape.d.ts +4 -0
  26. package/lib/components/evo-button/types/evo-button-size.d.ts +5 -0
  27. package/lib/components/evo-button/types/evo-button-theme-params.d.ts +5 -0
  28. package/lib/components/evo-button/types/evo-button-theme.d.ts +1 -0
  29. package/lib/components/evo-button/types/index.d.ts +5 -0
  30. package/lib/components/evo-modal/evo-modal.component.d.ts +10 -6
  31. package/package.json +1 -1
  32. package/styles/components/evo-table.scss +9 -9
  33. package/styles/mixins.scss +7 -7
  34. package/esm2015/lib/components/evo-button/evo-button.component.js +0 -87
@@ -3174,11 +3174,181 @@
3174
3174
  }]
3175
3175
  }] });
3176
3176
 
3177
+ var EVO_BUTTON_THEMES_MAP = new Map([
3178
+ [
3179
+ 'rectangle-outline',
3180
+ {
3181
+ shape: 'rectangle',
3182
+ isOutline: true,
3183
+ },
3184
+ ],
3185
+ [
3186
+ 'rounded-outline',
3187
+ {
3188
+ shape: 'rounded',
3189
+ isOutline: true,
3190
+ },
3191
+ ],
3192
+ [
3193
+ 'rounded-solid',
3194
+ {
3195
+ shape: 'rounded',
3196
+ isOutline: false,
3197
+ },
3198
+ ],
3199
+ [
3200
+ 'semi-rectangle-solid',
3201
+ {
3202
+ shape: 'semi-rectangle',
3203
+ isOutline: false,
3204
+ },
3205
+ ],
3206
+ ]);
3207
+
3208
+ var defaultId = "clip-path-";
3209
+ var EvoCircularLoaderComponent = /** @class */ (function () {
3210
+ function EvoCircularLoaderComponent() {
3211
+ this.clipPathId = defaultId;
3212
+ }
3213
+ EvoCircularLoaderComponent.prototype.ngOnInit = function () {
3214
+ this.clipPathId += "" + defaultId + Math.random().toString(36).substring(2);
3215
+ };
3216
+ return EvoCircularLoaderComponent;
3217
+ }());
3218
+ EvoCircularLoaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCircularLoaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
3219
+ EvoCircularLoaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoCircularLoaderComponent, selector: "evo-circular-loader", ngImport: i0__namespace, template: "<div class=\"wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <clipPath [attr.id]=\"clipPathId\">\n <path d=\"M12 20C10.4178 20 8.87103 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60896 15.0615C4.00346 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12L18 12C18 10.8133 17.6481 9.65327 16.9888 8.66658C16.3295 7.67988 15.3925 6.91085 14.2961 6.45672C13.1997 6.0026 11.9933 5.88378 10.8295 6.11529C9.66557 6.3468 8.59647 6.91824 7.75736 7.75736C6.91824 8.59647 6.3468 9.66557 6.11529 10.8295C5.88378 11.9933 6.0026 13.1997 6.45672 14.2961C6.91085 15.3925 7.67988 16.3295 8.66658 16.9888C9.65327 17.6481 10.8133 18 12 18L12 20Z\"/>\n </clipPath>\n <foreignObject x=\"0\" y=\"0\" width=\"17\" height=\"16\" [attr.clip-path]=\"'url(#' + clipPathId + ')'\">\n <xhtml:div class=\"loader\"></xhtml:div>\n </foreignObject>\n </svg>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:block;width:24px;height:24px;--evo-circular-loader-animate: spin 1s linear infinite;--evo-circular-loader-color: #C6C6C6 }.wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.wrapper svg{display:block;width:100%;height:100%;animation:var(--evo-circular-loader-animate);fill:none}.wrapper svg .loader{width:100%;height:100%;color:inherit;background:conic-gradient(from 180deg,transparent 0%,var(--evo-circular-loader-color) 100%)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
3220
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCircularLoaderComponent, decorators: [{
3221
+ type: i0.Component,
3222
+ args: [{
3223
+ selector: 'evo-circular-loader',
3224
+ templateUrl: './evo-circular-loader.component.html',
3225
+ styleUrls: ['./evo-circular-loader.component.scss'],
3226
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
3227
+ }]
3228
+ }] });
3229
+
3230
+ var EvoButtonComponent = /** @class */ (function () {
3231
+ function EvoButtonComponent(elRef) {
3232
+ this.elRef = elRef;
3233
+ this.size = 'normal';
3234
+ this.color = 'success';
3235
+ this.shape = 'rounded';
3236
+ this._isOutline = false;
3237
+ this._isDisabled = false;
3238
+ this._isLoading = false;
3239
+ }
3240
+ Object.defineProperty(EvoButtonComponent.prototype, "theme", {
3241
+ /**
3242
+ * `theme` is a complex prop, that sets a number of inner parameters, described in `EvoButtonThemeParams`
3243
+ */
3244
+ set: function (value) {
3245
+ var _a;
3246
+ var selectedTheme = (_a = EVO_BUTTON_THEMES_MAP.get(value)) !== null && _a !== void 0 ? _a : EVO_BUTTON_THEMES_MAP.get('rounded-solid');
3247
+ this.shape = selectedTheme.shape;
3248
+ this._isOutline = selectedTheme.isOutline;
3249
+ },
3250
+ enumerable: false,
3251
+ configurable: true
3252
+ });
3253
+ Object.defineProperty(EvoButtonComponent.prototype, "disabled", {
3254
+ set: function (value) {
3255
+ this._isDisabled = value;
3256
+ if (!this.isLoading) {
3257
+ this.elRef.nativeElement.disabled = value;
3258
+ }
3259
+ },
3260
+ enumerable: false,
3261
+ configurable: true
3262
+ });
3263
+ Object.defineProperty(EvoButtonComponent.prototype, "loading", {
3264
+ set: function (value) {
3265
+ this._isLoading = value;
3266
+ if (!this._isDisabled) {
3267
+ this.elRef.nativeElement.disabled = value;
3268
+ }
3269
+ },
3270
+ enumerable: false,
3271
+ configurable: true
3272
+ });
3273
+ Object.defineProperty(EvoButtonComponent.prototype, "isLoading", {
3274
+ get: function () {
3275
+ return this._isLoading;
3276
+ },
3277
+ enumerable: false,
3278
+ configurable: true
3279
+ });
3280
+ Object.defineProperty(EvoButtonComponent.prototype, "buttonClasses", {
3281
+ get: function () {
3282
+ var classes = [];
3283
+ if (this.color) {
3284
+ classes.push("color_" + this.color);
3285
+ }
3286
+ if (this.shape) {
3287
+ classes.push("shape_" + this.shape);
3288
+ }
3289
+ if (this.size) {
3290
+ classes.push("size_" + this.size);
3291
+ }
3292
+ if (this._isOutline) {
3293
+ classes.push("is-outline");
3294
+ }
3295
+ if (this._isDisabled) {
3296
+ classes.push('is-disabled');
3297
+ }
3298
+ if (this.isLoading) {
3299
+ classes.push('is-loading');
3300
+ }
3301
+ return classes;
3302
+ },
3303
+ enumerable: false,
3304
+ configurable: true
3305
+ });
3306
+ Object.defineProperty(EvoButtonComponent.prototype, "buttonStyles", {
3307
+ get: function () {
3308
+ var result = {};
3309
+ if (this.isLoading) {
3310
+ result['visibility'] = 'hidden';
3311
+ }
3312
+ return result;
3313
+ },
3314
+ enumerable: false,
3315
+ configurable: true
3316
+ });
3317
+ return EvoButtonComponent;
3318
+ }());
3319
+ 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 });
3320
+ 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-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;font-size:14px;line-height:20px;padding:0 16px}.evo-button.evo-button_size_small.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_small.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.evo-button.evo-button_size_normal.evo-button_shape_rounded{height:40px;font-size:18px;line-height:20px;padding:0 24px}.evo-button.evo-button_size_normal.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_normal.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.evo-button.evo-button_size_large.evo-button_shape_rounded{height:56px;font-size:18px;line-height:20px;padding:0 40px}.evo-button.evo-button_size_large.evo-button_shape_rectangle{height:32px;font-size:14px;line-height:24px}.evo-button.evo-button_size_large.evo-button_shape_semi-rectangle{height:24px;font-size:12px;line-height:18px}.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-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:transparent;background-image:var(--evo-button-background-gradient)}\n"], components: [{ type: EvoCircularLoaderComponent, selector: "evo-circular-loader" }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
3321
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonComponent, decorators: [{
3322
+ type: i0.Component,
3323
+ args: [{
3324
+ selector: 'button[evoButton], a[evoButton]',
3325
+ templateUrl: './evo-button.component.html',
3326
+ styleUrls: ['./evo-button.component.scss'],
3327
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
3328
+ }]
3329
+ }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { size: [{
3330
+ type: i0.Input
3331
+ }], color: [{
3332
+ type: i0.Input
3333
+ }], theme: [{
3334
+ type: i0.Input
3335
+ }], disabled: [{
3336
+ type: i0.Input
3337
+ }], loading: [{
3338
+ type: i0.Input
3339
+ }] } });
3340
+
3341
+ /**
3342
+ * @deprecated use EvoButtonComponent
3343
+ */
3177
3344
  exports.EvoButtonSizes = void 0;
3178
3345
  (function (EvoButtonSizes) {
3179
3346
  EvoButtonSizes["small"] = "small";
3180
3347
  EvoButtonSizes["large"] = "large";
3181
3348
  })(exports.EvoButtonSizes || (exports.EvoButtonSizes = {}));
3349
+ /**
3350
+ * @deprecated use EvoButtonColor with EvoButtonTheme
3351
+ */
3182
3352
  exports.EvoButtonStyles = void 0;
3183
3353
  (function (EvoButtonStyles) {
3184
3354
  EvoButtonStyles["lined"] = "lined";
@@ -3189,13 +3359,16 @@
3189
3359
  EvoButtonStyles["purple"] = "purple";
3190
3360
  EvoButtonStyles["red"] = "red";
3191
3361
  })(exports.EvoButtonStyles || (exports.EvoButtonStyles = {}));
3192
- var EvoButtonComponent = /** @class */ (function () {
3193
- function EvoButtonComponent(elRef) {
3362
+ /**
3363
+ * @deprecated use EvoButtonComponent
3364
+ */
3365
+ var EvoButtonOldComponent = /** @class */ (function () {
3366
+ function EvoButtonOldComponent(elRef) {
3194
3367
  this.elRef = elRef;
3195
3368
  this._disabled = false;
3196
3369
  this._loading = false;
3197
3370
  }
3198
- Object.defineProperty(EvoButtonComponent.prototype, "disabled", {
3371
+ Object.defineProperty(EvoButtonOldComponent.prototype, "disabled", {
3199
3372
  get: function () {
3200
3373
  return this._disabled;
3201
3374
  },
@@ -3208,7 +3381,7 @@
3208
3381
  enumerable: false,
3209
3382
  configurable: true
3210
3383
  });
3211
- Object.defineProperty(EvoButtonComponent.prototype, "loading", {
3384
+ Object.defineProperty(EvoButtonOldComponent.prototype, "loading", {
3212
3385
  get: function () {
3213
3386
  return this._loading;
3214
3387
  },
@@ -3221,7 +3394,7 @@
3221
3394
  enumerable: false,
3222
3395
  configurable: true
3223
3396
  });
3224
- Object.defineProperty(EvoButtonComponent.prototype, "totalClasses", {
3397
+ Object.defineProperty(EvoButtonOldComponent.prototype, "totalClasses", {
3225
3398
  get: function () {
3226
3399
  var classes = [];
3227
3400
  if (this.size) {
@@ -3241,7 +3414,7 @@
3241
3414
  enumerable: false,
3242
3415
  configurable: true
3243
3416
  });
3244
- Object.defineProperty(EvoButtonComponent.prototype, "totalStyles", {
3417
+ Object.defineProperty(EvoButtonOldComponent.prototype, "totalStyles", {
3245
3418
  get: function () {
3246
3419
  var result = {};
3247
3420
  if (this.loading) {
@@ -3252,16 +3425,16 @@
3252
3425
  enumerable: false,
3253
3426
  configurable: true
3254
3427
  });
3255
- return EvoButtonComponent;
3428
+ return EvoButtonOldComponent;
3256
3429
  }());
3257
- 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 });
3258
- EvoButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoButtonComponent, 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: i1__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
3259
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonComponent, decorators: [{
3430
+ 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 });
3431
+ 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: i1__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
3432
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonOldComponent, decorators: [{
3260
3433
  type: i0.Component,
3261
3434
  args: [{
3262
3435
  selector: 'evo-button, button[evo-button]',
3263
- templateUrl: './evo-button.component.html',
3264
- styleUrls: ['./evo-button.component.scss'],
3436
+ templateUrl: './evo-button-old.component.html',
3437
+ styleUrls: ['./evo-button-old.component.scss'],
3265
3438
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
3266
3439
  }]
3267
3440
  }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { color: [{
@@ -3274,27 +3447,79 @@
3274
3447
  type: i0.Input
3275
3448
  }] } });
3276
3449
 
3277
- var EvoButtonModule = /** @class */ (function () {
3278
- function EvoButtonModule() {
3450
+ exports.EvoLoaderStyles = void 0;
3451
+ (function (EvoLoaderStyles) {
3452
+ EvoLoaderStyles["darkblue"] = "darkblue";
3453
+ EvoLoaderStyles["green"] = "green";
3454
+ EvoLoaderStyles["white"] = "white";
3455
+ })(exports.EvoLoaderStyles || (exports.EvoLoaderStyles = {}));
3456
+ /**
3457
+ * @deprecated use `EvoCircularLoaderComponent`
3458
+ */
3459
+ var EvoLoaderComponent = /** @class */ (function () {
3460
+ function EvoLoaderComponent() {
3461
+ this.color = exports.EvoLoaderStyles.darkblue;
3279
3462
  }
3280
- return EvoButtonModule;
3463
+ EvoLoaderComponent.prototype.ngOnInit = function () { };
3464
+ return EvoLoaderComponent;
3281
3465
  }());
3282
- EvoButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
3283
- EvoButtonModulemod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, declarations: [EvoButtonComponent], imports: [i1.CommonModule,
3284
- EvoUiKitModule], exports: [EvoButtonComponent] });
3285
- EvoButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, imports: [[
3466
+ EvoLoaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
3467
+ EvoLoaderComponentcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoLoaderComponent, selector: "evo-loader", inputs: { color: "color" }, ngImport: i0__namespace, template: "<div class=\"evo-loader\" [evoUiClass]=\"color\">\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n</div>\n", styles: ["@keyframes fx{50%{transform:scale(1);opacity:1}to{opacity:0}}.evo-loader{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-loader_darkblue{color:#546e7a}.evo-loader_green{color:#21c68b}.evo-loader_white{color:#fff}.evo-loader__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:fx 1s ease infinite 0ms}.evo-loader__dot:nth-child(2){animation:fx 1s ease infinite .3s}.evo-loader__dot:nth-child(3){animation:fx 1s ease infinite .6s}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
3468
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderComponent, decorators: [{
3469
+ type: i0.Component,
3470
+ args: [{
3471
+ selector: 'evo-loader',
3472
+ templateUrl: './evo-loader.component.html',
3473
+ styleUrls: ['./evo-loader.component.scss'],
3474
+ }]
3475
+ }], ctorParameters: function () { return []; }, propDecorators: { color: [{
3476
+ type: i0.Input
3477
+ }] } });
3478
+
3479
+ var bundle = [
3480
+ EvoLoaderComponent,
3481
+ EvoCircularLoaderComponent,
3482
+ ];
3483
+ var EvoLoaderModule = /** @class */ (function () {
3484
+ function EvoLoaderModule() {
3485
+ }
3486
+ return EvoLoaderModule;
3487
+ }());
3488
+ EvoLoaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
3489
+ EvoLoaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, declarations: [EvoLoaderComponent,
3490
+ EvoCircularLoaderComponent], imports: [i1.CommonModule,
3491
+ EvoUiKitModule], exports: [EvoLoaderComponent,
3492
+ EvoCircularLoaderComponent] });
3493
+ EvoLoaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, imports: [[
3286
3494
  i1.CommonModule,
3287
3495
  EvoUiKitModule,
3288
3496
  ]] });
3289
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, decorators: [{
3497
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, decorators: [{
3290
3498
  type: i0.NgModule,
3291
3499
  args: [{
3292
3500
  imports: [
3293
3501
  i1.CommonModule,
3294
3502
  EvoUiKitModule,
3295
3503
  ],
3296
- declarations: [EvoButtonComponent],
3297
- exports: [EvoButtonComponent],
3504
+ declarations: __spreadArray([], __read(bundle)),
3505
+ exports: __spreadArray([], __read(bundle)),
3506
+ }]
3507
+ }] });
3508
+
3509
+ var EvoButtonModule = /** @class */ (function () {
3510
+ function EvoButtonModule() {
3511
+ }
3512
+ return EvoButtonModule;
3513
+ }());
3514
+ EvoButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
3515
+ EvoButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, declarations: [EvoButtonComponent, EvoButtonOldComponent], imports: [i1.CommonModule, EvoUiKitModule, EvoLoaderModule], exports: [EvoButtonComponent, EvoButtonOldComponent] });
3516
+ EvoButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, imports: [[i1.CommonModule, EvoUiKitModule, EvoLoaderModule]] });
3517
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoButtonModule, decorators: [{
3518
+ type: i0.NgModule,
3519
+ args: [{
3520
+ imports: [i1.CommonModule, EvoUiKitModule, EvoLoaderModule],
3521
+ declarations: [EvoButtonComponent, EvoButtonOldComponent],
3522
+ exports: [EvoButtonComponent, EvoButtonOldComponent],
3298
3523
  }]
3299
3524
  }] });
3300
3525
 
@@ -4539,87 +4764,6 @@
4539
4764
  }]
4540
4765
  }] });
4541
4766
 
4542
- exports.EvoLoaderStyles = void 0;
4543
- (function (EvoLoaderStyles) {
4544
- EvoLoaderStyles["darkblue"] = "darkblue";
4545
- EvoLoaderStyles["green"] = "green";
4546
- EvoLoaderStyles["white"] = "white";
4547
- })(exports.EvoLoaderStyles || (exports.EvoLoaderStyles = {}));
4548
- /**
4549
- * @deprecated use `EvoCircularLoaderComponent`
4550
- */
4551
- var EvoLoaderComponent = /** @class */ (function () {
4552
- function EvoLoaderComponent() {
4553
- this.color = exports.EvoLoaderStyles.darkblue;
4554
- }
4555
- EvoLoaderComponent.prototype.ngOnInit = function () { };
4556
- return EvoLoaderComponent;
4557
- }());
4558
- EvoLoaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
4559
- EvoLoaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoLoaderComponent, selector: "evo-loader", inputs: { color: "color" }, ngImport: i0__namespace, template: "<div class=\"evo-loader\" [evoUiClass]=\"color\">\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n <span class=\"evo-loader__dot\"></span>\n</div>\n", styles: ["@keyframes fx{50%{transform:scale(1);opacity:1}to{opacity:0}}.evo-loader{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-loader_darkblue{color:#546e7a}.evo-loader_green{color:#21c68b}.evo-loader_white{color:#fff}.evo-loader__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:fx 1s ease infinite 0ms}.evo-loader__dot:nth-child(2){animation:fx 1s ease infinite .3s}.evo-loader__dot:nth-child(3){animation:fx 1s ease infinite .6s}\n"], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
4560
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderComponent, decorators: [{
4561
- type: i0.Component,
4562
- args: [{
4563
- selector: 'evo-loader',
4564
- templateUrl: './evo-loader.component.html',
4565
- styleUrls: ['./evo-loader.component.scss'],
4566
- }]
4567
- }], ctorParameters: function () { return []; }, propDecorators: { color: [{
4568
- type: i0.Input
4569
- }] } });
4570
-
4571
- var defaultId = "clip-path-";
4572
- var EvoCircularLoaderComponent = /** @class */ (function () {
4573
- function EvoCircularLoaderComponent() {
4574
- this.clipPathId = defaultId;
4575
- }
4576
- EvoCircularLoaderComponent.prototype.ngOnInit = function () {
4577
- this.clipPathId += "" + defaultId + Math.random().toString(36).substring(2);
4578
- };
4579
- return EvoCircularLoaderComponent;
4580
- }());
4581
- EvoCircularLoaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCircularLoaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
4582
- EvoCircularLoaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoCircularLoaderComponent, selector: "evo-circular-loader", ngImport: i0__namespace, template: "<div class=\"wrapper\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <clipPath [attr.id]=\"clipPathId\">\n <path d=\"M12 20C10.4178 20 8.87103 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60896 15.0615C4.00346 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12L18 12C18 10.8133 17.6481 9.65327 16.9888 8.66658C16.3295 7.67988 15.3925 6.91085 14.2961 6.45672C13.1997 6.0026 11.9933 5.88378 10.8295 6.11529C9.66557 6.3468 8.59647 6.91824 7.75736 7.75736C6.91824 8.59647 6.3468 9.66557 6.11529 10.8295C5.88378 11.9933 6.0026 13.1997 6.45672 14.2961C6.91085 15.3925 7.67988 16.3295 8.66658 16.9888C9.65327 17.6481 10.8133 18 12 18L12 20Z\"/>\n </clipPath>\n <foreignObject x=\"0\" y=\"0\" width=\"17\" height=\"16\" [attr.clip-path]=\"'url(#' + clipPathId + ')'\">\n <xhtml:div class=\"loader\"></xhtml:div>\n </foreignObject>\n </svg>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}:host{display:block;width:24px;height:24px;--evo-circular-loader-animate: spin 1s linear infinite;--evo-circular-loader-color: #C6C6C6 }.wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.wrapper svg{display:block;width:100%;height:100%;animation:var(--evo-circular-loader-animate);fill:none}.wrapper svg .loader{width:100%;height:100%;color:inherit;background:conic-gradient(from 180deg,transparent 0%,var(--evo-circular-loader-color) 100%)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
4583
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoCircularLoaderComponent, decorators: [{
4584
- type: i0.Component,
4585
- args: [{
4586
- selector: 'evo-circular-loader',
4587
- templateUrl: './evo-circular-loader.component.html',
4588
- styleUrls: ['./evo-circular-loader.component.scss'],
4589
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
4590
- }]
4591
- }] });
4592
-
4593
- var bundle = [
4594
- EvoLoaderComponent,
4595
- EvoCircularLoaderComponent,
4596
- ];
4597
- var EvoLoaderModule = /** @class */ (function () {
4598
- function EvoLoaderModule() {
4599
- }
4600
- return EvoLoaderModule;
4601
- }());
4602
- EvoLoaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
4603
- EvoLoaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, declarations: [EvoLoaderComponent,
4604
- EvoCircularLoaderComponent], imports: [i1.CommonModule,
4605
- EvoUiKitModule], exports: [EvoLoaderComponent,
4606
- EvoCircularLoaderComponent] });
4607
- EvoLoaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, imports: [[
4608
- i1.CommonModule,
4609
- EvoUiKitModule,
4610
- ]] });
4611
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoLoaderModule, decorators: [{
4612
- type: i0.NgModule,
4613
- args: [{
4614
- imports: [
4615
- i1.CommonModule,
4616
- EvoUiKitModule,
4617
- ],
4618
- declarations: __spreadArray([], __read(bundle)),
4619
- exports: __spreadArray([], __read(bundle)),
4620
- }]
4621
- }] });
4622
-
4623
4767
  var EvoModalService = /** @class */ (function () {
4624
4768
  function EvoModalService() {
4625
4769
  this.modalEvents$ = new i3.Subject();
@@ -4659,7 +4803,8 @@
4659
4803
  function EvoModalComponent(modalService, elRef) {
4660
4804
  this.modalService = modalService;
4661
4805
  this.elRef = elRef;
4662
- this.acceptButtonColor = 'green';
4806
+ this.declineButtonColor = 'secondary';
4807
+ this.declineButtonTheme = 'rounded-outline';
4663
4808
  this.isAcceptLoading = false;
4664
4809
  this.isDeclineDisabled = false;
4665
4810
  this.isVisible = false;
@@ -4676,7 +4821,7 @@
4676
4821
  this.modalService.register(id);
4677
4822
  }
4678
4823
  else {
4679
- throw new Error('EvoModal. Can\'t be registered, wrong id passed');
4824
+ throw new Error("EvoModal. Can't be registered, wrong id passed");
4680
4825
  }
4681
4826
  },
4682
4827
  enumerable: false,
@@ -4738,9 +4883,11 @@
4738
4883
  };
4739
4884
  EvoModalComponent.prototype.initKeyboardListener = function () {
4740
4885
  var _this = this;
4741
- return i3.fromEvent(document.body, 'keydown').pipe(operators.takeWhile(function () {
4886
+ return i3.fromEvent(document.body, 'keydown')
4887
+ .pipe(operators.takeWhile(function () {
4742
4888
  return _this.modalState.isOpen;
4743
- })).subscribe(function (event) {
4889
+ }))
4890
+ .subscribe(function (event) {
4744
4891
  if (_this.declineText && event.keyCode === tsKeycodeEnum.Key.Escape) {
4745
4892
  _this.handleOnClose(false, _this.closeTargets.ESC);
4746
4893
  }
@@ -4749,7 +4896,7 @@
4749
4896
  return EvoModalComponent;
4750
4897
  }());
4751
4898
  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 });
4752
- 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", declineText: "declineText", asyncAccept: "asyncAccept" }, ngImport: i0__namespace, template: "<div\n class=\"evo-modal__background\"\n *ngIf=\"modalState?.isOpen\"\n [ngClass]=\"{'evo-modal__background_visible': isVisible}\"\n (click)=\"onBackgroundClick($event)\"\n></div>\n<div\n class=\"evo-modal__wrapper\"\n *ngIf=\"modalState?.isOpen\"\n [ngClass]=\"{'evo-modal_visible': isVisible}\"\n (click)=\"onBackgroundClick($event)\"\n>\n <div class=\"evo-modal\">\n <div class=\"evo-modal__icon\">\n <ng-content select=\"evo-icon\"></ng-content>\n </div>\n <h2 class=\"evo-modal__title\" *ngIf=\"titleText !== undefined\">{{ 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 <evo-button\n class=\"evo-modal__button evo-modal__button_decline\"\n *ngIf=\"declineText\"\n (click)=\"handleOnClose(false, closeTargets.BUTTON)\"\n [disabled]=\"isDeclineDisabled\"\n color=\"darkblue-lined\"\n >{{ declineText }}</evo-button>\n <evo-button\n class=\"evo-modal__button evo-modal__button_accept\"\n *ngIf=\"acceptText\"\n [color]=\"acceptButtonColor\"\n (click)=\"handleOnClose(true, closeTargets.BUTTON)\"\n [loading]=\"isAcceptLoading\"\n >{{ acceptText }}</evo-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: "evo-button, button[evo-button]", inputs: ["color", "size", "disabled", "loading"] }], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
4899
+ 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 (click)=\"onBackgroundClick($event)\"\n></div>\n<div\n *ngIf=\"modalState?.isOpen\"\n class=\"evo-modal__wrapper\"\n [ngClass]=\"{'evo-modal_visible': isVisible}\"\n (click)=\"onBackgroundClick($event)\"\n>\n <div class=\"evo-modal\">\n <div class=\"evo-modal__icon\">\n <ng-content select=\"evo-icon\"></ng-content>\n </div>\n <h2 *ngIf=\"titleText !== undefined\" class=\"evo-modal__title\">{{ titleText }}</h2>\n <div class=\"evo-modal__content\">\n <ng-content></ng-content>\n </div>\n <div class=\"evo-modal__buttons\" [ngClass]=\"{'evo-modal__buttons_single-btn': !declineText || !acceptText}\">\n <button\n *ngIf=\"declineText\"\n evoButton\n class=\"evo-modal__button evo-modal__button_decline\"\n [color]=\"declineButtonColor\"\n [theme]=\"declineButtonTheme\"\n [disabled]=\"isDeclineDisabled\"\n (click)=\"handleOnClose(false, closeTargets.BUTTON)\"\n >\n {{ declineText }}\n </button>\n <button\n *ngIf=\"acceptText\"\n evoButton\n class=\"evo-modal__button evo-modal__button_accept\"\n [color]=\"acceptButtonColor\"\n [theme]=\"acceptButtonTheme\"\n [loading]=\"isAcceptLoading\"\n (click)=\"handleOnClose(true, closeTargets.BUTTON)\"\n >\n {{ acceptText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".evo-modal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:738px;height:auto;max-height:100%;margin-top:50px;padding:56px 0 16px;overflow:hidden;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 0 12px 2px #0000004d;opacity:0;transition:margin-top .25s,opacity .25s;transition-delay:50ms}.evo-modal_visible .evo-modal{margin-top:0;opacity:1}@media (min-width: 768px){.evo-modal{width:738px;height:auto;padding:32px 0}}.evo-modal__title{margin-top:0;margin-bottom:0;padding-right:32px;padding-left:32px;font-weight: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: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
4753
4900
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvoModalComponent, decorators: [{
4754
4901
  type: i0.Component,
4755
4902
  args: [{
@@ -4765,8 +4912,14 @@
4765
4912
  type: i0.Input
4766
4913
  }], acceptButtonColor: [{
4767
4914
  type: i0.Input
4915
+ }], acceptButtonTheme: [{
4916
+ type: i0.Input
4768
4917
  }], declineText: [{
4769
4918
  type: i0.Input
4919
+ }], declineButtonColor: [{
4920
+ type: i0.Input
4921
+ }], declineButtonTheme: [{
4922
+ type: i0.Input
4770
4923
  }], asyncAccept: [{
4771
4924
  type: i0.Input
4772
4925
  }] } });
@@ -8153,7 +8306,7 @@
8153
8306
  useExisting: i0.forwardRef(function () { return EvoUploadComponent; }),
8154
8307
  multi: true,
8155
8308
  },
8156
- ], viewQueries: [{ propertyName: "inputFileElement", first: true, predicate: ["inputFile"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"evo-upload\">\n <label 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 <evo-icon class=\"evo-upload__upload-icon\" shape=\"upload\" [evoUiClass]=\"{disabled: isDisabled || loading}\"></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 <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 (<span class=\"evo-upload__additional-hint\" [innerHTML]=\"dropZoneHint | safeHtml\"></span>)\n </ng-container>\n </span>\n\n <input class=\"evo-upload__input\"\n (change)=\"inputChange($event.target.files)\"\n [accept]=\"accept\"\n [disabled]=\"loading || isDisabled\"\n [attr.multiple]=\"maxFiles === 1 ? null : true\"\n type=\"file\"\n #inputFile />\n </label>\n\n <evo-alert *ngIf=\"!earlyValidation && filesForm.errors?.maxFiles\" type=\"danger\">\n <ng-container>\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\"] }}</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\">\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\"] }}</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 class=\"evo-upload__list-item\" *ngFor=\"let file of filesForm.controls; let i = index\">\n\n <div class=\"evo-upload__item-inner\">\n <evo-icon class=\"evo-upload__file-icon\"\n shape=\"file\"\n svgWidth=\"24\"\n svgHeight=\"24\"></evo-icon>\n\n <span class=\"evo-upload__link evo-link\"\n *ngIf=\"clickableFiles\"\n (click)=\"clickFile.emit({ file: file.value, index: i })\"\n >{{ file.value.name }}</span>\n\n <span *ngIf=\"!clickableFiles\"\n >{{ file.value.name }}</span>\n\n </div>\n\n <evo-icon class=\"evo-upload__button-remove\"\n shape=\"decline\"\n svgWidth=\"24\"\n svgHeight=\"24\"\n (click)=\"handleItemRemove(i)\"\n [evoUiClass]=\"{disabled: loading || isDisabled}\">\n </evo-icon>\n\n <div class=\"evo-upload__list-delimiter\"\n [evoUiClass]=\"{error: filesForm.controls[i].errors}\"\n [ngSwitch]=\"getControlError(filesForm.controls[i])\">\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 class=\"evo-upload__controls\" *ngIf=\"filesForm.controls.length\">\n <button *ngIf=\"!hideClearButton\"\n evo-button\n color=\"darkblue-lined\"\n (click)=\"handleResetButtonClick()\"\n [disabled]=\"loading || isDisabled\"\n [loading]=\"loading\">\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u0441\u0451</button>\n <button *ngIf=\"!hideSubmitButton\"\n evo-button\n class=\"evo-upload__submit\"\n color=\"green\"\n (click)=\"handleSubmitButtonClick()\"\n [disabled]=\"filesForm.invalid || loading || isDisabled\"\n [loading]=\"loading\">\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C</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: "evo-button, button[evo-button]", inputs: ["color", "size", "disabled", "loading"] }], directives: [{ type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "safeHtml": SafeHtmlPipe, "declination": DeclinationPipe } });
8309
+ ], 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: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "safeHtml": SafeHtmlPipe, "declination": DeclinationPipe } });
8157
8310
  __decorate([
8158
8311
  autobind__default["default"]
8159
8312
  ], EvoUploadComponent.prototype, "fileSizeValidator", null);
@@ -8674,6 +8827,7 @@
8674
8827
  exports.EvoBaseControl = EvoBaseControl;
8675
8828
  exports.EvoButtonComponent = EvoButtonComponent;
8676
8829
  exports.EvoButtonModule = EvoButtonModule;
8830
+ exports.EvoButtonOldComponent = EvoButtonOldComponent;
8677
8831
  exports.EvoCheckboxComponent = EvoCheckboxComponent;
8678
8832
  exports.EvoCheckboxModule = EvoCheckboxModule;
8679
8833
  exports.EvoChipComponent = EvoChipComponent;