tolga-ng2/esm2020/src/app/ngsm/directives/ngsm-menu-display-directive/ngsm-menu-display-directive.component.mjs

Angular 2/4 components and directives

import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/router";
import * as i3 from "../ngsm-sub-menu-display-directive/ngsm-sub-menu-display-directive.component";
import * as i4 from "../highlight-tab.directive";
export class NgsmMenuDisplayDirectiveComponent {
    constructor() {
        this.containerClassName = "";
    }
    ngOnInit() {
    }
    ngOnChanges() {
    }
}
NgsmMenuDisplayDirectiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgsmMenuDisplayDirectiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
NgsmMenuDisplayDirectiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgsmMenuDisplayDirectiveComponent, selector: "ngsm-menu-display-directive", inputs: { tabs: "tabs", containerClassName: "containerClassName" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"{{containerClassName}}\">\r\n  <div *ngFor=\"let tab of tabs\">\r\n    <a *ngIf=\"tab.type === 2\"\r\n      class=\"item\"\r\n      [appHighlightTab]=\"tab\"\r\n      [defaultClassName]=\"'item'\">\r\n      <img class=\"ui avatar image profileImage\"\r\n        *ngIf=\"tab.imageUrl\"\r\n        src=\"{{tab.imageUrl}}\">\r\n      <ngsm-sub-menu-display-directive [tab]=\"tab\"></ngsm-sub-menu-display-directive>\r\n    </a>\r\n    <a *ngIf=\"tab.type === 1 && !tab.route && !tab.tabUrl\"\r\n      class=\"item\"\r\n      [appHighlightTab]=\"tab\"\r\n      [defaultClassName]=\"'item'\">\r\n      <img class=\"ui avatar image profileImage\"\r\n        *ngIf=\"tab.imageUrl\"\r\n        src=\"{{tab.imageUrl}}\"> {{tab.title}}\r\n    </a>\r\n    <a *ngIf=\"tab.type !== 2 && tab.route\"\r\n      class=\"item\"\r\n      [appHighlightTab]=\"tab\"\r\n      [defaultClassName]=\"'item'\"\r\n      routerLink=\"{{tab.route}}\">\r\n      <img class=\"ui avatar image profileImage\"\r\n        *ngIf=\"tab.imageUrl\"\r\n        src=\"{{tab.imageUrl}}\"> {{tab.title}}\r\n    </a>\r\n    <a *ngIf=\"tab.type !== 2 && tab.tabUrl\"\r\n      class=\"item\"\r\n      [appHighlightTab]=\"tab\"\r\n      [defaultClassName]=\"'item'\"\r\n      href=\"{{tab.tabUrl}}\"\r\n      target=\"_blank\">\r\n      <img class=\"ui avatar image profileImage\"\r\n        *ngIf=\"tab.imageUrl\"\r\n        src=\"{{tab.imageUrl}}\"> {{tab.title}}\r\n    </a>\r\n  </div>\r\n</div>", styles: [".profileImage{margin-top:-10px!important;margin-bottom:-10px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.NgsmSubMenuDisplayDirectiveComponent, selector: "ngsm-sub-menu-display-directive", inputs: ["tab"] }, { kind: "directive", type: i4.HighlightTabDirective, selector: "[appHighlightTab]", inputs: ["appHighlightTab", "defaultClassName"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgsmMenuDisplayDirectiveComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ngsm-menu-display-directive', template: "<div class=\"{{containerClassName}}\">\r\n  <div *ngFor=\"let tab of tabs\">\r\n    <a *ngIf=\"tab.type === 2\"\r\n      class=\"item\"\r\n      [appHighlightTab]=\"tab\"\r\n      [defaultClassName]=\"'item'\">\r\n      <img class=\"ui avatar image profileImage\"\r\n        *ngIf=\"tab.imageUrl\"\r\n        src=\"{{tab.imageUrl}}\">\r\n      <ngsm-sub-menu-display-directive [tab]=\"tab\"></ngsm-sub-menu-display-directive>\r\n    </a>\r\n    <a *ngIf=\"tab.type === 1 && !tab.route && !tab.tabUrl\"\r\n      class=\"item\"\r\n      [appHighlightTab]=\"tab\"\r\n      [defaultClassName]=\"'item'\">\r\n      <img class=\"ui avatar image profileImage\"\r\n        *ngIf=\"tab.imageUrl\"\r\n        src=\"{{tab.imageUrl}}\"> {{tab.title}}\r\n    </a>\r\n    <a *ngIf=\"tab.type !== 2 && tab.route\"\r\n      class=\"item\"\r\n      [appHighlightTab]=\"tab\"\r\n      [defaultClassName]=\"'item'\"\r\n      routerLink=\"{{tab.route}}\">\r\n      <img class=\"ui avatar image profileImage\"\r\n        *ngIf=\"tab.imageUrl\"\r\n        src=\"{{tab.imageUrl}}\"> {{tab.title}}\r\n    </a>\r\n    <a *ngIf=\"tab.type !== 2 && tab.tabUrl\"\r\n      class=\"item\"\r\n      [appHighlightTab]=\"tab\"\r\n      [defaultClassName]=\"'item'\"\r\n      href=\"{{tab.tabUrl}}\"\r\n      target=\"_blank\">\r\n      <img class=\"ui avatar image profileImage\"\r\n        *ngIf=\"tab.imageUrl\"\r\n        src=\"{{tab.imageUrl}}\"> {{tab.title}}\r\n    </a>\r\n  </div>\r\n</div>", styles: [".profileImage{margin-top:-10px!important;margin-bottom:-10px!important}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
                type: Input
            }], containerClassName: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmdzbS1tZW51LWRpc3BsYXktZGlyZWN0aXZlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbmdzbS9kaXJlY3RpdmVzL25nc20tbWVudS1kaXNwbGF5LWRpcmVjdGl2ZS9uZ3NtLW1lbnUtZGlzcGxheS1kaXJlY3RpdmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9uZ3NtL2RpcmVjdGl2ZXMvbmdzbS1tZW51LWRpc3BsYXktZGlyZWN0aXZlL25nc20tbWVudS1kaXNwbGF5LWRpcmVjdGl2ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUTVELE1BQU0sT0FBTyxpQ0FBaUM7SUFNNUM7UUFGUyx1QkFBa0IsR0FBVyxFQUFFLENBQUM7SUFFekIsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFdBQVc7SUFFWCxDQUFDOzs4SEFiVSxpQ0FBaUM7a0hBQWpDLGlDQUFpQyw0SkNSOUMsMjdDQXVDTTsyRkQvQk8saUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLDZCQUE2QjswRUFNOUIsSUFBSTtzQkFBWixLQUFLO2dCQUVHLGtCQUFrQjtzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ3NtTWVudVRhYiB9IGZyb20gJy4uLy4uL21vZGVscy9uZ3NtTWVudVRhYic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25nc20tbWVudS1kaXNwbGF5LWRpcmVjdGl2ZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25nc20tbWVudS1kaXNwbGF5LWRpcmVjdGl2ZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbmdzbS1tZW51LWRpc3BsYXktZGlyZWN0aXZlLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmdzbU1lbnVEaXNwbGF5RGlyZWN0aXZlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgdGFiczogTmdzbU1lbnVUYWJbXTtcclxuXHJcbiAgQElucHV0KCkgY29udGFpbmVyQ2xhc3NOYW1lOiBzdHJpbmcgPSBcIlwiO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCkge1xyXG5cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ7e2NvbnRhaW5lckNsYXNzTmFtZX19XCI+XHJcbiAgPGRpdiAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnNcIj5cclxuICAgIDxhICpuZ0lmPVwidGFiLnR5cGUgPT09IDJcIlxyXG4gICAgICBjbGFzcz1cIml0ZW1cIlxyXG4gICAgICBbYXBwSGlnaGxpZ2h0VGFiXT1cInRhYlwiXHJcbiAgICAgIFtkZWZhdWx0Q2xhc3NOYW1lXT1cIidpdGVtJ1wiPlxyXG4gICAgICA8aW1nIGNsYXNzPVwidWkgYXZhdGFyIGltYWdlIHByb2ZpbGVJbWFnZVwiXHJcbiAgICAgICAgKm5nSWY9XCJ0YWIuaW1hZ2VVcmxcIlxyXG4gICAgICAgIHNyYz1cInt7dGFiLmltYWdlVXJsfX1cIj5cclxuICAgICAgPG5nc20tc3ViLW1lbnUtZGlzcGxheS1kaXJlY3RpdmUgW3RhYl09XCJ0YWJcIj48L25nc20tc3ViLW1lbnUtZGlzcGxheS1kaXJlY3RpdmU+XHJcbiAgICA8L2E+XHJcbiAgICA8YSAqbmdJZj1cInRhYi50eXBlID09PSAxICYmICF0YWIucm91dGUgJiYgIXRhYi50YWJVcmxcIlxyXG4gICAgICBjbGFzcz1cIml0ZW1cIlxyXG4gICAgICBbYXBwSGlnaGxpZ2h0VGFiXT1cInRhYlwiXHJcbiAgICAgIFtkZWZhdWx0Q2xhc3NOYW1lXT1cIidpdGVtJ1wiPlxyXG4gICAgICA8aW1nIGNsYXNzPVwidWkgYXZhdGFyIGltYWdlIHByb2ZpbGVJbWFnZVwiXHJcbiAgICAgICAgKm5nSWY9XCJ0YWIuaW1hZ2VVcmxcIlxyXG4gICAgICAgIHNyYz1cInt7dGFiLmltYWdlVXJsfX1cIj4ge3t0YWIudGl0bGV9fVxyXG4gICAgPC9hPlxyXG4gICAgPGEgKm5nSWY9XCJ0YWIudHlwZSAhPT0gMiAmJiB0YWIucm91dGVcIlxyXG4gICAgICBjbGFzcz1cIml0ZW1cIlxyXG4gICAgICBbYXBwSGlnaGxpZ2h0VGFiXT1cInRhYlwiXHJcbiAgICAgIFtkZWZhdWx0Q2xhc3NOYW1lXT1cIidpdGVtJ1wiXHJcbiAgICAgIHJvdXRlckxpbms9XCJ7e3RhYi5yb3V0ZX19XCI+XHJcbiAgICAgIDxpbWcgY2xhc3M9XCJ1aSBhdmF0YXIgaW1hZ2UgcHJvZmlsZUltYWdlXCJcclxuICAgICAgICAqbmdJZj1cInRhYi5pbWFnZVVybFwiXHJcbiAgICAgICAgc3JjPVwie3t0YWIuaW1hZ2VVcmx9fVwiPiB7e3RhYi50aXRsZX19XHJcbiAgICA8L2E+XHJcbiAgICA8YSAqbmdJZj1cInRhYi50eXBlICE9PSAyICYmIHRhYi50YWJVcmxcIlxyXG4gICAgICBjbGFzcz1cIml0ZW1cIlxyXG4gICAgICBbYXBwSGlnaGxpZ2h0VGFiXT1cInRhYlwiXHJcbiAgICAgIFtkZWZhdWx0Q2xhc3NOYW1lXT1cIidpdGVtJ1wiXHJcbiAgICAgIGhyZWY9XCJ7e3RhYi50YWJVcmx9fVwiXHJcbiAgICAgIHRhcmdldD1cIl9ibGFua1wiPlxyXG4gICAgICA8aW1nIGNsYXNzPVwidWkgYXZhdGFyIGltYWdlIHByb2ZpbGVJbWFnZVwiXHJcbiAgICAgICAgKm5nSWY9XCJ0YWIuaW1hZ2VVcmxcIlxyXG4gICAgICAgIHNyYz1cInt7dGFiLmltYWdlVXJsfX1cIj4ge3t0YWIudGl0bGV9fVxyXG4gICAgPC9hPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=