@evotor-dev/ui-kit 6.1.0 → 6.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/evotor-dev-ui-kit.umd.js +7 -2
- package/bundles/evotor-dev-ui-kit.umd.js.map +1 -1
- package/esm2015/lib/components/evo-dropdown/evo-dropdown.component.js +1 -1
- package/esm2015/lib/components/evo-icon-button/evo-icon-button.component.js +7 -2
- package/esm2015/lib/components/evo-icon-button/types/evo-icon-button-size.js +2 -0
- package/fesm2015/evotor-dev-ui-kit.js +7 -2
- package/fesm2015/evotor-dev-ui-kit.js.map +1 -1
- package/lib/components/evo-icon-button/evo-icon-button.component.d.ts +3 -1
- package/lib/components/evo-icon-button/types/evo-icon-button-size.d.ts +2 -0
- package/package.json +1 -1
|
@@ -90,7 +90,7 @@ export class EvoDropdownComponent {
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
EvoDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoDropdownComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
93
|
-
EvoDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<ng-template\r\n cdkConnectedOverlay\r\n [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\r\n [cdkConnectedOverlayOpen]=\"isOpen\"\r\n [cdkConnectedOverlayPositions]=\"connectedPositions\"\r\n>\r\n <!-- TODO: (overlayOutsideClick)=\"needCloseOnOutsideClick && close()\" add after update to ng12-->\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", directives: [{ type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["
|
|
93
|
+
EvoDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<ng-template\r\n cdkConnectedOverlay\r\n [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\r\n [cdkConnectedOverlayOpen]=\"isOpen\"\r\n [cdkConnectedOverlayPositions]=\"connectedPositions\"\r\n>\r\n <!-- TODO: (overlayOutsideClick)=\"needCloseOnOutsideClick && close()\" add after update to ng12-->\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", directives: [{ type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayPositions", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayTransformOriginOn"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
94
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoDropdownComponent, decorators: [{
|
|
95
95
|
type: Component,
|
|
96
96
|
args: [{
|
|
@@ -28,6 +28,9 @@ export class EvoIconButtonComponent {
|
|
|
28
28
|
}
|
|
29
29
|
updateClassesList() {
|
|
30
30
|
this.classes = [];
|
|
31
|
+
if (this.size) {
|
|
32
|
+
this.classes.push(`${wrapperSelector}_size-${this.size}`);
|
|
33
|
+
}
|
|
31
34
|
if (this.color && EvoIconButtonColor[this.color]) {
|
|
32
35
|
this.classes.push(`${wrapperSelector}_color-${EvoIconButtonColor[this.color]}`);
|
|
33
36
|
}
|
|
@@ -37,7 +40,7 @@ export class EvoIconButtonComponent {
|
|
|
37
40
|
}
|
|
38
41
|
}
|
|
39
42
|
EvoIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
EvoIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color", theme: "theme" }, host: { properties: { "disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\r\n <div *ngIf=\"!loading else spinner\" class=\"evo-icon-button__icon-wrapper\">\r\n <ng-content select=\"evo-icon\"></ng-content>\r\n </div>\r\n <span class=\"evo-icon-button__label\"><ng-content></ng-content></span>\r\n</div>\r\n\r\n<ng-template #spinner>\r\n <span class=\"evo-icon-button__loading-spinner\"></span>\r\n</ng-template>\r\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_theme-rectangle{padding:16px 16px 16px 8px;background:var(--evo-icon-button-background);border-radius:8px;cursor:pointer}.evo-icon-button_color-link{color:#2099f1}.evo-icon-button_color-link:hover{color:#4dadf4}.evo-icon-button_color-link:active{color:#1d8ad9}.evo-icon-button_color-danger{color:#ff1817}.evo-icon-button_color-danger:hover{color:#ff4645}.evo-icon-button_color-danger:active{color:#e51715}.evo-icon-button_color-success{color:#21c68b}.evo-icon-button_color-success:hover{color:#4dd1a2}.evo-icon-button_color-success:active{color:#1eb27d}.evo-icon-button__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;font-weight:600;font-size:16px;font-style:normal;line-height:24px;white-space:nowrap}.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 #D6D6D6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}:host:disabled .evo-icon-button{color:#d6d6d6!important}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
43
|
+
EvoIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color", theme: "theme", size: "size" }, host: { properties: { "disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\r\n <div *ngIf=\"!loading else spinner\" class=\"evo-icon-button__icon-wrapper\">\r\n <ng-content select=\"evo-icon\"></ng-content>\r\n </div>\r\n <span class=\"evo-icon-button__label\"><ng-content></ng-content></span>\r\n</div>\r\n\r\n<ng-template #spinner>\r\n <span class=\"evo-icon-button__loading-spinner\"></span>\r\n</ng-template>\r\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_theme-rectangle{padding:16px 16px 16px 8px;background:var(--evo-icon-button-background);border-radius:8px;cursor:pointer}.evo-icon-button_color-link{color:#2099f1}.evo-icon-button_color-link:hover{color:#4dadf4}.evo-icon-button_color-link:active{color:#1d8ad9}.evo-icon-button_color-danger{color:#ff1817}.evo-icon-button_color-danger:hover{color:#ff4645}.evo-icon-button_color-danger:active{color:#e51715}.evo-icon-button_color-success{color:#21c68b}.evo-icon-button_color-success:hover{color:#4dd1a2}.evo-icon-button_color-success:active{color:#1eb27d}.evo-icon-button_size-small .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-size:14px;line-height:22px}.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;font-weight:600;font-size:16px;font-style:normal;line-height:24px;white-space:nowrap}.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 #D6D6D6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}:host:disabled .evo-icon-button{color:#d6d6d6!important}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
41
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoIconButtonComponent, decorators: [{
|
|
42
45
|
type: Component,
|
|
43
46
|
args: [{
|
|
@@ -55,8 +58,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
55
58
|
type: Input
|
|
56
59
|
}], theme: [{
|
|
57
60
|
type: Input
|
|
61
|
+
}], size: [{
|
|
62
|
+
type: Input
|
|
58
63
|
}], isDisabled: [{
|
|
59
64
|
type: HostBinding,
|
|
60
65
|
args: ['disabled']
|
|
61
66
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWljb24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1pY29uLWJ1dHRvbi9ldm8taWNvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWljb24tYnV0dG9uL2V2by1pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUlSLE1BQU0sZUFBZSxDQUFDOzs7QUFJdkIsd0VBQXdFO0FBQ3hFLE1BQU0sQ0FBTixJQUFZLGtCQUlYO0FBSkQsV0FBWSxrQkFBa0I7SUFDMUIsbUNBQWEsQ0FBQTtJQUNiLHVDQUFpQixDQUFBO0lBQ2pCLHlDQUFtQixDQUFBO0FBQ3ZCLENBQUMsRUFKVyxrQkFBa0IsS0FBbEIsa0JBQWtCLFFBSTdCO0FBRUQsTUFBTSxlQUFlLEdBQUcsaUJBQWlCLENBQUM7QUFTMUMsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVVhLFVBQUssR0FBZ0Msa0JBQWtCLENBQUMsSUFBSSxDQUFDO1FBQzdELFVBQUssR0FBdUIsU0FBUyxDQUFDO1FBRy9DLFlBQU8sR0FBYSxFQUFFLENBQUM7S0E0QjFCO0lBMUJHLElBQTZCLFVBQVU7UUFDbkMsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDekMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLEtBQUssS0FBSyxTQUFTLElBQUksT0FBTyxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDNUQsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7U0FDNUI7SUFDTCxDQUFDO0lBRU8saUJBQWlCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNYLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsZUFBZSxTQUFTLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1NBQzdEO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLGVBQWUsVUFBVSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ25GO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxlQUFlLFVBQVUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7U0FDL0Q7SUFDTCxDQUFDOztvSEFsQ1Esc0JBQXNCO3dHQUF0QixzQkFBc0IscVFDNUJuQyxnYUFVQTs0RkRrQmEsc0JBQXNCO2tCQVBsQyxTQUFTO21CQUFDO29CQUNQLDhDQUE4QztvQkFDOUMsUUFBUSxFQUFFLDZDQUE2QztvQkFDdkQsV0FBVyxFQUFFLGtDQUFrQztvQkFDL0MsU0FBUyxFQUFFLENBQUMsa0NBQWtDLENBQUM7b0JBQy9DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNsRDs4QkFFWSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFJdUIsVUFBVTtzQkFBdEMsV0FBVzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgSG9zdEJpbmRpbmcsXHJcbiAgICBJbnB1dCxcclxuICAgIE9uQ2hhbmdlcyxcclxuICAgIE9uSW5pdCxcclxuICAgIFNpbXBsZUNoYW5nZXNcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRXZvSWNvbkJ1dHRvblRoZW1lIH0gZnJvbSAnLi90eXBlcy9ldm8taWNvbi1idXR0b24tdGhlbWUnO1xyXG5pbXBvcnQgeyBFdm9JY29uQnV0dG9uU2l6ZSB9IGZyb20gJy4vdHlwZXMvZXZvLWljb24tYnV0dG9uLXNpemUnO1xyXG5cclxuLy8gVE9ETzogcmVwbGFjZSBjb2xvciB0byBzdHJpbmcgbGl0ZXJhbCB0eXBlIGJhc2VkIG9uIGEgYEV2b0NvbG9yYCB0eXBlXHJcbmV4cG9ydCBlbnVtIEV2b0ljb25CdXR0b25Db2xvciB7XHJcbiAgICBsaW5rID0gJ2xpbmsnLFxyXG4gICAgZGFuZ2VyID0gJ2RhbmdlcicsXHJcbiAgICBzdWNjZXNzID0gJ3N1Y2Nlc3MnLFxyXG59XHJcblxyXG5jb25zdCB3cmFwcGVyU2VsZWN0b3IgPSAnZXZvLWljb24tYnV0dG9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxyXG4gICAgc2VsZWN0b3I6ICdidXR0b25bZXZvLWljb24tYnV0dG9uXSwgYVtldm8taWNvbi1idXR0b25dJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldm8taWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLWljb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEV2b0ljb25CdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBjb2xvcjogRXZvSWNvbkJ1dHRvbkNvbG9yIHwgc3RyaW5nID0gRXZvSWNvbkJ1dHRvbkNvbG9yLmxpbms7XHJcbiAgICBASW5wdXQoKSB0aGVtZTogRXZvSWNvbkJ1dHRvblRoZW1lID0gJ2RlZmF1bHQnO1xyXG4gICAgQElucHV0KCkgc2l6ZTogRXZvSWNvbkJ1dHRvblNpemU7XHJcblxyXG4gICAgY2xhc3Nlczogc3RyaW5nW10gPSBbXTtcclxuXHJcbiAgICBASG9zdEJpbmRpbmcoJ2Rpc2FibGVkJykgZ2V0IGlzRGlzYWJsZWQoKTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5sb2FkaW5nO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMudXBkYXRlQ2xhc3Nlc0xpc3QoKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKGNoYW5nZXMuY29sb3IgIT09IHVuZGVmaW5lZCB8fCBjaGFuZ2VzLnRoZW1lICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgICAgdGhpcy51cGRhdGVDbGFzc2VzTGlzdCgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHVwZGF0ZUNsYXNzZXNMaXN0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuY2xhc3NlcyA9IFtdO1xyXG4gICAgICAgIGlmICh0aGlzLnNpemUpIHtcclxuICAgICAgICAgICAgdGhpcy5jbGFzc2VzLnB1c2goYCR7d3JhcHBlclNlbGVjdG9yfV9zaXplLSR7dGhpcy5zaXplfWApO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAodGhpcy5jb2xvciAmJiBFdm9JY29uQnV0dG9uQ29sb3JbdGhpcy5jb2xvcl0pIHtcclxuICAgICAgICAgICAgdGhpcy5jbGFzc2VzLnB1c2goYCR7d3JhcHBlclNlbGVjdG9yfV9jb2xvci0ke0V2b0ljb25CdXR0b25Db2xvclt0aGlzLmNvbG9yXX1gKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHRoaXMudGhlbWUpIHtcclxuICAgICAgICAgICAgdGhpcy5jbGFzc2VzLnB1c2goYCR7d3JhcHBlclNlbGVjdG9yfV90aGVtZS0ke3RoaXMudGhlbWV9YCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJldm8taWNvbi1idXR0b25cIiBbbmdDbGFzc109XCJjbGFzc2VzXCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiIWxvYWRpbmcgZWxzZSBzcGlubmVyXCIgY2xhc3M9XCJldm8taWNvbi1idXR0b25fX2ljb24td3JhcHBlclwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV2by1pY29uXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8c3BhbiBjbGFzcz1cImV2by1pY29uLWJ1dHRvbl9fbGFiZWxcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjc3Bpbm5lcj5cclxuICAgIDxzcGFuIGNsYXNzPVwiZXZvLWljb24tYnV0dG9uX19sb2FkaW5nLXNwaW5uZXJcIj48L3NwYW4+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWljb24tYnV0dG9uLXNpemUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8taWNvbi1idXR0b24vdHlwZXMvZXZvLWljb24tYnV0dG9uLXNpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2b1NpemUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vdHlwZXMnO1xyXG5cclxuZXhwb3J0IHR5cGUgRXZvSWNvbkJ1dHRvblNpemUgPSBFeHRyYWN0PEV2b1NpemUsICdub3JtYWwnIHwgJ3NtYWxsJz47XHJcbiJdfQ==
|
|
@@ -3493,6 +3493,9 @@ class EvoIconButtonComponent {
|
|
|
3493
3493
|
}
|
|
3494
3494
|
updateClassesList() {
|
|
3495
3495
|
this.classes = [];
|
|
3496
|
+
if (this.size) {
|
|
3497
|
+
this.classes.push(`${wrapperSelector}_size-${this.size}`);
|
|
3498
|
+
}
|
|
3496
3499
|
if (this.color && EvoIconButtonColor[this.color]) {
|
|
3497
3500
|
this.classes.push(`${wrapperSelector}_color-${EvoIconButtonColor[this.color]}`);
|
|
3498
3501
|
}
|
|
@@ -3502,7 +3505,7 @@ class EvoIconButtonComponent {
|
|
|
3502
3505
|
}
|
|
3503
3506
|
}
|
|
3504
3507
|
EvoIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3505
|
-
EvoIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color", theme: "theme" }, host: { properties: { "disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\r\n <div *ngIf=\"!loading else spinner\" class=\"evo-icon-button__icon-wrapper\">\r\n <ng-content select=\"evo-icon\"></ng-content>\r\n </div>\r\n <span class=\"evo-icon-button__label\"><ng-content></ng-content></span>\r\n</div>\r\n\r\n<ng-template #spinner>\r\n <span class=\"evo-icon-button__loading-spinner\"></span>\r\n</ng-template>\r\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_theme-rectangle{padding:16px 16px 16px 8px;background:var(--evo-icon-button-background);border-radius:8px;cursor:pointer}.evo-icon-button_color-link{color:#2099f1}.evo-icon-button_color-link:hover{color:#4dadf4}.evo-icon-button_color-link:active{color:#1d8ad9}.evo-icon-button_color-danger{color:#ff1817}.evo-icon-button_color-danger:hover{color:#ff4645}.evo-icon-button_color-danger:active{color:#e51715}.evo-icon-button_color-success{color:#21c68b}.evo-icon-button_color-success:hover{color:#4dd1a2}.evo-icon-button_color-success:active{color:#1eb27d}.evo-icon-button__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;font-weight:600;font-size:16px;font-style:normal;line-height:24px;white-space:nowrap}.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 #D6D6D6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}:host:disabled .evo-icon-button{color:#d6d6d6!important}\n"], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3508
|
+
EvoIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoIconButtonComponent, selector: "button[evo-icon-button], a[evo-icon-button]", inputs: { disabled: "disabled", loading: "loading", color: "color", theme: "theme", size: "size" }, host: { properties: { "disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"evo-icon-button\" [ngClass]=\"classes\">\r\n <div *ngIf=\"!loading else spinner\" class=\"evo-icon-button__icon-wrapper\">\r\n <ng-content select=\"evo-icon\"></ng-content>\r\n </div>\r\n <span class=\"evo-icon-button__label\"><ng-content></ng-content></span>\r\n</div>\r\n\r\n<ng-template #spinner>\r\n <span class=\"evo-icon-button__loading-spinner\"></span>\r\n</ng-template>\r\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_theme-rectangle{padding:16px 16px 16px 8px;background:var(--evo-icon-button-background);border-radius:8px;cursor:pointer}.evo-icon-button_color-link{color:#2099f1}.evo-icon-button_color-link:hover{color:#4dadf4}.evo-icon-button_color-link:active{color:#1d8ad9}.evo-icon-button_color-danger{color:#ff1817}.evo-icon-button_color-danger:hover{color:#ff4645}.evo-icon-button_color-danger:active{color:#e51715}.evo-icon-button_color-success{color:#21c68b}.evo-icon-button_color-success:hover{color:#4dd1a2}.evo-icon-button_color-success:active{color:#1eb27d}.evo-icon-button_size-small .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-size:14px;line-height:22px}.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;font-weight:600;font-size:16px;font-style:normal;line-height:24px;white-space:nowrap}.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 #D6D6D6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}:host:disabled .evo-icon-button{color:#d6d6d6!important}\n"], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3506
3509
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoIconButtonComponent, decorators: [{
|
|
3507
3510
|
type: Component,
|
|
3508
3511
|
args: [{
|
|
@@ -3520,6 +3523,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
3520
3523
|
type: Input
|
|
3521
3524
|
}], theme: [{
|
|
3522
3525
|
type: Input
|
|
3526
|
+
}], size: [{
|
|
3527
|
+
type: Input
|
|
3523
3528
|
}], isDisabled: [{
|
|
3524
3529
|
type: HostBinding,
|
|
3525
3530
|
args: ['disabled']
|
|
@@ -7263,7 +7268,7 @@ class EvoDropdownComponent {
|
|
|
7263
7268
|
}
|
|
7264
7269
|
}
|
|
7265
7270
|
EvoDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoDropdownComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7266
|
-
EvoDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<ng-template\r\n cdkConnectedOverlay\r\n [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\r\n [cdkConnectedOverlayOpen]=\"isOpen\"\r\n [cdkConnectedOverlayPositions]=\"connectedPositions\"\r\n>\r\n <!-- TODO: (overlayOutsideClick)=\"needCloseOnOutsideClick && close()\" add after update to ng12-->\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", directives: [{ type: i1$3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["
|
|
7271
|
+
EvoDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EvoDropdownComponent, selector: "evo-dropdown", inputs: { scrollStrategy: "scrollStrategy", dropdownOrigin: "dropdownOrigin", isOpen: "isOpen", positions: "positions" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<ng-template\r\n cdkConnectedOverlay\r\n [cdkConnectedOverlayOrigin]=\"dropdownOrigin\"\r\n [cdkConnectedOverlayOpen]=\"isOpen\"\r\n [cdkConnectedOverlayPositions]=\"connectedPositions\"\r\n>\r\n <!-- TODO: (overlayOutsideClick)=\"needCloseOnOutsideClick && close()\" add after update to ng12-->\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", directives: [{ type: i1$3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayPositions", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayTransformOriginOn"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7267
7272
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EvoDropdownComponent, decorators: [{
|
|
7268
7273
|
type: Component,
|
|
7269
7274
|
args: [{
|