@tots/ngx-org-chart/esm2020/lib/ngx-chart-node/ngx-chart-node.component.mjs

Hierarchical Organization Chart

import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class NgxChartNodeComponent {
    constructor() {
        this.hasParent = false;
        this.direction = 'vertical';
        this.itemClick = new EventEmitter();
    }
}
NgxChartNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgxChartNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
NgxChartNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NgxChartNodeComponent, selector: "ngx-chart-node", inputs: { node: "node", hasParent: "hasParent", direction: "direction" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div ngClass=\"ngx-org-connector-{{direction}}\" class=\"ngx-org-border\" *ngIf=\"hasParent\"></div>\n<div [ngClass]=\"node?.cssClass\" class=\"ngx-org-box ngx-org-border ngx-org-background\" (click)=\"itemClick.emit(node)\">\n  <div *ngIf=\"node?.image\" class=\"ngx-org-image ngx-org-border\"\n    [ngStyle]=\"{ 'background-image': 'url(\\''+ node?.image+'\\')'}\">\n  </div>\n  <div>\n    <div class=\"ngx-org-name\">{{node?.name}}</div>\n    <div class=\"ngx-org-title\">{{node?.title}}</div>\n  </div>\n</div>\n<div ngClass=\"ngx-org-connector-{{direction}}\" class=\"ngx-org-border\" *ngIf=\"node?.childs?.length\"></div>\n", styles: [":host{display:flex;align-items:center}.ngx-org-box{cursor:pointer;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgxChartNodeComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ngx-chart-node', template: "<div ngClass=\"ngx-org-connector-{{direction}}\" class=\"ngx-org-border\" *ngIf=\"hasParent\"></div>\n<div [ngClass]=\"node?.cssClass\" class=\"ngx-org-box ngx-org-border ngx-org-background\" (click)=\"itemClick.emit(node)\">\n  <div *ngIf=\"node?.image\" class=\"ngx-org-image ngx-org-border\"\n    [ngStyle]=\"{ 'background-image': 'url(\\''+ node?.image+'\\')'}\">\n  </div>\n  <div>\n    <div class=\"ngx-org-name\">{{node?.name}}</div>\n    <div class=\"ngx-org-title\">{{node?.title}}</div>\n  </div>\n</div>\n<div ngClass=\"ngx-org-connector-{{direction}}\" class=\"ngx-org-border\" *ngIf=\"node?.childs?.length\"></div>\n", styles: [":host{display:flex;align-items:center}.ngx-org-box{cursor:pointer;display:flex;align-items:center}\n"] }]
        }], propDecorators: { node: [{
                type: Input
            }], hasParent: [{
                type: Input
            }], direction: [{
                type: Input
            }], itemClick: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNoYXJ0LW5vZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW9yZy1jaGFydC9zcmMvbGliL25neC1jaGFydC1ub2RlL25neC1jaGFydC1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vcmctY2hhcnQvc3JjL2xpYi9uZ3gtY2hhcnQtbm9kZS9uZ3gtY2hhcnQtbm9kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkUsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQVdFLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsY0FBUyxHQUE4QixVQUFVLENBQUM7UUFFeEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7S0FDakQ7O2tIQVpZLHFCQUFxQjtzR0FBckIscUJBQXFCLHFLQ1RsQyx1bkJBV0E7MkZERmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFPMUIsSUFBSTtzQkFESCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IElOb2RlIH0gZnJvbSAnLi4vbm9kZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1jaGFydC1ub2RlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25neC1jaGFydC1ub2RlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmd4LWNoYXJ0LW5vZGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOZ3hDaGFydE5vZGVDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIG5vZGU6IElOb2RlO1xuXG4gIEBJbnB1dCgpXG4gIGhhc1BhcmVudCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGRpcmVjdGlvbjogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICd2ZXJ0aWNhbCc7XG5cbiAgQE91dHB1dCgpIGl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8SU5vZGU+KCk7XG59XG4iLCI8ZGl2IG5nQ2xhc3M9XCJuZ3gtb3JnLWNvbm5lY3Rvci17e2RpcmVjdGlvbn19XCIgY2xhc3M9XCJuZ3gtb3JnLWJvcmRlclwiICpuZ0lmPVwiaGFzUGFyZW50XCI+PC9kaXY+XG48ZGl2IFtuZ0NsYXNzXT1cIm5vZGU/LmNzc0NsYXNzXCIgY2xhc3M9XCJuZ3gtb3JnLWJveCBuZ3gtb3JnLWJvcmRlciBuZ3gtb3JnLWJhY2tncm91bmRcIiAoY2xpY2spPVwiaXRlbUNsaWNrLmVtaXQobm9kZSlcIj5cbiAgPGRpdiAqbmdJZj1cIm5vZGU/LmltYWdlXCIgY2xhc3M9XCJuZ3gtb3JnLWltYWdlIG5neC1vcmctYm9yZGVyXCJcbiAgICBbbmdTdHlsZV09XCJ7ICdiYWNrZ3JvdW5kLWltYWdlJzogJ3VybChcXCcnKyBub2RlPy5pbWFnZSsnXFwnKSd9XCI+XG4gIDwvZGl2PlxuICA8ZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJuZ3gtb3JnLW5hbWVcIj57e25vZGU/Lm5hbWV9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJuZ3gtb3JnLXRpdGxlXCI+e3tub2RlPy50aXRsZX19PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2IG5nQ2xhc3M9XCJuZ3gtb3JnLWNvbm5lY3Rvci17e2RpcmVjdGlvbn19XCIgY2xhc3M9XCJuZ3gtb3JnLWJvcmRlclwiICpuZ0lmPVwibm9kZT8uY2hpbGRzPy5sZW5ndGhcIj48L2Rpdj5cbiJdfQ==