@hyperviewhq/angular2gridster
Version:
[](https://badge.fury.io/js/angular2gridster)
112 lines (111 loc) • 5.24 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": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "xSm": { "alias": "xSm"; "required": false; }; "ySm": { "alias": "ySm"; "required": false; }; "xMd": { "alias": "xMd"; "required": false; }; "yMd": { "alias": "yMd"; "required": false; }; "xLg": { "alias": "xLg"; "required": false; }; "yLg": { "alias": "yLg"; "required": false; }; "xXl": { "alias": "xXl"; "required": false; }; "yXl": { "alias": "yXl"; "required": false; }; "w": { "alias": "w"; "required": false; }; "h": { "alias": "h"; "required": false; }; "wSm": { "alias": "wSm"; "required": false; }; "hSm": { "alias": "hSm"; "required": false; }; "wMd": { "alias": "wMd"; "required": false; }; "hMd": { "alias": "hMd"; "required": false; }; "wLg": { "alias": "wLg"; "required": false; }; "hLg": { "alias": "hLg"; "required": false; }; "wXl": { "alias": "wXl"; "required": false; }; "hXl": { "alias": "hXl"; "required": false; }; "dragAndDrop": { "alias": "dragAndDrop"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "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>;
}