import { DaffModalComponent } from '@daffodil/design/modal'
@Component()
class DaffModalComponent implements AfterContentInit, AfterViewInit, OnDestroy, DaffOpenable {
ariaLabelledBy: string
animationCompleted: EventEmitter<any> = new EventEmitter<any>()
readonly closedAnimationCompleted$: this._closedAnimationCompleted.asObservable() = this._closedAnimationCompleted.asObservable()
get open(): boolean
@Input() @HostBinding() toggled: boolean = false
attachContent(portal: ComponentPortal<any>): any
@HostListener() animationDone(e: AnimationEvent): void
reveal(): void
hide(): void
toggle(): void
}
boolean| Default | – |
|---|---|
| Description | Controls whether the component is open. |
string| Default | – |
|---|---|
| Description |
EventEmitter<any>| Default | new EventEmitter<any>() |
|---|---|
| Description | Event fired when the close animation is completed. |
this._closedAnimationCompleted.asObservable()| Default | this._closedAnimationCompleted.asObservable() |
|---|---|
| Description | Observable that emits when the close animation is completed. |
boolean| Default | – |
|---|---|
| Description |
anyHelper method to attach portable content to modal.
| Parameter | portal: ComponentPortal |
|---|---|
| Description |
voidAnimation event that can used to hook into when animations are fully completed. We use this in the DaffModalService to determine when to actually remove the dynamically rendered element from the DOM so that the animation does not clip as the element is removed.
| Parameter | e: AnimationEvent |
|---|---|
| Description |
voidReveals the modal
voidHides the modal
voidToggles the visibility of the modal