/** * Import Angular libraries. */ import { AfterViewChecked, EventEmitter, OnDestroy, OnChanges, SimpleChanges, ElementRef } from '@angular/core'; /** * Import third-party libraries. */ import { Rect } from '@svgdotjs/svg.js'; /** * Import custom components. */ import { SvgContainerComponent } from '../components/svg-container/svg-container.component'; export declare class SvgRectDirective implements AfterViewChecked, OnChanges, OnDestroy { private _svgContainer; private _elRef; /** * Globally used variables within the directive. */ private _rect; /** * Import variables for the rectangular directive. */ height: number; width: number; color: string; x: number; y: number; rx: number; ry: number; classes: string[]; /** * Output variables for the rectangular directive. */ clickEvent: EventEmitter; doubleClickEvent: EventEmitter; mouseOverEvent: EventEmitter; mouseOutEvent: EventEmitter; onInitialize: EventEmitter; /** * Create SVG Rect directive. * @param _svgContainer - Host SVG Container Component object instance. * @param _elRef - Angular element reference object instance. */ constructor(_svgContainer: SvgContainerComponent, _elRef: ElementRef); /** * Creates or updates the rectangular object within the container */ ngAfterViewChecked(): void; /** * Does all required pre-requisites before destroying the component. */ ngOnDestroy(): void; /** * Is called when changes are made to the rect object. * @param changes - Angular Simple Changes object containing all of the changes. */ ngOnChanges(changes: SimpleChanges): void; /** * Update rectangular object within the SVG container. */ private updateRect; /** * Create rectangular object within the SVG container. */ private createRect; /** * Sets correct position for the element. */ private setCorrectPosition; /** * Adds classes to the rect object. * @param classesToAdd - List of classes, which needs to be added. * @param classesToRemove - List of classes, which needs to be removed. */ private addRemoveClasses; }