mt-portfolio
Version:
A Portfolio maker for Angular with image, heading, caption, ability to add contact form and demo
24 lines • 4 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./no-sanitize.pipe";
export class HeaderComponent {
constructor() {
this.headerList = [];
}
ngOnInit() {
}
}
HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: HeaderComponent, selector: "mt-header", inputs: { headerList: "headerList" }, ngImport: i0, template: "<div class=\"toolbar\" role=\"banner\" *ngIf=\"headerList.length\" >\n <ng-container *ngFor=\"let headerItem of headerList; let i = index\" class=\"wrap\">\n <div *ngIf=\"headerItem.enabled\">\n <a target=\"_blank\" rel=\"noopener\" [href]=\"headerItem.href\" [title]=\"headerItem.title\">\n <div [innerHtml]=\"headerItem.icon | noSanitize\"> </div>\n </a>\n </div>\n </ng-container>\n</div>", styles: [".toolbar{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;flex-direction:row-reverse;color:#f93;font-weight:600;z-index:100}.toolbar div{margin:0 6px}.toolbar a{margin:0 8px}.toolbar a:last-child{margin:0 16px}.toolbar a:hover{opacity:.8}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "noSanitize": i2.NoSanitizePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: HeaderComponent, decorators: [{
type: Component,
args: [{
selector: 'mt-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.scss']
}]
}], ctorParameters: function () { return []; }, propDecorators: { headerList: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL210LXBvcnRmb2xpby9zcmMvbXQvaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL210LXBvcnRmb2xpby9zcmMvbXQvaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxlQUFlO0lBRTFCO1FBRFMsZUFBVSxHQUFrQixFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7NEdBTFUsZUFBZTtnR0FBZixlQUFlLHVGQ1I1QixrYUFRTTsyRkRBTyxlQUFlO2tCQUwzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixXQUFXLEVBQUUseUJBQXlCO29CQUN0QyxTQUFTLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztpQkFDdkM7MEVBRVUsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGVyTW9kZWwgfSBmcm9tICcuL2hlYWRlci5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ210LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBoZWFkZXJMaXN0OiBIZWFkZXJNb2RlbFtdID0gW107XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuXG4iLCI8ZGl2IGNsYXNzPVwidG9vbGJhclwiIHJvbGU9XCJiYW5uZXJcIiAqbmdJZj1cImhlYWRlckxpc3QubGVuZ3RoXCIgPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBoZWFkZXJJdGVtIG9mIGhlYWRlckxpc3Q7IGxldCBpID0gaW5kZXhcIiBjbGFzcz1cIndyYXBcIj5cbiAgICA8ZGl2ICpuZ0lmPVwiaGVhZGVySXRlbS5lbmFibGVkXCI+XG4gICAgICA8YSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lclwiIFtocmVmXT1cImhlYWRlckl0ZW0uaHJlZlwiIFt0aXRsZV09XCJoZWFkZXJJdGVtLnRpdGxlXCI+XG4gICAgICAgIDxkaXYgW2lubmVySHRtbF09XCJoZWFkZXJJdGVtLmljb24gfCBub1Nhbml0aXplXCI+IDwvZGl2PlxuICAgICAgPC9hPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PiJdfQ==