@asi-ngtools/lib
Version:
This project is a little components library, simple to use, which will help you to simplify your project.
135 lines (134 loc) • 11.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { EventEmitter, Output, ElementRef, Input, Component, TemplateRef, ViewChild } from '@angular/core';
import { AsiDropdownService } from './asi-dropdown.service';
export class AsiDropDown {
/**
* @param {?} asiDropdownService
* @param {?} elementRef
*/
constructor(asiDropdownService, elementRef) {
this.asiDropdownService = asiDropdownService;
this.elementRef = elementRef;
/**
* Change to true to open the drowndrop
*/
this.open = false;
/**
* fix the width to the relative component width
*/
this.calculWidth = true;
/**
* Allow you to add a class to the down drop container
*/
this.dropDownClass = '';
/**
* Event emitted when dropdown is closed (you should put you open var to false to be able to reopen)
*/
this.onClose = new EventEmitter();
}
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(changes) {
// To open
if (changes["open"]) {
if (changes["open"].currentValue) {
setTimeout(() => {
if (this.relativeTo == null) {
this.dropdown = this.asiDropdownService.showDropdown(this.elementRef.nativeElement.parentElement, this);
}
else if (this.relativeTo.nativeElement) {
this.dropdown = this.asiDropdownService.showDropdown(this.relativeTo.nativeElement, this);
}
else if (this.relativeTo['elementRef'].nativeElement) {
this.dropdown = this.asiDropdownService.showDropdown(this.relativeTo['elementRef'].nativeElement, this);
}
else {
console.warn('Default choice for the down down cannot find nativeElement on the relativeTo element');
this.dropdown = this.asiDropdownService.showDropdown(this.elementRef.nativeElement.parentElement, this);
}
this.dropdown.instance.setCalculWidth(this.calculWidth);
this.dropdown.instance.onClose().subscribe(() => {
this.destroyDropdown();
});
});
}
else if (this.dropdown) {
this.dropdown.instance.close();
}
}
}
/**
* @return {?}
*/
destroyDropdown() {
this.open = false;
this.onClose.emit();
this.dropdown.destroy();
}
}
AsiDropDown.decorators = [
{ type: Component, args: [{
selector: 'asi-dropdown',
template: '<ng-template><div class="asi-dropdown"><ng-content></ng-content></div></ng-template>'
}] }
];
/** @nocollapse */
AsiDropDown.ctorParameters = () => [
{ type: AsiDropdownService },
{ type: ElementRef }
];
AsiDropDown.propDecorators = {
open: [{ type: Input }],
calculWidth: [{ type: Input }],
relativeTo: [{ type: Input }],
dropDownClass: [{ type: Input }],
onClose: [{ type: Output }],
canClose: [{ type: Input }],
contentTemplate: [{ type: ViewChild, args: [TemplateRef,] }]
};
if (false) {
/**
* Change to true to open the drowndrop
* @type {?}
*/
AsiDropDown.prototype.open;
/**
* fix the width to the relative component width
* @type {?}
*/
AsiDropDown.prototype.calculWidth;
/**
* link the dropdown to the component position
* @type {?}
*/
AsiDropDown.prototype.relativeTo;
/**
* Allow you to add a class to the down drop container
* @type {?}
*/
AsiDropDown.prototype.dropDownClass;
/**
* Event emitted when dropdown is closed (you should put you open var to false to be able to reopen)
* @type {?}
*/
AsiDropDown.prototype.onClose;
/**
* Function to check if the dropdown can close on click, get the clicked element as parameter
* @type {?}
*/
AsiDropDown.prototype.canClose;
/** @type {?} */
AsiDropDown.prototype.dropdown;
/** @type {?} */
AsiDropDown.prototype.contentTemplate;
/** @type {?} */
AsiDropDown.prototype.asiDropdownService;
/** @type {?} */
AsiDropDown.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bhc2ktbmd0b29scy9saWIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9hc2ktZHJvcGRvd24vYXNpLWRyb3Bkb3duLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFlBQVksRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUMvRCxTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFNNUQsTUFBTTs7Ozs7SUFtQkosWUFBb0Isa0JBQXNDLEVBQVUsVUFBc0I7UUFBdEUsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7Ozs7b0JBaEIxRSxLQUFLOzs7OzJCQUVFLElBQUk7Ozs7NkJBSUYsRUFBRTs7Ozt1QkFFUCxJQUFJLFlBQVksRUFBRTtLQVNyQzs7Ozs7SUFFRCxXQUFXLENBQUMsT0FBc0I7O1FBRWhDLEVBQUUsQ0FBQyxDQUFDLE9BQU8sVUFBTyxDQUFDO1lBQ2pCLEVBQUUsQ0FBQyxDQUFDLE9BQU8sU0FBTSxZQUFZLENBQUMsQ0FBQyxDQUFDO2dCQUM5QixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNkLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQzt3QkFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztxQkFDekc7b0JBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQzt3QkFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxDQUFDO3FCQUMzRjtvQkFBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO3dCQUN2RCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUM7cUJBQ3pHO29CQUFDLElBQUksQ0FBQyxDQUFDO3dCQUNOLE9BQU8sQ0FBQyxJQUFJLENBQUMsc0ZBQXNGLENBQUMsQ0FBQzt3QkFDckcsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztxQkFDekc7b0JBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztvQkFDeEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTt3QkFDOUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO3FCQUN4QixDQUFDLENBQUM7aUJBQ0osQ0FBQyxDQUFDO2FBQ0o7WUFBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ2hDO1NBQ0Y7S0FDRjs7OztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUM7S0FDekI7OztZQXhERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLFFBQVEsRUFBRSxzRkFBc0Y7YUFDakc7Ozs7WUFMUSxrQkFBa0I7WUFKSCxVQUFVOzs7bUJBYS9CLEtBQUs7MEJBRUwsS0FBSzt5QkFFTCxLQUFLOzRCQUVMLEtBQUs7c0JBRUwsTUFBTTt1QkFFTixLQUFLOzhCQUlMLFNBQVMsU0FBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBFdmVudEVtaXR0ZXIsIE91dHB1dCwgRWxlbWVudFJlZiwgSW5wdXQsIENvbXBvbmVudCwgVGVtcGxhdGVSZWYsXHJcbiAgVmlld0NoaWxkLCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMsIENvbXBvbmVudFJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBc2lEcm9wZG93bkNvbnRhaW5lciB9IGZyb20gJy4vY29udGFpbmVyL2FzaS1kcm9wZG93bi1jb250YWluZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQXNpRHJvcGRvd25TZXJ2aWNlIH0gZnJvbSAnLi9hc2ktZHJvcGRvd24uc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FzaS1kcm9wZG93bicsXHJcbiAgdGVtcGxhdGU6ICc8bmctdGVtcGxhdGU+PGRpdiBjbGFzcz1cImFzaS1kcm9wZG93blwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj48L25nLXRlbXBsYXRlPicsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBc2lEcm9wRG93biBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcblxyXG4gIC8qKiBDaGFuZ2UgdG8gdHJ1ZSB0byBvcGVuIHRoZSBkcm93bmRyb3AgKi9cclxuICBASW5wdXQoKSBvcGVuID0gZmFsc2U7XHJcbiAgLyoqIGZpeCB0aGUgd2lkdGggdG8gdGhlIHJlbGF0aXZlIGNvbXBvbmVudCB3aWR0aCAqL1xyXG4gIEBJbnB1dCgpIGNhbGN1bFdpZHRoID0gdHJ1ZTtcclxuICAvKiogbGluayB0aGUgZHJvcGRvd24gdG8gdGhlIGNvbXBvbmVudCBwb3NpdGlvbiAqL1xyXG4gIEBJbnB1dCgpIHJlbGF0aXZlVG86IEVsZW1lbnRSZWY7XHJcbiAgLyoqIEFsbG93IHlvdSB0byBhZGQgYSBjbGFzcyB0byB0aGUgZG93biBkcm9wIGNvbnRhaW5lciAqL1xyXG4gIEBJbnB1dCgpIGRyb3BEb3duQ2xhc3MgPSAnJztcclxuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIGRyb3Bkb3duIGlzIGNsb3NlZCAoeW91IHNob3VsZCBwdXQgeW91IG9wZW4gdmFyIHRvIGZhbHNlIHRvIGJlIGFibGUgdG8gcmVvcGVuKSAqL1xyXG4gIEBPdXRwdXQoKSBvbkNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIC8qKiBGdW5jdGlvbiB0byBjaGVjayBpZiB0aGUgZHJvcGRvd24gY2FuIGNsb3NlIG9uIGNsaWNrLCBnZXQgdGhlIGNsaWNrZWQgZWxlbWVudCBhcyBwYXJhbWV0ZXIgKi9cclxuICBASW5wdXQoKSBjYW5DbG9zZTogRnVuY3Rpb247XHJcblxyXG4gIHByaXZhdGUgZHJvcGRvd246IENvbXBvbmVudFJlZjxBc2lEcm9wZG93bkNvbnRhaW5lcj47XHJcblxyXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIGNvbnRlbnRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhc2lEcm9wZG93blNlcnZpY2U6IEFzaURyb3Bkb3duU2VydmljZSwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICAvLyBUbyBvcGVuXHJcbiAgICBpZiAoY2hhbmdlcy5vcGVuKSB7XHJcbiAgICAgIGlmIChjaGFuZ2VzLm9wZW4uY3VycmVudFZhbHVlKSB7XHJcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgICBpZiAodGhpcy5yZWxhdGl2ZVRvID09IG51bGwpIHtcclxuICAgICAgICAgICAgdGhpcy5kcm9wZG93biA9IHRoaXMuYXNpRHJvcGRvd25TZXJ2aWNlLnNob3dEcm9wZG93bih0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LCB0aGlzKTtcclxuICAgICAgICAgIH0gZWxzZSBpZiAodGhpcy5yZWxhdGl2ZVRvLm5hdGl2ZUVsZW1lbnQpIHtcclxuICAgICAgICAgICAgdGhpcy5kcm9wZG93biA9IHRoaXMuYXNpRHJvcGRvd25TZXJ2aWNlLnNob3dEcm9wZG93bih0aGlzLnJlbGF0aXZlVG8ubmF0aXZlRWxlbWVudCwgdGhpcyk7XHJcbiAgICAgICAgICB9IGVsc2UgaWYgKHRoaXMucmVsYXRpdmVUb1snZWxlbWVudFJlZiddLm5hdGl2ZUVsZW1lbnQpIHtcclxuICAgICAgICAgICAgdGhpcy5kcm9wZG93biA9IHRoaXMuYXNpRHJvcGRvd25TZXJ2aWNlLnNob3dEcm9wZG93bih0aGlzLnJlbGF0aXZlVG9bJ2VsZW1lbnRSZWYnXS5uYXRpdmVFbGVtZW50LCB0aGlzKTtcclxuICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIGNvbnNvbGUud2FybignRGVmYXVsdCBjaG9pY2UgZm9yIHRoZSBkb3duIGRvd24gY2Fubm90IGZpbmQgbmF0aXZlRWxlbWVudCBvbiB0aGUgcmVsYXRpdmVUbyBlbGVtZW50Jyk7XHJcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd24gPSB0aGlzLmFzaURyb3Bkb3duU2VydmljZS5zaG93RHJvcGRvd24odGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudCwgdGhpcyk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgICB0aGlzLmRyb3Bkb3duLmluc3RhbmNlLnNldENhbGN1bFdpZHRoKHRoaXMuY2FsY3VsV2lkdGgpO1xyXG4gICAgICAgICAgdGhpcy5kcm9wZG93bi5pbnN0YW5jZS5vbkNsb3NlKCkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5kZXN0cm95RHJvcGRvd24oKTtcclxuICAgICAgICAgIH0pO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9IGVsc2UgaWYgKHRoaXMuZHJvcGRvd24pIHtcclxuICAgICAgICB0aGlzLmRyb3Bkb3duLmluc3RhbmNlLmNsb3NlKCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIGRlc3Ryb3lEcm9wZG93bigpIHtcclxuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xyXG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcclxuICAgIHRoaXMuZHJvcGRvd24uZGVzdHJveSgpO1xyXG4gIH1cclxufVxyXG4iXX0=