@akveo/nga-theme
Version:
@akveo/nga-theme
63 lines • 3.41 kB
JavaScript
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
import { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core';
import { Router } from '@angular/router';
import { convertToBoolProperty } from '../helpers';
var NgaRouteTabsetComponent = (function () {
function NgaRouteTabsetComponent(router) {
this.router = router;
this.fullWidthValue = false;
this.changeTab = new EventEmitter();
}
Object.defineProperty(NgaRouteTabsetComponent.prototype, "fullWidth", {
set: function (val) {
this.fullWidthValue = convertToBoolProperty(val);
},
enumerable: true,
configurable: true
});
NgaRouteTabsetComponent.prototype.selectTab = function (tab) {
this.changeTab.emit(tab);
this.router.navigate([tab.route]);
};
return NgaRouteTabsetComponent;
}());
__decorate([
HostBinding('class.full-width'),
__metadata("design:type", Boolean)
], NgaRouteTabsetComponent.prototype, "fullWidthValue", void 0);
__decorate([
Input(),
__metadata("design:type", Array)
], NgaRouteTabsetComponent.prototype, "tabs", void 0);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], NgaRouteTabsetComponent.prototype, "fullWidth", null);
__decorate([
Output(),
__metadata("design:type", Object)
], NgaRouteTabsetComponent.prototype, "changeTab", void 0);
NgaRouteTabsetComponent = __decorate([
Component({
selector: 'nga-route-tabset',
styles: ["ul{display:flex;flex-direction:row;list-style-type:none;margin:0}ul li{cursor:pointer;margin-bottom:-1px;text-align:center}ul li.active a::before{display:block}ul li a{position:relative;text-decoration:none;display:inline-block}ul li a::before{display:none;position:absolute;content:'';width:100%;height:6px;border-radius:3px;bottom:-2px;left:0}:host.full-width ul{justify-content:space-around} "],
template: "\n <ul>\n <li *ngFor=\"let tab of tabs\"\n (click)=\"$event.preventDefault(); selectTab(tab)\"\n routerLink=\"{{tab.route}}\"\n routerLinkActive=\"active\"\n [routerLinkActiveOptions]=\"{ exact: true }\">\n <a href>{{tab.title}}</a>\n </li>\n </ul>\n <router-outlet></router-outlet>\n ",
}),
__metadata("design:paramtypes", [Router])
], NgaRouteTabsetComponent);
export { NgaRouteTabsetComponent };
//# sourceMappingURL=route-tabset.component.js.map