@lucasferreiralsf/angular-frontend-library
Version:
This is a set of custom angular components to easy the development of any Subway frontend project.
161 lines • 14.4 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewChild, ViewContainerRef, Input, } from '@angular/core';
import { Overlay, CdkOverlayOrigin, OverlayConfig } from '@angular/cdk/overlay';
import { TemplatePortalDirective } from '@angular/cdk/portal';
import { trigger, transition, useAnimation } from '@angular/animations';
import { fadeInUp, fadeOut } from 'ng-animate';
import { PopoverService } from './popover.service';
var PopoverComponent = /** @class */ (function () {
function PopoverComponent(overlay, viewContainerRef, popoverService) {
this.overlay = overlay;
this.viewContainerRef = viewContainerRef;
this.popoverService = popoverService;
this.positions = [
{
originX: 'start',
originY: 'top',
overlayX: 'center',
overlayY: 'bottom'
}
];
}
/**
* @return {?}
*/
PopoverComponent.prototype.ngAfterViewInit = /**
* @return {?}
*/
function () {
this.strategy = this.overlay
.position()
.flexibleConnectedTo(this.popoverOrigin.elementRef)
.withPositions(this.positions)
.withTransformOriginOn('#action-dropdown-button');
this.config = new OverlayConfig({
positionStrategy: this.strategy,
hasBackdrop: true,
backdropClass: 'cdk-overlay-transparent-backdrop'
});
this.overlayRef = this.overlay.create(this.config);
};
/**
* @return {?}
*/
PopoverComponent.prototype.openPopover = /**
* @return {?}
*/
function () {
var _this = this;
this.overlayRef.backdropClick().subscribe((/**
* @return {?}
*/
function () {
_this.overlayRef.detach();
}));
this.popoverService.emitirCloseEvent.subscribe((/**
* @return {?}
*/
function () {
_this.overlayRef.detach();
}));
this.overlayRef.attach(this.popoverContentTemplate);
};
/**
* @param {?} event
* @return {?}
*/
PopoverComponent.prototype.clickActionButton = /**
* @param {?} event
* @return {?}
*/
function (event) {
this.popoverService.buttonClickEmit(event.toLowerCase(), this.elementId);
this.popoverService.closeDropdown();
};
PopoverComponent.decorators = [
{ type: Component, args: [{
selector: 'sb-popover',
template: "<button\r\n mat-icon-button\r\n type=\"button\"\r\n id=\"action-dropdown-button\"\r\n cdk-overlay-origin\r\n (click)=\"openPopover()\"\r\n>\r\n <mat-icon>delete</mat-icon>\r\n</button>\r\n<ng-template cdk-portal #popoverContentTemplate=\"cdkPortal\">\r\n <div\r\n @flipInOut\r\n fxLayout=\"column\"\r\n fxLayoutAlign=\"space-between\"\r\n class=\"div-container-popover mat-elevation-z4 arrowBox\"\r\n >\r\n <div fxLayout>\r\n <div class=\"mat-body\">{{ popoverTitle }}</div>\r\n </div>\r\n <div fxLayout class=\"p-10\">\r\n <div class=\"mat-caption\">{{ popoverDescription }}</div>\r\n </div>\r\n <div fxLayout fxLayoutAlign=\"flex-end\" fxLayoutGap=\"5px\">\r\n <button\r\n mat-flat-button\r\n class=\"button-popover\"\r\n (click)=\"clickActionButton('canceldelete')\"\r\n >\r\n Cancelar\r\n </button>\r\n <button\r\n mat-flat-button\r\n color=\"primary\"\r\n class=\"button-popover\"\r\n (click)=\"clickActionButton('confirmdelete')\"\r\n >\r\n Confirmar\r\n </button>\r\n </div>\r\n </div>\r\n</ng-template>\r\n",
animations: [
trigger('flipInOut', [
transition('void => *', useAnimation(fadeInUp, {
params: { timing: 0.3, delay: 0, a: '10px', b: '0' }
})),
transition('* => void', useAnimation(fadeOut, {
params: { timing: 0.3, delay: 0 }
}))
])
],
styles: [".button-popover{font-size:.7em;height:20px;line-height:20px;padding:0}.mat-body{font-weight:500}.arrowBox{min-width:200px;min-height:30px;background-color:#fff;border-radius:5px;position:relative;padding:10px;font-family:Roboto,sans-serif;font-size:14px;line-height:22px;text-align:center;margin:0 0 7px 30px}.arrowBox:after{content:' ';width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;border-radius:0 30%;position:absolute;left:50%;top:100%;margin:-10px 0 0 -5px;-webkit-transform:rotate(135deg);transform:rotate(135deg);box-shadow:3px -4px 5px -1px rgba(0,0,0,.26)}#player{z-index:-1;position:relative;top:-16px;left:114px}#inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;width:20px;height:20px;top:2px;left:-9px;position:relative;border-radius:6px}#outer{position:absolute;width:16px;height:25px;overflow:hidden;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}"]
}] }
];
/** @nocollapse */
PopoverComponent.ctorParameters = function () { return [
{ type: Overlay },
{ type: ViewContainerRef },
{ type: PopoverService }
]; };
PopoverComponent.propDecorators = {
popoverTitle: [{ type: Input }],
popoverDescription: [{ type: Input }],
elementId: [{ type: Input }],
popoverOrigin: [{ type: ViewChild, args: [CdkOverlayOrigin,] }],
popoverContentTemplate: [{ type: ViewChild, args: ['popoverContentTemplate',] }]
};
return PopoverComponent;
}());
export { PopoverComponent };
if (false) {
/**
* @type {?}
* @private
*/
PopoverComponent.prototype.strategy;
/**
* @type {?}
* @private
*/
PopoverComponent.prototype.config;
/**
* @type {?}
* @private
*/
PopoverComponent.prototype.overlayRef;
/** @type {?} */
PopoverComponent.prototype.popoverTitle;
/** @type {?} */
PopoverComponent.prototype.popoverDescription;
/** @type {?} */
PopoverComponent.prototype.elementId;
/**
* @type {?}
* @private
*/
PopoverComponent.prototype.popoverOrigin;
/**
* @type {?}
* @private
*/
PopoverComponent.prototype.popoverContentTemplate;
/**
* @type {?}
* @private
*/
PopoverComponent.prototype.positions;
/**
* @type {?}
* @private
*/
PopoverComponent.prototype.overlay;
/** @type {?} */
PopoverComponent.prototype.viewContainerRef;
/**
* @type {?}
* @private
*/
PopoverComponent.prototype.popoverService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AbHVjYXNmZXJyZWlyYWxzZi9hbmd1bGFyLWZyb250ZW5kLWxpYnJhcnkvIiwic291cmNlcyI6WyJsaWIvZGF0YS10YWJsZS9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFNBQVMsRUFDVCxnQkFBZ0IsRUFDaEIsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxPQUFPLEVBQ1AsZ0JBQWdCLEVBQ2hCLGFBQWEsRUFHZCxNQUFNLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzlELE9BQU8sRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUVuRDtJQTBDRSwwQkFDVSxPQUFnQixFQUNqQixnQkFBa0MsRUFDakMsY0FBOEI7UUFGOUIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUNqQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2pDLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQVpoQyxjQUFTLEdBQXdCO1lBQ3ZDO2dCQUNFLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixPQUFPLEVBQUUsS0FBSztnQkFDZCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsUUFBUSxFQUFFLFFBQVE7YUFDbkI7U0FDRixDQUFDO0lBTUMsQ0FBQzs7OztJQUVKLDBDQUFlOzs7SUFBZjtRQUNFLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU87YUFDekIsUUFBUSxFQUFFO2FBQ1YsbUJBQW1CLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUM7YUFDbEQsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7YUFDN0IscUJBQXFCLENBQUMseUJBQXlCLENBQUMsQ0FBQztRQUVwRCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksYUFBYSxDQUFDO1lBQzlCLGdCQUFnQixFQUFFLElBQUksQ0FBQyxRQUFRO1lBQy9CLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLGFBQWEsRUFBRSxrQ0FBa0M7U0FDbEQsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckQsQ0FBQzs7OztJQUVELHNDQUFXOzs7SUFBWDtRQUFBLGlCQVNDO1FBUkMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxTQUFTOzs7UUFBQztZQUN4QyxLQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzNCLENBQUMsRUFBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTOzs7UUFBQztZQUM3QyxLQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzNCLENBQUMsRUFBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDdEQsQ0FBQzs7Ozs7SUFFRCw0Q0FBaUI7Ozs7SUFBakIsVUFBa0IsS0FBSztRQUNyQixJQUFJLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdEMsQ0FBQzs7Z0JBN0VGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsZ3BDQUF1QztvQkFFdkMsVUFBVSxFQUFFO3dCQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7NEJBQ25CLFVBQVUsQ0FDUixXQUFXLEVBQ1gsWUFBWSxDQUFDLFFBQVEsRUFBRTtnQ0FDckIsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTs2QkFDckQsQ0FBQyxDQUNIOzRCQUNELFVBQVUsQ0FDUixXQUFXLEVBQ1gsWUFBWSxDQUFDLE9BQU8sRUFBRTtnQ0FDcEIsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFOzZCQUNsQyxDQUFDLENBQ0g7eUJBQ0YsQ0FBQztxQkFDSDs7aUJBQ0Y7Ozs7Z0JBL0JDLE9BQU87Z0JBTlAsZ0JBQWdCO2dCQWVULGNBQWM7OzsrQkE0QnBCLEtBQUs7cUNBQ0wsS0FBSzs0QkFDTCxLQUFLO2dDQUNMLFNBQVMsU0FBQyxnQkFBZ0I7eUNBQzFCLFNBQVMsU0FBQyx3QkFBd0I7O0lBa0RyQyx1QkFBQztDQUFBLEFBaEZELElBZ0ZDO1NBM0RZLGdCQUFnQjs7Ozs7O0lBQzNCLG9DQUFzQjs7Ozs7SUFDdEIsa0NBQThCOzs7OztJQUM5QixzQ0FBK0I7O0lBRS9CLHdDQUE4Qjs7SUFDOUIsOENBQW9DOztJQUNwQyxxQ0FBMkI7Ozs7O0lBQzNCLHlDQUFxRTs7Ozs7SUFDckUsa0RBQ3dEOzs7OztJQUV4RCxxQ0FPRTs7Ozs7SUFHQSxtQ0FBd0I7O0lBQ3hCLDRDQUF5Qzs7Ozs7SUFDekMsMENBQXNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdDb250YWluZXJSZWYsXHJcbiAgSW5wdXQsXHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7XHJcbiAgT3ZlcmxheSxcclxuICBDZGtPdmVybGF5T3JpZ2luLFxyXG4gIE92ZXJsYXlDb25maWcsXHJcbiAgQ29ubmVjdGVkUG9zaXRpb24sXHJcbiAgT3ZlcmxheVJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0IHsgdHJpZ2dlciwgdHJhbnNpdGlvbiwgdXNlQW5pbWF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IGZhZGVJblVwLCBmYWRlT3V0IH0gZnJvbSAnbmctYW5pbWF0ZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJTZXJ2aWNlIH0gZnJvbSAnLi9wb3BvdmVyLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzYi1wb3BvdmVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcG9wb3Zlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcG9wb3Zlci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2ZsaXBJbk91dCcsIFtcclxuICAgICAgdHJhbnNpdGlvbihcclxuICAgICAgICAndm9pZCA9PiAqJyxcclxuICAgICAgICB1c2VBbmltYXRpb24oZmFkZUluVXAsIHtcclxuICAgICAgICAgIHBhcmFtczogeyB0aW1pbmc6IDAuMywgZGVsYXk6IDAsIGE6ICcxMHB4JywgYjogJzAnIH1cclxuICAgICAgICB9KVxyXG4gICAgICApLFxyXG4gICAgICB0cmFuc2l0aW9uKFxyXG4gICAgICAgICcqID0+IHZvaWQnLFxyXG4gICAgICAgIHVzZUFuaW1hdGlvbihmYWRlT3V0LCB7XHJcbiAgICAgICAgICBwYXJhbXM6IHsgdGltaW5nOiAwLjMsIGRlbGF5OiAwIH1cclxuICAgICAgICB9KVxyXG4gICAgICApXHJcbiAgICBdKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFBvcG92ZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuICBwcml2YXRlIHN0cmF0ZWd5OiBhbnk7XHJcbiAgcHJpdmF0ZSBjb25maWc6IE92ZXJsYXlDb25maWc7XHJcbiAgcHJpdmF0ZSBvdmVybGF5UmVmOiBPdmVybGF5UmVmO1xyXG5cclxuICBASW5wdXQoKSBwb3BvdmVyVGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBwb3BvdmVyRGVzY3JpcHRpb246IHN0cmluZztcclxuICBASW5wdXQoKSBlbGVtZW50SWQ6IHN0cmluZztcclxuICBAVmlld0NoaWxkKENka092ZXJsYXlPcmlnaW4pIHByaXZhdGUgcG9wb3Zlck9yaWdpbjogQ2RrT3ZlcmxheU9yaWdpbjtcclxuICBAVmlld0NoaWxkKCdwb3BvdmVyQ29udGVudFRlbXBsYXRlJylcclxuICBwcml2YXRlIHBvcG92ZXJDb250ZW50VGVtcGxhdGU6IFRlbXBsYXRlUG9ydGFsRGlyZWN0aXZlO1xyXG5cclxuICBwcml2YXRlIHBvc2l0aW9uczogQ29ubmVjdGVkUG9zaXRpb25bXSA9IFtcclxuICAgIHtcclxuICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcclxuICAgICAgb3JpZ2luWTogJ3RvcCcsXHJcbiAgICAgIG92ZXJsYXlYOiAnY2VudGVyJyxcclxuICAgICAgb3ZlcmxheVk6ICdib3R0b20nXHJcbiAgICB9XHJcbiAgXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIG92ZXJsYXk6IE92ZXJsYXksXHJcbiAgICBwdWJsaWMgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcclxuICAgIHByaXZhdGUgcG9wb3ZlclNlcnZpY2U6IFBvcG92ZXJTZXJ2aWNlXHJcbiAgKSB7fVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnN0cmF0ZWd5ID0gdGhpcy5vdmVybGF5XHJcbiAgICAgIC5wb3NpdGlvbigpXHJcbiAgICAgIC5mbGV4aWJsZUNvbm5lY3RlZFRvKHRoaXMucG9wb3Zlck9yaWdpbi5lbGVtZW50UmVmKVxyXG4gICAgICAud2l0aFBvc2l0aW9ucyh0aGlzLnBvc2l0aW9ucylcclxuICAgICAgLndpdGhUcmFuc2Zvcm1PcmlnaW5PbignI2FjdGlvbi1kcm9wZG93bi1idXR0b24nKTtcclxuXHJcbiAgICB0aGlzLmNvbmZpZyA9IG5ldyBPdmVybGF5Q29uZmlnKHtcclxuICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5zdHJhdGVneSxcclxuICAgICAgaGFzQmFja2Ryb3A6IHRydWUsXHJcbiAgICAgIGJhY2tkcm9wQ2xhc3M6ICdjZGstb3ZlcmxheS10cmFuc3BhcmVudC1iYWNrZHJvcCdcclxuICAgIH0pO1xyXG4gICAgdGhpcy5vdmVybGF5UmVmID0gdGhpcy5vdmVybGF5LmNyZWF0ZSh0aGlzLmNvbmZpZyk7XHJcbiAgfVxyXG5cclxuICBvcGVuUG9wb3ZlcigpIHtcclxuICAgIHRoaXMub3ZlcmxheVJlZi5iYWNrZHJvcENsaWNrKCkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5vdmVybGF5UmVmLmRldGFjaCgpO1xyXG4gICAgfSk7XHJcblxyXG4gICAgdGhpcy5wb3BvdmVyU2VydmljZS5lbWl0aXJDbG9zZUV2ZW50LnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIHRoaXMub3ZlcmxheVJlZi5kZXRhY2goKTtcclxuICAgIH0pO1xyXG4gICAgdGhpcy5vdmVybGF5UmVmLmF0dGFjaCh0aGlzLnBvcG92ZXJDb250ZW50VGVtcGxhdGUpO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tBY3Rpb25CdXR0b24oZXZlbnQpIHtcclxuICAgIHRoaXMucG9wb3ZlclNlcnZpY2UuYnV0dG9uQ2xpY2tFbWl0KGV2ZW50LnRvTG93ZXJDYXNlKCksIHRoaXMuZWxlbWVudElkKTtcclxuICAgIHRoaXMucG9wb3ZlclNlcnZpY2UuY2xvc2VEcm9wZG93bigpO1xyXG4gIH1cclxuXHJcblxyXG59XHJcbiJdfQ==