@ahmedaoui/ngx-org-chart
Version:
Hierarchical Organization Chart
26 lines • 5.49 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { NgxChartDesignerComponent } from '../ngx-chart-designer/ngx-chart-designer.component';
import { NgFor, NgIf } from '@angular/common';
import * as i0 from "@angular/core";
export class NgxOrgChartComponent {
constructor() {
this.hasParent = false;
this.direction = 'vertical';
this.itemClick = new EventEmitter();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NgxOrgChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NgxOrgChartComponent, isStandalone: true, selector: "ngx-org-chart", inputs: { nodes: "nodes", hasParent: "hasParent", direction: "direction" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div *ngIf=\"nodes?.length\">\n <ng-container *ngFor=\"let node of nodes\">\n <div class=\"ngx-org-self-{{direction}}\">\n <ngx-chart-designer [node]=\"node\" [direction]=\"direction\" (itemClick)=\"itemClick.emit($event)\"></ngx-chart-designer>\n </div>\n </ng-container>\n</div>\n", styles: ["html,body{display:flex;flex:1}.ngx-org-name{font-family:Patua One,cursive}.ngx-org-title{font-family:Oswald,sans-serif}.ngx-org-border{border-color:#9e9e9e}.ngx-org-box{color:#000;width:10em}.ngx-org-self-vertical{margin-bottom:2%}\n"], dependencies: [{ kind: "component", type: NgxChartDesignerComponent, selector: "ngx-chart-designer", inputs: ["node", "hasParent", "direction"], outputs: ["itemClick"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NgxOrgChartComponent, decorators: [{
type: Component,
args: [{ selector: 'ngx-org-chart', standalone: true, imports: [NgxChartDesignerComponent, NgFor, NgIf], template: "<div *ngIf=\"nodes?.length\">\n <ng-container *ngFor=\"let node of nodes\">\n <div class=\"ngx-org-self-{{direction}}\">\n <ngx-chart-designer [node]=\"node\" [direction]=\"direction\" (itemClick)=\"itemClick.emit($event)\"></ngx-chart-designer>\n </div>\n </ng-container>\n</div>\n", styles: ["html,body{display:flex;flex:1}.ngx-org-name{font-family:Patua One,cursive}.ngx-org-title{font-family:Oswald,sans-serif}.ngx-org-border{border-color:#9e9e9e}.ngx-org-box{color:#000;width:10em}.ngx-org-self-vertical{margin-bottom:2%}\n"] }]
}], propDecorators: { nodes: [{
type: Input
}], hasParent: [{
type: Input
}], direction: [{
type: Input
}], itemClick: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW9yZy1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb3JnLWNoYXJ0L3NyYy9saWIvbmd4LW9yZy1jaGFydC9uZ3gtb3JnLWNoYXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vcmctY2hhcnQvc3JjL2xpYi9uZ3gtb3JnLWNoYXJ0L25neC1vcmctY2hhcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVM5QyxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBYUUsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUdsQixjQUFTLEdBQThCLFVBQVUsQ0FBQztRQUV4QyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztLQUNqRDsrR0FaWSxvQkFBb0I7bUdBQXBCLG9CQUFvQiwwTENiakMseVNBT0EsbVNESVcseUJBQXlCLG1JQUFDLEtBQUssbUhBQUMsSUFBSTs7NEZBRWxDLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxlQUFlLGNBR2QsSUFBSSxXQUNQLENBQUMseUJBQXlCLEVBQUMsS0FBSyxFQUFDLElBQUksQ0FBQzs4QkFLOUMsS0FBSztzQkFESixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IElOb2RlIH0gZnJvbSAnLi4vbm9kZSc7XG5pbXBvcnQgeyBOZ3hDaGFydERlc2lnbmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vbmd4LWNoYXJ0LWRlc2lnbmVyL25neC1jaGFydC1kZXNpZ25lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtb3JnLWNoYXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL25neC1vcmctY2hhcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uZ3gtb3JnLWNoYXJ0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6dHJ1ZSxcbiAgaW1wb3J0czpbTmd4Q2hhcnREZXNpZ25lckNvbXBvbmVudCxOZ0ZvcixOZ0lmXVxufSlcbmV4cG9ydCBjbGFzcyBOZ3hPcmdDaGFydENvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgbm9kZXM/OiBJTm9kZVtdO1xuXG4gIEBJbnB1dCgpXG4gIGhhc1BhcmVudCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGRpcmVjdGlvbjogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICd2ZXJ0aWNhbCc7XG5cbiAgQE91dHB1dCgpIGl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8SU5vZGU+KCk7XG59XG4iLCI8ZGl2ICpuZ0lmPVwibm9kZXM/Lmxlbmd0aFwiPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBub2RlIG9mIG5vZGVzXCI+XG4gICAgPGRpdiBjbGFzcz1cIm5neC1vcmctc2VsZi17e2RpcmVjdGlvbn19XCI+XG4gICAgICA8bmd4LWNoYXJ0LWRlc2lnbmVyIFtub2RlXT1cIm5vZGVcIiBbZGlyZWN0aW9uXT1cImRpcmVjdGlvblwiIChpdGVtQ2xpY2spPVwiaXRlbUNsaWNrLmVtaXQoJGV2ZW50KVwiPjwvbmd4LWNoYXJ0LWRlc2lnbmVyPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19