@evotor-dev/ui-kit 8.0.0-beta.7 → 8.0.0-beta.9
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/esm2022/lib/components/evo-button/evo-button.module.mjs +4 -5
- package/esm2022/lib/components/evo-button/public-api.mjs +1 -2
- package/esm2022/lib/components/evo-icon-button/evo-icon-button.component.mjs +6 -22
- package/esm2022/lib/components/evo-icon-button/types/evo-icon-button-color.mjs +2 -0
- package/esm2022/lib/components/evo-icon-button/types/index.mjs +3 -0
- package/fesm2022/evotor-dev-ui-kit.mjs +9 -112
- package/fesm2022/evotor-dev-ui-kit.mjs.map +1 -1
- package/lib/components/evo-button/evo-button.module.d.ts +4 -5
- package/lib/components/evo-button/public-api.d.ts +0 -1
- package/lib/components/evo-icon-button/evo-icon-button.component.d.ts +3 -13
- package/lib/components/evo-icon-button/types/evo-icon-button-color.d.ts +2 -0
- package/lib/components/evo-icon-button/types/index.d.ts +2 -0
- package/package.json +1 -1
- package/esm2022/lib/components/evo-button/components/evo-button-old/evo-button-old.component.mjs +0 -91
- package/esm2022/lib/components/evo-icon-button/types/evo-icon-button-theme.mjs +0 -2
- package/lib/components/evo-button/components/evo-button-old/evo-button-old.component.d.ts +0 -39
- package/lib/components/evo-icon-button/types/evo-icon-button-theme.d.ts +0 -1
|
@@ -2,20 +2,19 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { EvoUiKitModule } from '../../evo-ui-kit.module';
|
|
4
4
|
import { EvoButtonComponent } from './components/evo-button/evo-button.component';
|
|
5
|
-
import { EvoButtonOldComponent } from './components/evo-button-old/evo-button-old.component';
|
|
6
5
|
import { EvoLoaderModule } from '../evo-loader';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
7
|
export class EvoButtonModule {
|
|
9
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, declarations: [EvoButtonComponent
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, declarations: [EvoButtonComponent], imports: [CommonModule, EvoUiKitModule, EvoLoaderModule], exports: [EvoButtonComponent] }); }
|
|
11
10
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, imports: [CommonModule, EvoUiKitModule, EvoLoaderModule] }); }
|
|
12
11
|
}
|
|
13
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, decorators: [{
|
|
14
13
|
type: NgModule,
|
|
15
14
|
args: [{
|
|
16
15
|
imports: [CommonModule, EvoUiKitModule, EvoLoaderModule],
|
|
17
|
-
declarations: [EvoButtonComponent
|
|
18
|
-
exports: [EvoButtonComponent
|
|
16
|
+
declarations: [EvoButtonComponent],
|
|
17
|
+
exports: [EvoButtonComponent],
|
|
19
18
|
}]
|
|
20
19
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYnV0dG9uL2V2by1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUNoRixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQU85QyxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO2dIQUFmLGVBQWUsaUJBSFQsa0JBQWtCLGFBRHZCLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxhQUU3QyxrQkFBa0I7Z0hBRW5CLGVBQWUsWUFKZCxZQUFZLEVBQUUsY0FBYyxFQUFFLGVBQWU7OzRGQUk5QyxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDO29CQUN4RCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7RXZvVWlLaXRNb2R1bGV9IGZyb20gJy4uLy4uL2V2by11aS1raXQubW9kdWxlJztcbmltcG9ydCB7RXZvQnV0dG9uQ29tcG9uZW50fSBmcm9tICcuL2NvbXBvbmVudHMvZXZvLWJ1dHRvbi9ldm8tYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQge0V2b0xvYWRlck1vZHVsZX0gZnJvbSAnLi4vZXZvLWxvYWRlcic7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRXZvVWlLaXRNb2R1bGUsIEV2b0xvYWRlck1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbRXZvQnV0dG9uQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbRXZvQnV0dG9uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRXZvQnV0dG9uTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export * from './evo-button.module';
|
|
2
|
-
export * from './components/evo-button-old/evo-button-old.component';
|
|
3
2
|
export * from './components/evo-button/evo-button.component';
|
|
4
3
|
export * from './types';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1idXR0b24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2V2by1idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9ldm8tYnV0dG9uL2V2by1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdHlwZXMnO1xuIl19
|
|
@@ -1,21 +1,10 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
|
-
// TODO: replace color to string literal type based on a `EvoColor` type
|
|
5
|
-
export var EvoIconButtonColor;
|
|
6
|
-
(function (EvoIconButtonColor) {
|
|
7
|
-
EvoIconButtonColor["link"] = "link";
|
|
8
|
-
EvoIconButtonColor["danger"] = "danger";
|
|
9
|
-
EvoIconButtonColor["success"] = "success";
|
|
10
|
-
})(EvoIconButtonColor || (EvoIconButtonColor = {}));
|
|
11
4
|
const wrapperSelector = 'evo-icon-button';
|
|
12
5
|
export class EvoIconButtonComponent {
|
|
13
6
|
constructor() {
|
|
14
|
-
this.color =
|
|
15
|
-
/**
|
|
16
|
-
* @deprecated instead of rectangle theme use `EvoNavigationButtonComponent`
|
|
17
|
-
*/
|
|
18
|
-
this.theme = 'default';
|
|
7
|
+
this.color = 'link';
|
|
19
8
|
this.classes = [];
|
|
20
9
|
}
|
|
21
10
|
get isDisabled() {
|
|
@@ -34,31 +23,26 @@ export class EvoIconButtonComponent {
|
|
|
34
23
|
if (this.size) {
|
|
35
24
|
this.classes.push(`${wrapperSelector}_size-${this.size}`);
|
|
36
25
|
}
|
|
37
|
-
if (this.color
|
|
38
|
-
this.classes.push(`${wrapperSelector}_color-${
|
|
39
|
-
}
|
|
40
|
-
if (this.theme) {
|
|
41
|
-
this.classes.push(`${wrapperSelector}_theme-${this.theme}`);
|
|
26
|
+
if (this.color) {
|
|
27
|
+
this.classes.push(`${wrapperSelector}_color-${this.color}`);
|
|
42
28
|
}
|
|
43
29
|
}
|
|
44
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color",
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color", size: "size" }, host: { properties: { "disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\n <div *ngIf=\"!loading else spinner\" 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 #spinner>\n <span class=\"evo-icon-button__loading-spinner\"></span>\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{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_color-link{color:#0986e2}.evo-icon-button_color-link:hover{color:#3a9ee8}.evo-icon-button_color-link:active{color:#0879cb}.evo-icon-button_color-error{color:#ff1817}.evo-icon-button_color-error:hover{color:#ff4645}.evo-icon-button_color-error: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 .evo-icon-button__icon-wrapper,.evo-icon-button_size-small .evo-icon-button__loading-spinner{flex:0 0 16px;width:16px;height: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__icon-wrapper,.evo-icon-button__loading-spinner{flex:0 0 24px;width:24px;height:24px}.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}.evo-icon-button__loading-spinner{display:flex;justify-content:center;align-items:center}.evo-icon-button__loading-spinner:after{display:block;content:\"\";box-sizing:border-box;flex:0 0 20px;width:20px;height:20px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}:host:disabled .evo-icon-button{color:#c6c6c6!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
46
32
|
}
|
|
47
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoIconButtonComponent, decorators: [{
|
|
48
34
|
type: Component,
|
|
49
|
-
args: [{ selector: 'button[evo-icon-button], a[evo-icon-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\n <div *ngIf=\"!loading else spinner\" 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 #spinner>\n <span class=\"evo-icon-button__loading-spinner\"></span>\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{display:flex;flex-flow:row nowrap;align-items:center;margin:0;padding:0;background:none;border:none;outline:none;transition:color .3s}.evo-icon-
|
|
35
|
+
args: [{ selector: 'button[evo-icon-button], a[evo-icon-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\n <div *ngIf=\"!loading else spinner\" 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 #spinner>\n <span class=\"evo-icon-button__loading-spinner\"></span>\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{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_color-link{color:#0986e2}.evo-icon-button_color-link:hover{color:#3a9ee8}.evo-icon-button_color-link:active{color:#0879cb}.evo-icon-button_color-error{color:#ff1817}.evo-icon-button_color-error:hover{color:#ff4645}.evo-icon-button_color-error: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 .evo-icon-button__icon-wrapper,.evo-icon-button_size-small .evo-icon-button__loading-spinner{flex:0 0 16px;width:16px;height: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__icon-wrapper,.evo-icon-button__loading-spinner{flex:0 0 24px;width:24px;height:24px}.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}.evo-icon-button__loading-spinner{display:flex;justify-content:center;align-items:center}.evo-icon-button__loading-spinner:after{display:block;content:\"\";box-sizing:border-box;flex:0 0 20px;width:20px;height:20px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}:host:disabled .evo-icon-button{color:#c6c6c6!important}\n"] }]
|
|
50
36
|
}], propDecorators: { disabled: [{
|
|
51
37
|
type: Input
|
|
52
38
|
}], loading: [{
|
|
53
39
|
type: Input
|
|
54
40
|
}], color: [{
|
|
55
41
|
type: Input
|
|
56
|
-
}], theme: [{
|
|
57
|
-
type: Input
|
|
58
42
|
}], size: [{
|
|
59
43
|
type: Input
|
|
60
44
|
}], isDisabled: [{
|
|
61
45
|
type: HostBinding,
|
|
62
46
|
args: ['disabled']
|
|
63
47
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWljb24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1pY29uLWJ1dHRvbi9ldm8taWNvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWljb24tYnV0dG9uL2V2by1pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQW1DLE1BQU0sZUFBZSxDQUFDOzs7QUFHdkgsTUFBTSxlQUFlLEdBQUcsaUJBQWlCLENBQUM7QUFTMUMsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVVhLFVBQUssR0FBdUIsTUFBTSxDQUFDO1FBRzVDLFlBQU8sR0FBYSxFQUFFLENBQUM7S0EyQjFCO0lBekJHLElBQTZCLFVBQVU7UUFDbkMsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDekMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLEtBQUssS0FBSyxTQUFTLElBQUksT0FBTyxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUM3RCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUM3QixDQUFDO0lBQ0wsQ0FBQztJQUVPLGlCQUFpQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztRQUVsQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsZUFBZSxTQUFTLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzlELENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsZUFBZSxVQUFVLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ2hFLENBQUM7SUFDTCxDQUFDOytHQWhDUSxzQkFBc0I7bUdBQXRCLHNCQUFzQixxUENabkMsNFlBVUE7OzRGREVhLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFFSSw2Q0FBNkMsbUJBR3RDLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBSXVCLFVBQVU7c0JBQXRDLFdBQVc7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0V2b0ljb25CdXR0b25Db2xvciwgRXZvSWNvbkJ1dHRvblNpemV9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCB3cmFwcGVyU2VsZWN0b3IgPSAnZXZvLWljb24tYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gICAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxuICAgIHNlbGVjdG9yOiAnYnV0dG9uW2V2by1pY29uLWJ1dHRvbl0sIGFbZXZvLWljb24tYnV0dG9uXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V2by1pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLWljb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV2b0ljb25CdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBjb2xvcjogRXZvSWNvbkJ1dHRvbkNvbG9yID0gJ2xpbmsnO1xuICAgIEBJbnB1dCgpIHNpemU6IEV2b0ljb25CdXR0b25TaXplO1xuXG4gICAgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcblxuICAgIEBIb3N0QmluZGluZygnZGlzYWJsZWQnKSBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5sb2FkaW5nO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnVwZGF0ZUNsYXNzZXNMaXN0KCk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlcy5jb2xvciAhPT0gdW5kZWZpbmVkIHx8IGNoYW5nZXMudGhlbWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy51cGRhdGVDbGFzc2VzTGlzdCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVDbGFzc2VzTGlzdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jbGFzc2VzID0gW107XG5cbiAgICAgICAgaWYgKHRoaXMuc2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5jbGFzc2VzLnB1c2goYCR7d3JhcHBlclNlbGVjdG9yfV9zaXplLSR7dGhpcy5zaXplfWApO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgICAgICAgIHRoaXMuY2xhc3Nlcy5wdXNoKGAke3dyYXBwZXJTZWxlY3Rvcn1fY29sb3ItJHt0aGlzLmNvbG9yfWApO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImV2by1pY29uLWJ1dHRvblwiIFtuZ0NsYXNzXT1cImNsYXNzZXNcIj5cbiAgICA8ZGl2ICpuZ0lmPVwiIWxvYWRpbmcgZWxzZSBzcGlubmVyXCIgY2xhc3M9XCJldm8taWNvbi1idXR0b25fX2ljb24td3JhcHBlclwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldm8taWNvblwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8c3BhbiBjbGFzcz1cImV2by1pY29uLWJ1dHRvbl9fbGFiZWxcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjc3Bpbm5lcj5cbiAgICA8c3BhbiBjbGFzcz1cImV2by1pY29uLWJ1dHRvbl9fbG9hZGluZy1zcGlubmVyXCI+PC9zcGFuPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWljb24tYnV0dG9uLWNvbG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWljb24tYnV0dG9uL3R5cGVzL2V2by1pY29uLWJ1dHRvbi1jb2xvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtFdm9Db2xvcn0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgRXZvSWNvbkJ1dHRvbkNvbG9yID0gRXh0cmFjdDxFdm9Db2xvciwgJ3N1Y2Nlc3MnIHwgJ2xpbmsnIHwgJ2Vycm9yJz4gfCAnY3VzdG9tJztcbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './evo-icon-button-size';
|
|
2
|
+
export * from './evo-icon-button-color';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8taWNvbi1idXR0b24vdHlwZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9ldm8taWNvbi1idXR0b24tc2l6ZSc7XG5leHBvcnQgKiBmcm9tICcuL2V2by1pY29uLWJ1dHRvbi1jb2xvcic7XG4iXX0=
|
|
@@ -2249,93 +2249,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
|
2249
2249
|
type: Input
|
|
2250
2250
|
}] } });
|
|
2251
2251
|
|
|
2252
|
-
/**
|
|
2253
|
-
* @deprecated use EvoButtonComponent
|
|
2254
|
-
*/
|
|
2255
|
-
var EvoButtonSizes;
|
|
2256
|
-
(function (EvoButtonSizes) {
|
|
2257
|
-
EvoButtonSizes["small"] = "small";
|
|
2258
|
-
EvoButtonSizes["large"] = "large";
|
|
2259
|
-
})(EvoButtonSizes || (EvoButtonSizes = {}));
|
|
2260
|
-
/**
|
|
2261
|
-
* @deprecated use EvoButtonColor with EvoButtonTheme
|
|
2262
|
-
*/
|
|
2263
|
-
var EvoButtonStyles;
|
|
2264
|
-
(function (EvoButtonStyles) {
|
|
2265
|
-
EvoButtonStyles["lined"] = "lined";
|
|
2266
|
-
EvoButtonStyles["darkblue"] = "darkblue";
|
|
2267
|
-
EvoButtonStyles["darkblueLined"] = "darkblue-lined";
|
|
2268
|
-
EvoButtonStyles["green"] = "green";
|
|
2269
|
-
EvoButtonStyles["greenlined"] = "green-lined";
|
|
2270
|
-
EvoButtonStyles["purple"] = "purple";
|
|
2271
|
-
EvoButtonStyles["red"] = "red";
|
|
2272
|
-
})(EvoButtonStyles || (EvoButtonStyles = {}));
|
|
2273
|
-
/**
|
|
2274
|
-
* @deprecated use EvoButtonComponent
|
|
2275
|
-
*/
|
|
2276
|
-
class EvoButtonOldComponent {
|
|
2277
|
-
set disabled(value) {
|
|
2278
|
-
this._disabled = value;
|
|
2279
|
-
if (!this.loading) {
|
|
2280
|
-
this.elRef.nativeElement.disabled = value;
|
|
2281
|
-
}
|
|
2282
|
-
}
|
|
2283
|
-
set loading(value) {
|
|
2284
|
-
this._loading = value;
|
|
2285
|
-
if (!this.disabled) {
|
|
2286
|
-
this.elRef.nativeElement.disabled = value;
|
|
2287
|
-
}
|
|
2288
|
-
}
|
|
2289
|
-
constructor(elRef) {
|
|
2290
|
-
this.elRef = elRef;
|
|
2291
|
-
this._disabled = false;
|
|
2292
|
-
this._loading = false;
|
|
2293
|
-
}
|
|
2294
|
-
get disabled() {
|
|
2295
|
-
return this._disabled;
|
|
2296
|
-
}
|
|
2297
|
-
get loading() {
|
|
2298
|
-
return this._loading;
|
|
2299
|
-
}
|
|
2300
|
-
get totalClasses() {
|
|
2301
|
-
const classes = [];
|
|
2302
|
-
if (this.size) {
|
|
2303
|
-
classes.push(this.size);
|
|
2304
|
-
}
|
|
2305
|
-
if (this.color) {
|
|
2306
|
-
classes.push(this.color);
|
|
2307
|
-
}
|
|
2308
|
-
if (this.loading) {
|
|
2309
|
-
classes.push('loading');
|
|
2310
|
-
}
|
|
2311
|
-
if (this.disabled) {
|
|
2312
|
-
classes.push('disabled');
|
|
2313
|
-
}
|
|
2314
|
-
return classes;
|
|
2315
|
-
}
|
|
2316
|
-
get totalStyles() {
|
|
2317
|
-
const result = {};
|
|
2318
|
-
if (this.loading) {
|
|
2319
|
-
result['visibility'] = 'hidden';
|
|
2320
|
-
}
|
|
2321
|
-
return result;
|
|
2322
|
-
}
|
|
2323
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonOldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2324
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoButtonOldComponent, selector: "evo-button, button[evo-button]", inputs: { color: "color", size: "size", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n <span [ngStyle]=\"totalStyles\">\n <ng-content></ng-content>\n </span>\n <span *ngIf=\"loading\" class=\"evo-button__dots\">\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:var(--evo-font-secondary);line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#f05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:#00000029!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"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2325
|
-
}
|
|
2326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonOldComponent, decorators: [{
|
|
2327
|
-
type: Component,
|
|
2328
|
-
args: [{ selector: 'evo-button, button[evo-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n <span [ngStyle]=\"totalStyles\">\n <ng-content></ng-content>\n </span>\n <span *ngIf=\"loading\" class=\"evo-button__dots\">\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n <span class=\"evo-button__dot\"></span>\n </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:var(--evo-font-secondary);line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#f05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:#00000029!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"] }]
|
|
2329
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { color: [{
|
|
2330
|
-
type: Input
|
|
2331
|
-
}], size: [{
|
|
2332
|
-
type: Input
|
|
2333
|
-
}], disabled: [{
|
|
2334
|
-
type: Input
|
|
2335
|
-
}], loading: [{
|
|
2336
|
-
type: Input
|
|
2337
|
-
}] } });
|
|
2338
|
-
|
|
2339
2252
|
var EvoLoaderStyles;
|
|
2340
2253
|
(function (EvoLoaderStyles) {
|
|
2341
2254
|
EvoLoaderStyles["darkblue"] = "darkblue";
|
|
@@ -2387,15 +2300,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
|
2387
2300
|
|
|
2388
2301
|
class EvoButtonModule {
|
|
2389
2302
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2390
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, declarations: [EvoButtonComponent
|
|
2303
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, declarations: [EvoButtonComponent], imports: [CommonModule, EvoUiKitModule, EvoLoaderModule], exports: [EvoButtonComponent] }); }
|
|
2391
2304
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, imports: [CommonModule, EvoUiKitModule, EvoLoaderModule] }); }
|
|
2392
2305
|
}
|
|
2393
2306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoButtonModule, decorators: [{
|
|
2394
2307
|
type: NgModule,
|
|
2395
2308
|
args: [{
|
|
2396
2309
|
imports: [CommonModule, EvoUiKitModule, EvoLoaderModule],
|
|
2397
|
-
declarations: [EvoButtonComponent
|
|
2398
|
-
exports: [EvoButtonComponent
|
|
2310
|
+
declarations: [EvoButtonComponent],
|
|
2311
|
+
exports: [EvoButtonComponent],
|
|
2399
2312
|
}]
|
|
2400
2313
|
}] });
|
|
2401
2314
|
|
|
@@ -3331,21 +3244,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
|
3331
3244
|
}]
|
|
3332
3245
|
}] });
|
|
3333
3246
|
|
|
3334
|
-
// TODO: replace color to string literal type based on a `EvoColor` type
|
|
3335
|
-
var EvoIconButtonColor;
|
|
3336
|
-
(function (EvoIconButtonColor) {
|
|
3337
|
-
EvoIconButtonColor["link"] = "link";
|
|
3338
|
-
EvoIconButtonColor["danger"] = "danger";
|
|
3339
|
-
EvoIconButtonColor["success"] = "success";
|
|
3340
|
-
})(EvoIconButtonColor || (EvoIconButtonColor = {}));
|
|
3341
3247
|
const wrapperSelector = 'evo-icon-button';
|
|
3342
3248
|
class EvoIconButtonComponent {
|
|
3343
3249
|
constructor() {
|
|
3344
|
-
this.color =
|
|
3345
|
-
/**
|
|
3346
|
-
* @deprecated instead of rectangle theme use `EvoNavigationButtonComponent`
|
|
3347
|
-
*/
|
|
3348
|
-
this.theme = 'default';
|
|
3250
|
+
this.color = 'link';
|
|
3349
3251
|
this.classes = [];
|
|
3350
3252
|
}
|
|
3351
3253
|
get isDisabled() {
|
|
@@ -3364,27 +3266,22 @@ class EvoIconButtonComponent {
|
|
|
3364
3266
|
if (this.size) {
|
|
3365
3267
|
this.classes.push(`${wrapperSelector}_size-${this.size}`);
|
|
3366
3268
|
}
|
|
3367
|
-
if (this.color
|
|
3368
|
-
this.classes.push(`${wrapperSelector}_color-${
|
|
3369
|
-
}
|
|
3370
|
-
if (this.theme) {
|
|
3371
|
-
this.classes.push(`${wrapperSelector}_theme-${this.theme}`);
|
|
3269
|
+
if (this.color) {
|
|
3270
|
+
this.classes.push(`${wrapperSelector}_color-${this.color}`);
|
|
3372
3271
|
}
|
|
3373
3272
|
}
|
|
3374
3273
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3375
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color",
|
|
3274
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color", size: "size" }, host: { properties: { "disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\n <div *ngIf=\"!loading else spinner\" 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 #spinner>\n <span class=\"evo-icon-button__loading-spinner\"></span>\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{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_color-link{color:#0986e2}.evo-icon-button_color-link:hover{color:#3a9ee8}.evo-icon-button_color-link:active{color:#0879cb}.evo-icon-button_color-error{color:#ff1817}.evo-icon-button_color-error:hover{color:#ff4645}.evo-icon-button_color-error: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 .evo-icon-button__icon-wrapper,.evo-icon-button_size-small .evo-icon-button__loading-spinner{flex:0 0 16px;width:16px;height: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__icon-wrapper,.evo-icon-button__loading-spinner{flex:0 0 24px;width:24px;height:24px}.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}.evo-icon-button__loading-spinner{display:flex;justify-content:center;align-items:center}.evo-icon-button__loading-spinner:after{display:block;content:\"\";box-sizing:border-box;flex:0 0 20px;width:20px;height:20px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}:host:disabled .evo-icon-button{color:#c6c6c6!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3376
3275
|
}
|
|
3377
3276
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoIconButtonComponent, decorators: [{
|
|
3378
3277
|
type: Component,
|
|
3379
|
-
args: [{ selector: 'button[evo-icon-button], a[evo-icon-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\n <div *ngIf=\"!loading else spinner\" 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 #spinner>\n <span class=\"evo-icon-button__loading-spinner\"></span>\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{display:flex;flex-flow:row nowrap;align-items:center;margin:0;padding:0;background:none;border:none;outline:none;transition:color .3s}.evo-icon-
|
|
3278
|
+
args: [{ selector: 'button[evo-icon-button], a[evo-icon-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\n <div *ngIf=\"!loading else spinner\" 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 #spinner>\n <span class=\"evo-icon-button__loading-spinner\"></span>\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{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_color-link{color:#0986e2}.evo-icon-button_color-link:hover{color:#3a9ee8}.evo-icon-button_color-link:active{color:#0879cb}.evo-icon-button_color-error{color:#ff1817}.evo-icon-button_color-error:hover{color:#ff4645}.evo-icon-button_color-error: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 .evo-icon-button__icon-wrapper,.evo-icon-button_size-small .evo-icon-button__loading-spinner{flex:0 0 16px;width:16px;height: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__icon-wrapper,.evo-icon-button__loading-spinner{flex:0 0 24px;width:24px;height:24px}.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}.evo-icon-button__loading-spinner{display:flex;justify-content:center;align-items:center}.evo-icon-button__loading-spinner:after{display:block;content:\"\";box-sizing:border-box;flex:0 0 20px;width:20px;height:20px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}:host:disabled .evo-icon-button{color:#c6c6c6!important}\n"] }]
|
|
3380
3279
|
}], propDecorators: { disabled: [{
|
|
3381
3280
|
type: Input
|
|
3382
3281
|
}], loading: [{
|
|
3383
3282
|
type: Input
|
|
3384
3283
|
}], color: [{
|
|
3385
3284
|
type: Input
|
|
3386
|
-
}], theme: [{
|
|
3387
|
-
type: Input
|
|
3388
3285
|
}], size: [{
|
|
3389
3286
|
type: Input
|
|
3390
3287
|
}], isDisabled: [{
|
|
@@ -7160,5 +7057,5 @@ class Serializable {
|
|
|
7160
7057
|
* Generated bundle index. Do not edit.
|
|
7161
7058
|
*/
|
|
7162
7059
|
|
|
7163
|
-
export { CSS_BREAKPOINTS, DESKTOP_SMALL_VIEW, DaDataEntityTypes, DaDataParty, DadataBankStatus, DadataBankType, DadataCompanyBranchType, DadataCompanyStatus, DadataCompanyType, DadataFounderShareType, DadataManagerType, DeclinationPipe, DeprecateMethod, DeprecateVariable, DesktopSmallViewProvider, EVO_DROPDOWN_POSITION_DESCRIPTION, EVO_SIDEBAR_CONFIG, EVO_SIDEBAR_DATA, EVO_SIDEBAR_ROOT_ID, EvoAbstractPortal, EvoAccordionComponent, EvoAccordionContentComponent, EvoAccordionModule, EvoAccordionPanelComponent, EvoAccordionTitleComponent, EvoAutocompleteComponent, EvoAutocompleteDefaultOptionComponent, EvoAutocompleteModule, EvoBadgeComponent, EvoBadgeModule, EvoBaseControl, EvoButtonComponent, EvoButtonModule,
|
|
7060
|
+
export { CSS_BREAKPOINTS, DESKTOP_SMALL_VIEW, DaDataEntityTypes, DaDataParty, DadataBankStatus, DadataBankType, DadataCompanyBranchType, DadataCompanyStatus, DadataCompanyType, DadataFounderShareType, DadataManagerType, DeclinationPipe, DeprecateMethod, DeprecateVariable, DesktopSmallViewProvider, EVO_DROPDOWN_POSITION_DESCRIPTION, EVO_SIDEBAR_CONFIG, EVO_SIDEBAR_DATA, EVO_SIDEBAR_ROOT_ID, EvoAbstractPortal, EvoAccordionComponent, EvoAccordionContentComponent, EvoAccordionModule, EvoAccordionPanelComponent, EvoAccordionTitleComponent, EvoAutocompleteComponent, EvoAutocompleteDefaultOptionComponent, EvoAutocompleteModule, EvoBadgeComponent, EvoBadgeModule, EvoBaseControl, EvoButtonComponent, EvoButtonModule, EvoCheckboxComponent, EvoCheckboxModule, EvoChipComponent, EvoChipModule, EvoChipTheme, EvoChipType, EvoCircularLoaderComponent, EvoClickOutsideDirective, EvoCollection, EvoCollectionFabric, EvoControlErrorComponent, EvoControlErrorModule, EvoControlLabelComponent, EvoControlLabelModule, EvoControlStateManager, EvoControlStates, EvoCounterComponent, EvoCounterModule, EvoCounterSize, EvoDatepickerComponent, EvoDatepickerModule, EvoDropdownComponent, EvoDropdownModule, EvoDropdownOriginDirective, EvoExpandedService, EvoIconButtonComponent, EvoIconButtonModule, EvoIconComponent, EvoIconModule, EvoIconNumberComponent, EvoIconNumberModule, EvoIconsLibrary, EvoInputComponent, EvoInputContenteditableComponent, EvoInputContenteditableModule, EvoInputIconDirective, EvoInputModule, EvoInputSizes, EvoInputTheme, EvoIsExpandedDirective, EvoLetContext, EvoLetDirective, EvoLoaderComponent, EvoLoaderModule, EvoLoaderStyles, EvoModalCloseTargets, EvoModalComponent, EvoModalModule, EvoModalService, EvoNavbarComponent, EvoNavbarItemComponent, EvoNavbarModule, EvoNavigationButtonComponent, EvoNavigationButtonModule, EvoNoteComponent, EvoNoteModule, EvoPaginatorComponent, EvoPaginatorModule, EvoPipesModule, EvoPlusMinusComponent, EvoPlusMinusModule, EvoPopoverComponent, EvoPopoverModule, EvoPortalModule, EvoPortalOutlet, EvoPortalOutletDirective, EvoPortalService, EvoRadioComponent, EvoRadioGroupComponent, EvoRadioGroupDirections, EvoRadioGroupModule, EvoRadioGroupThemes, EvoRadioModule, EvoRadioshapeComponent, EvoRadioshapeModule, EvoSegmentedBarButtonComponent, EvoSegmentedBarComponent, EvoSegmentedBarModule, EvoSelectComponent, EvoSelectModule, EvoSidebarCloseTargets, EvoSidebarComponent, EvoSidebarContentComponent, EvoSidebarFooterComponent, EvoSidebarHeaderComponent, EvoSidebarModule, EvoSidebarService, EvoSidebarSizes, EvoSidebarStates, EvoStepperComponent, EvoStepperItemComponent, EvoStepperModule, EvoSubmenuComponent, EvoSubmenuModule, EvoSubmenuType, EvoSwitcherComponent, EvoSwitcherItemComponent, EvoSwitcherModule, EvoTabComponent, EvoTabContentComponent, EvoTabStateCollection, EvoTableColumnComponent, EvoTableComponent, EvoTableModule, EvoTableRowClickEvent, EvoTabsComponent, EvoTabsModule, EvoTabsService, EvoTabsSize, EvoTabsSizeService, EvoTextareaComponent, EvoTextareaModule, EvoToastComponent, EvoToastModule, EvoToastService, EvoToastTypes, EvoToggleComponent, EvoToggleModule, EvoUiClassDirective, EvoUiKitModule, EvoUploadComponent, EvoUploadModule, FormHelper, ICONS_LIST_TOKEN, MOBILE_VIEW, MobileViewProvider, SafeHtmlPipe, Serializable, TABLET_VIEW, TabletViewProvider, VIEW_BREAKPOINTS_PROVIDERS, WINDOW_PROVIDERS, enterZone, evoIconsLibraryGetter, evoSidebarAnimationDuration, evoSidebarDefaultConfig, evoSidebarRootId, expandAnimation, portalProvider, sidebarAnimation, skipInitialRenderAnimation, switchQueryToList };
|
|
7164
7061
|
//# sourceMappingURL=evotor-dev-ui-kit.mjs.map
|