{"version":3,"file":"obliczeniowo-elementary-pages-linear-tree.mjs","sources":["../../../../projects/components/pages-linear-tree/components/pages-linear-tree/pages-linear-tree.component.ts","../../../../projects/components/pages-linear-tree/components/pages-linear-tree/pages-linear-tree.component.html","../../../../projects/components/pages-linear-tree/pages-linear-tree.module.ts","../../../../projects/components/pages-linear-tree/obliczeniowo-elementary-pages-linear-tree.ts"],"sourcesContent":["import {\r\n Component,\r\n effect,\r\n ElementRef,\r\n EventEmitter,\r\n HostBinding,\r\n HostListener,\r\n input,\r\n Output,\r\n Renderer2,\r\n} from '@angular/core';\r\nimport {\r\n PageCategory,\r\n PageItem,\r\n} from '@obliczeniowo/elementary/pages-circle-tree';\r\nimport { Point2D } from '@obliczeniowo/elementary/classes';\r\nimport { DrawingSvgInterface } from '@obliczeniowo/elementary/drawing';\r\n\r\n@Component({\r\n selector: 'obl-pages-linear-tree',\r\n templateUrl: './pages-linear-tree.component.html',\r\n styleUrls: ['./pages-linear-tree.component.scss'],\r\n standalone: false\r\n})\r\nexport class PagesLinearTreeComponent {\r\n /** items to draw */\r\n items = input([], {\r\n transform: (value: PageItem[]) => structuredClone(value),\r\n });\r\n\r\n @Output() onClicked = new EventEmitter();\r\n\r\n /** drawing interface */\r\n protected drawing!: DrawingSvgInterface;\r\n\r\n /** found under mouse item */\r\n protected item: PageItem | undefined;\r\n\r\n /** prepared points to redraw diagram */\r\n protected points: Point2D[] = [];\r\n\r\n /** width */\r\n protected graphSize: number = 200;\r\n\r\n /** its width of diagram */\r\n protected dGraphSize: number = 200;\r\n\r\n /** size of svg view box */\r\n protected size: number = 500;\r\n\r\n /** categories */\r\n protected categories: PageCategory[] = [];\r\n\r\n protected k = 5;\r\n\r\n @HostBinding('style.height.px') get height() {\r\n return (this.items().length || 0) * this.k;\r\n }\r\n\r\n constructor(protected elementRef: ElementRef, protected renderer: Renderer2) {\r\n effect(() => {\r\n this.items();\r\n this.calcPoints();\r\n this.draw();\r\n })\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.drawing = new DrawingSvgInterface(\r\n this.elementRef.nativeElement.querySelector('svg') as SVGSVGElement, this.renderer\r\n );\r\n\r\n setTimeout(() => this.draw());\r\n }\r\n\r\n @HostListener('mousemove', ['$event'])\r\n move(event: any) {\r\n if (this.drawing && this.items().length) {\r\n const box = this.drawing.svgContainer.getBoundingClientRect();\r\n\r\n const pt = new Point2D(event.x - box.left, event.y - box.top);\r\n\r\n const index = Math.floor((1 / this.k) * pt.y);\r\n\r\n this.item = this.items()[index];\r\n\r\n this.draw();\r\n }\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n clicked() {\r\n if (this.item) {\r\n this.onClicked.emit(structuredClone(this.item));\r\n }\r\n }\r\n\r\n protected calcPoints() {\r\n if (this.items) {\r\n const max = this.getMax();\r\n\r\n const k = this.dGraphSize / (max || 1);\r\n\r\n this.points = [];\r\n\r\n this.items().forEach((item, y) => {\r\n const x = k * item.value;\r\n const pos = new Point2D(x, y * this.k);\r\n item.data = {\r\n ...item.data,\r\n pos,\r\n };\r\n this.points.push(pos);\r\n });\r\n }\r\n\r\n this.calcCategories();\r\n }\r\n\r\n protected calcCategories() {\r\n this.categories = [];\r\n\r\n const items = this.items();\r\n\r\n for (let i = 1; i < items.length; i++) {\r\n if (i === 1) {\r\n const { rootName, parentName } = items[0];\r\n this.categories.push({\r\n parentName,\r\n rootName,\r\n pos: new Point2D(0, 0),\r\n endPos: new Point2D(this.dGraphSize, 0),\r\n pChanged: true,\r\n });\r\n } else if (\r\n items[i].rootName !== items[i - 1].rootName ||\r\n items[i].parentName !== items[i - 1].parentName\r\n ) {\r\n const { rootName, parentName } = items[i];\r\n const pChanged = items[i].rootName !== items[i - 1].rootName;\r\n this.categories.push({\r\n rootName,\r\n parentName,\r\n pos: new Point2D(0, i * this.k),\r\n endPos: new Point2D(\r\n this.dGraphSize * (pChanged ? 1 : 0.8),\r\n i * this.k\r\n ),\r\n pChanged,\r\n });\r\n }\r\n }\r\n }\r\n\r\n protected draw() {\r\n if (!this.drawing) {\r\n return;\r\n }\r\n\r\n this.drawing.clear();\r\n this.drawing.drawPolyline(this.points, 2, '#ffffff', {\r\n svgOnly: { classes: ['diagram'] },\r\n });\r\n\r\n this.categories.forEach((category) => {\r\n this.drawing.drawLine(\r\n category.pos,\r\n category.endPos,\r\n category.pChanged ? 0.6 : 0.3,\r\n '#969696',\r\n {\r\n svgOnly: {\r\n classes: [\r\n 'categories',\r\n ...(category.pChanged ? ['root'] : ['parent']),\r\n ],\r\n },\r\n }\r\n );\r\n });\r\n\r\n if (this.item) {\r\n this.drawing.drawLine(\r\n new Point2D(0, this.item.data.pos.y),\r\n this.item.data.pos.add(new Point2D(this.dGraphSize, 0)),\r\n 2.5,\r\n '#ffffff',\r\n {\r\n svgOnly: {\r\n classes: ['current'],\r\n },\r\n }\r\n );\r\n }\r\n }\r\n\r\n protected getMax() {\r\n let max = 0;\r\n\r\n this.items().forEach((item) => {\r\n if (max < item.value) {\r\n max = item.value;\r\n }\r\n });\r\n\r\n return max;\r\n }\r\n}\r\n","\r\n\r\n@for (category of categories; track $index) {\r\n @if (!$index || categories[$index - 1].pos.y - category.pos.y < -40) {\r\n \r\n {{ category.rootName }} → {{ category.parentName }}\r\n \r\n }\r\n}\r\n\r\n@if (item) {\r\n \r\n {{ item.rootName }} → {{ item.parentName }} → {{ item.name }}\r\n \r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { PagesLinearTreeComponent } from './components/pages-linear-tree/pages-linear-tree.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n PagesLinearTreeComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n ],\r\n exports: [\r\n PagesLinearTreeComponent\r\n ]\r\n})\r\nexport class PagesLinearTreeModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}