ngx-animate-css-grid
Version:
Angular wrapper for animate-css-grid
89 lines • 6.02 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/ngx-animate-css-grid.directive.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Directive, ElementRef, EventEmitter, Input, Output } from '@angular/core';
import { wrapGrid } from 'animate-css-grid';
export class NgxAnimateCssGridDirective {
/**
* @param {?} elementRef
*/
constructor(elementRef) {
this.elementRef = elementRef;
this.ngxAnimateCssGrid = {};
this.onStart = new EventEmitter();
this.onEnd = new EventEmitter();
}
/**
* @return {?}
*/
ngAfterViewInit() {
/** @type {?} */
const config = Object.assign({}, this.ngxAnimateCssGrid, { onStart: (/**
* @param {?} animatedChildren
* @return {?}
*/
(animatedChildren) => this.onStart.emit(animatedChildren)), onEnd: (/**
* @param {?} animatedChildren
* @return {?}
*/
(animatedChildren) => this.onEnd.emit(animatedChildren)) });
this.gridWrapper = wrapGrid(this.elementRef.nativeElement, config);
}
/**
* @return {?}
*/
unwrapGrid() {
if (this.gridWrapper) {
this.gridWrapper.unwrapGrid();
}
}
/**
* @return {?}
*/
forceGridAnimation() {
if (this.gridWrapper) {
this.gridWrapper.forceGridAnimation();
}
}
/**
* @return {?}
*/
ngOnDestroy() {
this.unwrapGrid();
}
}
NgxAnimateCssGridDirective.decorators = [
{ type: Directive, args: [{
selector: '[ngxAnimateCssGrid]'
},] }
];
/** @nocollapse */
NgxAnimateCssGridDirective.ctorParameters = () => [
{ type: ElementRef }
];
NgxAnimateCssGridDirective.propDecorators = {
ngxAnimateCssGrid: [{ type: Input }],
onStart: [{ type: Output }],
onEnd: [{ type: Output }]
};
if (false) {
/** @type {?} */
NgxAnimateCssGridDirective.prototype.ngxAnimateCssGrid;
/** @type {?} */
NgxAnimateCssGridDirective.prototype.onStart;
/** @type {?} */
NgxAnimateCssGridDirective.prototype.onEnd;
/**
* @type {?}
* @private
*/
NgxAnimateCssGridDirective.prototype.gridWrapper;
/**
* @type {?}
* @private
*/
NgxAnimateCssGridDirective.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWFuaW1hdGUtY3NzLWdyaWQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LWFuaW1hdGUtY3NzLWdyaWQvIiwic291cmNlcyI6WyJsaWIvbmd4LWFuaW1hdGUtY3NzLWdyaWQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQU8xQyxNQUFNLE9BQU8sMEJBQTBCOzs7O0lBUXJDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFOakMsc0JBQWlCLEdBQW1CLEVBQUUsQ0FBQztRQUN0QyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7UUFDNUMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO0lBS3BELENBQUM7Ozs7SUFFRCxlQUFlOztjQUNQLE1BQU0scUJBQ1AsSUFBSSxDQUFDLGlCQUFpQixJQUN6QixPQUFPOzs7O1lBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FDbEUsS0FBSzs7OztZQUFFLENBQUMsZ0JBQWdCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQy9EO1FBQ0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDckUsQ0FBQzs7OztJQUVELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUMvQjtJQUNILENBQUM7Ozs7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztTQUN2QztJQUNILENBQUM7Ozs7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7OztZQXJDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjthQUNoQzs7OztZQVBpQyxVQUFVOzs7Z0NBVXpDLEtBQUs7c0JBQ0wsTUFBTTtvQkFDTixNQUFNOzs7O0lBRlAsdURBQWdEOztJQUNoRCw2Q0FBc0Q7O0lBQ3RELDJDQUFvRDs7Ozs7SUFFcEQsaURBQXdEOzs7OztJQUU1QyxnREFBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt3cmFwR3JpZH0gZnJvbSAnYW5pbWF0ZS1jc3MtZ3JpZCc7XG5pbXBvcnQge1dyYXBHcmlkQ29uZmlnfSBmcm9tICcuL3dyYXAtZ3JpZC1jb25maWcnO1xuaW1wb3J0IHtXcmFwR3JpZEFyZ3VtZW50c30gZnJvbSAnYW5pbWF0ZS1jc3MtZ3JpZC9kaXN0L3R5cGVzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW25neEFuaW1hdGVDc3NHcmlkXSdcbn0pXG5leHBvcnQgY2xhc3MgTmd4QW5pbWF0ZUNzc0dyaWREaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpIG5neEFuaW1hdGVDc3NHcmlkOiBXcmFwR3JpZENvbmZpZyA9IHt9O1xuICBAT3V0cHV0KCkgb25TdGFydCA9IG5ldyBFdmVudEVtaXR0ZXI8SFRNTEVsZW1lbnRbXT4oKTtcbiAgQE91dHB1dCgpIG9uRW5kID0gbmV3IEV2ZW50RW1pdHRlcjxIVE1MRWxlbWVudFtdPigpO1xuXG4gIHByaXZhdGUgZ3JpZFdyYXBwZXI6IHsgdW53cmFwR3JpZCwgZm9yY2VHcmlkQW5pbWF0aW9uIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3QgY29uZmlnOiBXcmFwR3JpZEFyZ3VtZW50cyA9IHtcbiAgICAgIC4uLnRoaXMubmd4QW5pbWF0ZUNzc0dyaWQsXG4gICAgICBvblN0YXJ0OiAoYW5pbWF0ZWRDaGlsZHJlbikgPT4gdGhpcy5vblN0YXJ0LmVtaXQoYW5pbWF0ZWRDaGlsZHJlbiksXG4gICAgICBvbkVuZDogKGFuaW1hdGVkQ2hpbGRyZW4pID0+IHRoaXMub25FbmQuZW1pdChhbmltYXRlZENoaWxkcmVuKVxuICAgIH07XG4gICAgdGhpcy5ncmlkV3JhcHBlciA9IHdyYXBHcmlkKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCBjb25maWcpO1xuICB9XG5cbiAgdW53cmFwR3JpZCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5ncmlkV3JhcHBlcikge1xuICAgICAgdGhpcy5ncmlkV3JhcHBlci51bndyYXBHcmlkKCk7XG4gICAgfVxuICB9XG5cbiAgZm9yY2VHcmlkQW5pbWF0aW9uKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmdyaWRXcmFwcGVyKSB7XG4gICAgICB0aGlzLmdyaWRXcmFwcGVyLmZvcmNlR3JpZEFuaW1hdGlvbigpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMudW53cmFwR3JpZCgpO1xuICB9XG59XG4iXX0=