@ahmedaoui/ngx-org-chart
Version:
Hierarchical Organization Chart
1 lines • 9.04 kB
Source Map (JSON)
{"version":3,"file":"ahmedaoui-ngx-org-chart.mjs","sources":["../../../projects/ngx-org-chart/src/lib/ngx-chart-node/ngx-chart-node.component.ts","../../../projects/ngx-org-chart/src/lib/ngx-chart-node/ngx-chart-node.component.html","../../../projects/ngx-org-chart/src/lib/ngx-chart-designer/ngx-chart-designer.component.ts","../../../projects/ngx-org-chart/src/lib/ngx-chart-designer/ngx-chart-designer.component.html","../../../projects/ngx-org-chart/src/lib/ngx-org-chart/ngx-org-chart.component.ts","../../../projects/ngx-org-chart/src/lib/ngx-org-chart/ngx-org-chart.component.html","../../../projects/ngx-org-chart/src/public-api.ts","../../../projects/ngx-org-chart/src/ahmedaoui-ngx-org-chart.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { INode } from '../node';\nimport { NgClass, NgIf, NgStyle } from '@angular/common';\n\n@Component({\n selector: 'ngx-chart-node',\n templateUrl: './ngx-chart-node.component.html',\n styleUrls: ['./ngx-chart-node.component.scss'],\n standalone:true,\n imports: [NgClass,NgIf,NgStyle]\n})\nexport class NgxChartNodeComponent {\n\n @Input()\n node?: INode;\n\n @Input()\n hasParent = false;\n\n @Input()\n direction: 'vertical' | 'horizontal' = 'vertical';\n\n @Output() itemClick = new EventEmitter<INode>();\n}\n","<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","import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\n\nimport { INode } from '../node';\nimport { NgClass, NgFor, NgIf } from '@angular/common';\nimport { NgxChartNodeComponent } from '../ngx-chart-node/ngx-chart-node.component';\n\n@Component({\n selector: 'ngx-chart-designer',\n templateUrl: './ngx-chart-designer.component.html',\n styleUrls: ['./ngx-chart-designer.component.scss'],\n standalone:true,\n imports:[NgClass,NgxChartNodeComponent,NgIf,NgFor]\n})\nexport class NgxChartDesignerComponent {\n\n @Input()\n node?: INode;\n\n @Input()\n hasParent = false;\n\n @Input()\n direction: 'vertical' | 'horizontal' = 'vertical';\n\n @Output() itemClick = new EventEmitter<INode>();\n\n @HostBinding('style.flex-direction')\n get hostClass() {\n return this.direction === 'vertical' ? 'column' : '';\n }\n}\n","<ngx-chart-node *ngIf=\"node\" ngClass=\"ngx-org-{{direction}}\" [node]=\"node\" [hasParent]=\"hasParent\"\n [direction]=\"direction\" (itemClick)=\"itemClick.emit($event)\">\n</ngx-chart-node>\n\n<div *ngIf=\"node?.childs?.length\" ngClass=\"ngx-org-reports-{{direction}}\" class=\"ngx-org-reports\">\n <ng-container *ngFor=\"let childNode of node?.childs; first as isFirst; last as isLast\">\n <div ngClass=\"ngx-org-org-container-{{direction}}\" class=\"ngx-org-org-container\">\n <div ngClass=\"ngx-org-connector-container-{{direction}}\" class=\"ngx-org-connector-container\">\n <div class=\"ngx-org-connector ngx-org-border\" [style.border-color]=\"isFirst?'transparent':''\"></div>\n <div class=\"ngx-org-border\"></div>\n <div class=\"ngx-org-connector ngx-org-border\" [style.border-color]=\"isLast?'transparent':''\"></div>\n </div>\n <ngx-chart-designer [node]=\"childNode\" [hasParent]=\"true\" [direction]=\"direction\" (itemClick)=\"itemClick.emit($event)\">\n </ngx-chart-designer>\n </div>\n </ng-container>\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { INode } from '../node';\nimport { NgxChartDesignerComponent } from '../ngx-chart-designer/ngx-chart-designer.component';\nimport { NgFor, NgIf } from '@angular/common';\n\n@Component({\n selector: 'ngx-org-chart',\n templateUrl: './ngx-org-chart.component.html',\n styleUrls: ['./ngx-org-chart.component.scss'],\n standalone:true,\n imports:[NgxChartDesignerComponent,NgFor,NgIf]\n})\nexport class NgxOrgChartComponent {\n\n @Input()\n nodes?: INode[];\n\n @Input()\n hasParent = false;\n\n @Input()\n direction: 'vertical' | 'horizontal' = 'vertical';\n\n @Output() itemClick = new EventEmitter<INode>();\n}\n","<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","/*\n * Public API Surface of ngx-org-chart\n */\n\nexport * from './lib/ngx-org-chart/ngx-org-chart.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}