ngx-right-click-menu
Version:
ngx-right-click-menu is right click context menu for Angular 2+.
60 lines • 4.32 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, Output, ElementRef } from '@angular/core';
export class NgxRightClickMenuBackDropComponent {
/**
* @param {?} _element
*/
constructor(_element) {
this._element = _element;
this.backDropClick = new EventEmitter();
/** @type {?} */
const el = this._element.nativeElement;
el.style.position = 'fixed';
el.style.top = '0px';
el.style.bottom = '0px';
el.style.left = '0px';
el.style.right = '0px';
el.style.zIndex = '1000';
}
/**
* @param {?} event
* @return {?}
*/
closeMenu(event) {
event.preventDefault();
this.backDropClick.emit();
}
}
NgxRightClickMenuBackDropComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-right-click-menu-backdrop',
template: `
<div class='overlay-backdrop' (contextmenu)='closeMenu($event)' (click)='closeMenu($event)'></div>
`,
styles: [`.overlay-backdrop {
position: fixed;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 1000;
}`]
}] }
];
/** @nocollapse */
NgxRightClickMenuBackDropComponent.ctorParameters = () => [
{ type: ElementRef }
];
NgxRightClickMenuBackDropComponent.propDecorators = {
backDropClick: [{ type: Output }]
};
if (false) {
/** @type {?} */
NgxRightClickMenuBackDropComponent.prototype.backDropClick;
/** @type {?} */
NgxRightClickMenuBackDropComponent.prototype._element;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXJpZ2h0LWNsaWNrLW1lbnUtYmFja2Ryb3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LXJpZ2h0LWNsaWNrLW1lbnUvIiwic291cmNlcyI6WyJsaWIvbmd4LXJpZ2h0LWNsaWNrLW1lbnUtYmFja2Ryb3AuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBbUI1RSxNQUFNLE9BQU8sa0NBQWtDOzs7O0lBRzdDLFlBQW1CLFFBQW9CO1FBQXBCLGFBQVEsR0FBUixRQUFRLENBQVk7UUFGN0Isa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDOztjQUdyQyxFQUFFLEdBQWdCLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYTtRQUNuRCxFQUFFLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDNUIsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUN4QixFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDdEIsRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztJQUMzQixDQUFDOzs7OztJQUNNLFNBQVMsQ0FBQyxLQUFLO1FBQ3BCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7OztZQWpDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLCtCQUErQjtnQkFZekMsUUFBUSxFQUFFOztHQUVUO3lCQVpDOzs7Ozs7O01BT0U7YUFNTDs7OztZQWpCeUMsVUFBVTs7OzRCQW9CakQsTUFBTTs7OztJQUFQLDJEQUE2Qzs7SUFFakMsc0RBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LXJpZ2h0LWNsaWNrLW1lbnUtYmFja2Ryb3AnLFxuICBzdHlsZXM6IFtcbiAgICBgLm92ZXJsYXktYmFja2Ryb3Age1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwcHg7XG4gICAgICBib3R0b206IDBweDtcbiAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICBsZWZ0OiAwcHg7XG4gICAgICB6LWluZGV4OiAxMDAwO1xuICAgIH1gLFxuXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz0nb3ZlcmxheS1iYWNrZHJvcCcgKGNvbnRleHRtZW51KT0nY2xvc2VNZW51KCRldmVudCknIChjbGljayk9J2Nsb3NlTWVudSgkZXZlbnQpJz48L2Rpdj5cbiAgYCxcbn0pXG5cbmV4cG9ydCBjbGFzcyBOZ3hSaWdodENsaWNrTWVudUJhY2tEcm9wQ29tcG9uZW50IHtcbiAgQE91dHB1dCgpIGJhY2tEcm9wQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IocHVibGljIF9lbGVtZW50OiBFbGVtZW50UmVmKSB7XG4gICAgY29uc3QgZWw6IEhUTUxFbGVtZW50ID0gdGhpcy5fZWxlbWVudC5uYXRpdmVFbGVtZW50O1xuICAgIGVsLnN0eWxlLnBvc2l0aW9uID0gJ2ZpeGVkJztcbiAgICBlbC5zdHlsZS50b3AgPSAnMHB4JztcbiAgICBlbC5zdHlsZS5ib3R0b20gPSAnMHB4JztcbiAgICBlbC5zdHlsZS5sZWZ0ID0gJzBweCc7XG4gICAgZWwuc3R5bGUucmlnaHQgPSAnMHB4JztcbiAgICBlbC5zdHlsZS56SW5kZXggPSAnMTAwMCc7XG4gIH1cbiAgcHVibGljIGNsb3NlTWVudShldmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5iYWNrRHJvcENsaWNrLmVtaXQoKTtcbiAgfVxufVxuIl19