/** * Import Angular libraries. */ import { EventEmitter, OnDestroy, AfterViewChecked, OnChanges, SimpleChanges, ElementRef } from '@angular/core'; /** * Import third-party libraries. */ import { Circle } from '@svgdotjs/svg.js'; /** * Import custom components. */ import { SvgContainerComponent } from '../components/svg-container/svg-container.component'; export declare class SvgCircleDirective implements AfterViewChecked, OnChanges, OnDestroy { private _svgContainer; private _elRef; /** * Globally used variables within the directive. */ private _circle; /** * Import variables for the circle directive. */ diameter: number; color: string; x: number; y: number; classes: string[]; /** * Output variables for the circle directive. */ clickEvent: EventEmitter; doubleClickEvent: EventEmitter; mouseOverEvent: EventEmitter; mouseOutEvent: EventEmitter; onInitialize: EventEmitter; /** * Create SVG Circle directive. * @param _svgContainer - Host SVG Container Component object instance. * @param _elRef - Angular element reference object instance. */ constructor(_svgContainer: SvgContainerComponent, _elRef: ElementRef); /** * Creates the circle 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 circle object. * @param changes - Angular Simple Changes object containing all of the changes. */ ngOnChanges(changes: SimpleChanges): void; /** * Update circle object within the SVG container. */ private updateCircle; /** * Create circle object within the SVG container. */ private createCircle; /** * Sets correct position for the element. */ private setCorrectPosition; /** * Adds classes to the circle object. * @param classesToAdd - List of classes, which needs to be added. * @param classesToRemove - List of classes, which needs to be removed. */ private addRemoveClasses; }