angular-resize-element
Version:
An angular 4.0+ directive that allows an element to be resized
35 lines (34 loc) • 1.47 kB
TypeScript
import { ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
import { AngularResizeElementEvent, Position } from './angular-resize-element-event.interface';
import { AngularResizeElementDirection } from './angular-resize-element.enum';
export declare class AngularResizeElementDirective implements OnChanges, OnDestroy {
private readonly elementRef;
private readonly renderer2;
private mouseClickListener;
private mouseUpListener;
private mouseMoveListener;
private targetElementWidthValue;
private targetElementHeightValue;
private targetElementTopValue;
private targetElementLeftValue;
private originalEvent;
targetElement: HTMLElement | ElementRef;
direction: AngularResizeElementDirection;
proportionalResize: boolean;
rect: Position;
applyClass: string;
readonly resizeStart: EventEmitter<AngularResizeElementEvent>;
readonly resize: EventEmitter<AngularResizeElementEvent>;
readonly resizeEnd: EventEmitter<AngularResizeElementEvent>;
useDrag: any;
constructor(elementRef: ElementRef, renderer2: Renderer2);
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
listenMouseDownEvent(): void;
onMouseDown(evt: MouseEvent): void;
private onMouseUp;
private onMouseMove;
private setOriginalData;
private get targetNativeElement();
private generateValuesForEvent;
}