@rybos/angular2gridster
Version:
[](https://badge.fury.io/js/angular2gridster)
112 lines (111 loc) • 4.59 kB
TypeScript
import { OnInit, ElementRef, EventEmitter, SimpleChanges, OnChanges, OnDestroy, AfterViewInit, NgZone } from '@angular/core';
import { GridsterService } from '../gridster.service';
import { GridsterPrototypeService } from '../gridster-prototype/gridster-prototype.service';
import { GridListItem } from '../gridList/GridListItem';
import * as i0 from "@angular/core";
export declare class GridsterItemComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
private zone;
private gridsterPrototypeService;
x: number;
xChange: EventEmitter<number>;
y: number;
yChange: EventEmitter<number>;
xSm: number;
xSmChange: EventEmitter<number>;
ySm: number;
ySmChange: EventEmitter<number>;
xMd: number;
xMdChange: EventEmitter<number>;
yMd: number;
yMdChange: EventEmitter<number>;
xLg: number;
xLgChange: EventEmitter<number>;
yLg: number;
yLgChange: EventEmitter<number>;
xXl: number;
xXlChange: EventEmitter<number>;
yXl: number;
yXlChange: EventEmitter<number>;
w: number;
wChange: EventEmitter<number>;
h: number;
hChange: EventEmitter<number>;
wSm: number;
wSmChange: EventEmitter<number>;
hSm: number;
hSmChange: EventEmitter<number>;
wMd: number;
wMdChange: EventEmitter<number>;
hMd: number;
hMdChange: EventEmitter<number>;
wLg: number;
wLgChange: EventEmitter<number>;
hLg: number;
hLgChange: EventEmitter<number>;
wXl: number;
wXlChange: EventEmitter<number>;
hXl: number;
hXlChange: EventEmitter<number>;
change: EventEmitter<any>;
start: EventEmitter<any>;
end: EventEmitter<any>;
dragAndDrop: boolean;
resizable: boolean;
options: any;
autoSize: boolean;
isDragging: boolean;
isResizing: boolean;
$element: HTMLElement;
elementRef: ElementRef;
/**
* Gridster provider service
*/
gridster: GridsterService;
item: GridListItem;
set positionX(value: number);
get positionX(): number;
set positionY(value: number);
get positionY(): number;
private _positionX;
private _positionY;
private defaultOptions;
private subscriptions;
private dragSubscriptions;
private resizeSubscriptions;
constructor(zone: NgZone, gridsterPrototypeService: GridsterPrototypeService, elementRef: ElementRef, gridster: GridsterService);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
updateElemenetPosition(): void;
setPositionsOnItem(): void;
enableResizable(): void;
disableResizable(): void;
enableDragDrop(): void;
disableDraggable(): void;
private getResizeHandlers;
private getDraggableOptions;
private getResizableOptions;
private hasResizableHandle;
private setPositionsForGrid;
private findPosition;
private createResizeStartObject;
private onEnd;
private onStart;
/**
* Assign class for short while to prevent animation of grid item component
*/
private preventAnimation;
private getResizeDirection;
private resizeElement;
private resizeToNorth;
private resizeToWest;
private resizeToEast;
private resizeToSouth;
private setMinHeight;
private setMinWidth;
private setMaxHeight;
private setMaxWidth;
static ɵfac: i0.ɵɵFactoryDeclaration<GridsterItemComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<GridsterItemComponent, "ngx-gridster-item", never, { "x": "x"; "y": "y"; "xSm": "xSm"; "ySm": "ySm"; "xMd": "xMd"; "yMd": "yMd"; "xLg": "xLg"; "yLg": "yLg"; "xXl": "xXl"; "yXl": "yXl"; "w": "w"; "h": "h"; "wSm": "wSm"; "hSm": "hSm"; "wMd": "wMd"; "hMd": "hMd"; "wLg": "wLg"; "hLg": "hLg"; "wXl": "wXl"; "hXl": "hXl"; "dragAndDrop": "dragAndDrop"; "resizable": "resizable"; "options": "options"; }, { "xChange": "xChange"; "yChange": "yChange"; "xSmChange": "xSmChange"; "ySmChange": "ySmChange"; "xMdChange": "xMdChange"; "yMdChange": "yMdChange"; "xLgChange": "xLgChange"; "yLgChange": "yLgChange"; "xXlChange": "xXlChange"; "yXlChange": "yXlChange"; "wChange": "wChange"; "hChange": "hChange"; "wSmChange": "wSmChange"; "hSmChange": "hSmChange"; "wMdChange": "wMdChange"; "hMdChange": "hMdChange"; "wLgChange": "wLgChange"; "hLgChange": "hLgChange"; "wXlChange": "wXlChange"; "hXlChange": "hXlChange"; "change": "change"; "start": "start"; "end": "end"; }, never, ["*"], false, never>;
}