blob: e7610198693b87121ade21514e988a80e1962f14 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
import { Component, Input } from "@angular/core";
import { ButtonComponent } from "../buttons/button.component";
import { ModalService } from "./modal.service";
import { RippleAnimationAction } from "../animations/ripple-click.animation.directive";
@Component({
selector: "sdc-modal-close-button",
template: `
<div class="sdc-modal__close-button"
SdcRippleClickAnimation
[ngClass]="disabled ? 'disabled' : ''"
[rippleOnAction]="!disabled && rippleAnimationAction"
[attr.data-tests-id]="testId"
(click)="!disabled && closeModal()"
>
<svg-icon name="close" [mode]="disabled? 'secondary' : 'info'" size="small"></svg-icon>
</div>
`
})
export class ModalCloseButtonComponent {
@Input() testId: string;
@Input() disabled: boolean;
public rippleAnimationAction: RippleAnimationAction = RippleAnimationAction.MOUSE_ENTER;
constructor(private modalService: ModalService) {
}
public closeModal = (): void => {
this.modalService.closeModal();
}
}
|