@lucasferreiralsf/angular-frontend-library
Version:
This is a set of custom angular components to easy the development of any Subway frontend project.
131 lines • 11.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { trigger, state, style, transition, animate } from '@angular/animations';
import { HeaderService } from '../header/header.service';
import { SidenavService } from './sidenav.service';
var SideNavComponent = /** @class */ (function () {
function SideNavComponent(headerService, sidenavService) {
this.headerService = headerService;
this.sidenavService = sidenavService;
this.isExpanded = true;
this.isShowing = false;
this.isHideToggle = !this.isExpanded;
}
/**
* @return {?}
*/
SideNavComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _this = this;
this.headerService.showMenuClickEvent.subscribe((/**
* @return {?}
*/
function () {
if (_this.isExpanded === true) {
_this.sidenavService.expandEmit(false);
_this.isExpanded = false;
}
else {
_this.sidenavService.expandEmit(true);
_this.isExpanded = true;
}
if (_this.isHideToggle === true) {
_this.sidenavService.hideToggleEmit(false);
_this.isHideToggle = false;
}
else {
_this.sidenavService.hideToggleEmit(true);
_this.isHideToggle = true;
}
}));
};
/**
* @return {?}
*/
SideNavComponent.prototype.mouseenter = /**
* @return {?}
*/
function () {
if (!this.isExpanded) {
this.isShowing = true;
this.sidenavService.showEmit(true);
this.isHideToggle = false;
this.sidenavService.hideToggleEmit(false);
}
};
/**
* @return {?}
*/
SideNavComponent.prototype.mouseleave = /**
* @return {?}
*/
function () {
if (!this.isExpanded) {
this.isShowing = false;
this.sidenavService.showEmit(false);
this.isHideToggle = true;
this.sidenavService.hideToggleEmit(true);
}
};
SideNavComponent.decorators = [
{ type: Component, args: [{
selector: 'sb-side-nav',
template: "<mat-sidenav-container class=\"sb-sidenav-container\" autosize>\n <mat-sidenav\n #sidenav\n class=\"mat-elevation-z3 sb-sidenav\"\n [@openClose]=\"isHideToggle ? 'closed' : 'open'\"\n mode=\"side\"\n opened=\"true\"\n (mouseenter)=\"mouseenter()\"\n (mouseleave)=\"mouseleave()\"\n *ngIf=\"isRenderSidenav\"\n >\n <perfect-scrollbar>\n <ng-content select=\".sb-sidenav-menus\"></ng-content>\n </perfect-scrollbar>\n </mat-sidenav>\n\n <!-- Main content -->\n <mat-sidenav-content>\n <perfect-scrollbar>\n <ng-content select=\".sb-sidenav-content\"></ng-content>\n </perfect-scrollbar>\n </mat-sidenav-content>\n</mat-sidenav-container>\n",
animations: [
trigger('openClose', [
state('open', style({
width: '238px'
})),
state('closed', style({
width: '72px'
})),
transition('open => closed', [
style({ width: '72px' }),
animate('200ms ease-in')
]),
transition('closed => open', [
style({ width: '238px' }),
animate('200ms ease-in')
]),
]),
],
styles: [".sb-sidenav-container{height:100%}.sb-sidenav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]
}] }
];
/** @nocollapse */
SideNavComponent.ctorParameters = function () { return [
{ type: HeaderService },
{ type: SidenavService }
]; };
SideNavComponent.propDecorators = {
isRenderSidenav: [{ type: Input }]
};
return SideNavComponent;
}());
export { SideNavComponent };
if (false) {
/** @type {?} */
SideNavComponent.prototype.isExpanded;
/** @type {?} */
SideNavComponent.prototype.isShowing;
/** @type {?} */
SideNavComponent.prototype.isHideToggle;
/** @type {?} */
SideNavComponent.prototype.isRenderSidenav;
/**
* @type {?}
* @private
*/
SideNavComponent.prototype.headerService;
/**
* @type {?}
* @private
*/
SideNavComponent.prototype.sidenavService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGx1Y2FzZmVycmVpcmFsc2YvYW5ndWxhci1mcm9udGVuZC1saWJyYXJ5LyIsInNvdXJjZXMiOlsibGliL3NpZGUtbmF2L3NpZGUtbmF2LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRW5EO0lBOEJFLDBCQUFvQixhQUE0QixFQUFVLGNBQThCO1FBQXBFLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQVUsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBTHhGLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixpQkFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUcyRCxDQUFDOzs7O0lBRTVGLG1DQUFROzs7SUFBUjtRQUFBLGlCQWtCQztRQWpCQyxJQUFJLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLFNBQVM7OztRQUFDO1lBQzlDLElBQUksS0FBSSxDQUFDLFVBQVUsS0FBSyxJQUFJLEVBQUU7Z0JBQzVCLEtBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN0QyxLQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQzthQUN6QjtpQkFBTTtnQkFDTCxLQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDckMsS0FBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7YUFDeEI7WUFFRCxJQUFJLEtBQUksQ0FBQyxZQUFZLEtBQUssSUFBSSxFQUFFO2dCQUM5QixLQUFJLENBQUMsY0FBYyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDMUMsS0FBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7YUFDM0I7aUJBQU07Z0JBQ0wsS0FBSSxDQUFDLGNBQWMsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ3pDLEtBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQzFCO1FBQ0gsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7O0lBRU0scUNBQVU7OztJQUFqQjtRQUNFLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1lBQzFCLElBQUksQ0FBQyxjQUFjLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzNDO0lBQ0gsQ0FBQzs7OztJQUVNLHFDQUFVOzs7SUFBakI7UUFDRSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNwQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNwQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztZQUN6QixJQUFJLENBQUMsY0FBYyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7O2dCQXBFRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLDZyQkFBd0M7b0JBRXhDLFVBQVUsRUFBRTt3QkFDVixPQUFPLENBQUMsV0FBVyxFQUFFOzRCQUNuQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQ0FDbEIsS0FBSyxFQUFFLE9BQU87NkJBQ2YsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dDQUNwQixLQUFLLEVBQUUsTUFBTTs2QkFDZCxDQUFDLENBQUM7NEJBQ0gsVUFBVSxDQUFDLGdCQUFnQixFQUFFO2dDQUMzQixLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBQ3hCLE9BQU8sQ0FBQyxlQUFlLENBQUM7NkJBQ3pCLENBQUM7NEJBQ0YsVUFBVSxDQUFDLGdCQUFnQixFQUFFO2dDQUMzQixLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLENBQUM7Z0NBQ3pCLE9BQU8sQ0FBQyxlQUFlLENBQUM7NkJBQ3pCLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs7aUJBQ0Y7Ozs7Z0JBekJRLGFBQWE7Z0JBQ2IsY0FBYzs7O2tDQThCcEIsS0FBSzs7SUEwQ1IsdUJBQUM7Q0FBQSxBQXRFRCxJQXNFQztTQS9DWSxnQkFBZ0I7OztJQUUzQixzQ0FBa0I7O0lBQ2xCLHFDQUFrQjs7SUFDbEIsd0NBQWdDOztJQUNoQywyQ0FBa0M7Ozs7O0lBRXRCLHlDQUFvQzs7Ozs7SUFBRSwwQ0FBc0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRyaWdnZXIsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgYW5pbWF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgSGVhZGVyU2VydmljZSB9IGZyb20gJy4uL2hlYWRlci9oZWFkZXIuc2VydmljZSc7XG5pbXBvcnQgeyBTaWRlbmF2U2VydmljZSB9IGZyb20gJy4vc2lkZW5hdi5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2Itc2lkZS1uYXYnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1uYXYuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlLW5hdi5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignb3BlbkNsb3NlJywgW1xuICAgICAgc3RhdGUoJ29wZW4nLCBzdHlsZSh7XG4gICAgICAgIHdpZHRoOiAnMjM4cHgnXG4gICAgICB9KSksXG4gICAgICBzdGF0ZSgnY2xvc2VkJywgc3R5bGUoe1xuICAgICAgICB3aWR0aDogJzcycHgnXG4gICAgICB9KSksXG4gICAgICB0cmFuc2l0aW9uKCdvcGVuID0+IGNsb3NlZCcsIFtcbiAgICAgICAgc3R5bGUoeyB3aWR0aDogJzcycHgnIH0pLFxuICAgICAgICBhbmltYXRlKCcyMDBtcyBlYXNlLWluJylcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbignY2xvc2VkID0+IG9wZW4nLCBbXG4gICAgICAgIHN0eWxlKHsgd2lkdGg6ICcyMzhweCcgfSksXG4gICAgICAgIGFuaW1hdGUoJzIwMG1zIGVhc2UtaW4nKVxuICAgICAgXSksXG4gICAgXSksXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgaXNFeHBhbmRlZCA9IHRydWU7XG4gIGlzU2hvd2luZyA9IGZhbHNlO1xuICBpc0hpZGVUb2dnbGUgPSAhdGhpcy5pc0V4cGFuZGVkO1xuICBASW5wdXQoKSBpc1JlbmRlclNpZGVuYXY6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBoZWFkZXJTZXJ2aWNlOiBIZWFkZXJTZXJ2aWNlLCBwcml2YXRlIHNpZGVuYXZTZXJ2aWNlOiBTaWRlbmF2U2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmhlYWRlclNlcnZpY2Uuc2hvd01lbnVDbGlja0V2ZW50LnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBpZiAodGhpcy5pc0V4cGFuZGVkID09PSB0cnVlKSB7XG4gICAgICAgIHRoaXMuc2lkZW5hdlNlcnZpY2UuZXhwYW5kRW1pdChmYWxzZSk7XG4gICAgICAgIHRoaXMuaXNFeHBhbmRlZCA9IGZhbHNlO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zaWRlbmF2U2VydmljZS5leHBhbmRFbWl0KHRydWUpO1xuICAgICAgICB0aGlzLmlzRXhwYW5kZWQgPSB0cnVlO1xuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5pc0hpZGVUb2dnbGUgPT09IHRydWUpIHtcbiAgICAgICAgdGhpcy5zaWRlbmF2U2VydmljZS5oaWRlVG9nZ2xlRW1pdChmYWxzZSk7XG4gICAgICAgIHRoaXMuaXNIaWRlVG9nZ2xlID0gZmFsc2U7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnNpZGVuYXZTZXJ2aWNlLmhpZGVUb2dnbGVFbWl0KHRydWUpO1xuICAgICAgICB0aGlzLmlzSGlkZVRvZ2dsZSA9IHRydWU7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbW91c2VlbnRlcigpIHtcbiAgICBpZiAoIXRoaXMuaXNFeHBhbmRlZCkge1xuICAgICAgdGhpcy5pc1Nob3dpbmcgPSB0cnVlO1xuICAgICAgdGhpcy5zaWRlbmF2U2VydmljZS5zaG93RW1pdCh0cnVlKTtcbiAgICAgIHRoaXMuaXNIaWRlVG9nZ2xlID0gZmFsc2U7XG4gICAgICB0aGlzLnNpZGVuYXZTZXJ2aWNlLmhpZGVUb2dnbGVFbWl0KGZhbHNlKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbW91c2VsZWF2ZSgpIHtcbiAgICBpZiAoIXRoaXMuaXNFeHBhbmRlZCkge1xuICAgICAgdGhpcy5pc1Nob3dpbmcgPSBmYWxzZTtcbiAgICAgIHRoaXMuc2lkZW5hdlNlcnZpY2Uuc2hvd0VtaXQoZmFsc2UpO1xuICAgICAgdGhpcy5pc0hpZGVUb2dnbGUgPSB0cnVlO1xuICAgICAgdGhpcy5zaWRlbmF2U2VydmljZS5oaWRlVG9nZ2xlRW1pdCh0cnVlKTtcbiAgICB9XG4gIH1cblxufVxuIl19