codecharta-visualization 1.119.0 → 1.120.0

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/attributeSideBarHeaderSection.component.scss

@@ -1,75 +0,0 @@
-cc-attribute-side-bar-header-section {
-	display: flex;
-	flex-direction: column;
-
-	.close-icon,
-	.node-link {
-		color: grey;
-		padding: 0;
-		cursor: pointer;
-		outline: none;
-		transition: 0.2s;
-
-		&:hover {
-			color: #444444;
-		}
-	}
-
-	.close-icon {
-		align-self: flex-end;
-		font-size: 20px;
-	}
-
-	.node-name {
-		width: 90%;
-		cursor: pointer;
-
-		.node-link {
-			font-size: 11pt;
-
-			h2 {
-				color: black;
-				display: inline;
-			}
-		}
-	}
-
-	.node-origin,
-	.cc-node-path {
-		color: grey;
-		margin: 5px 0;
-
-		.file-path {
-			word-wrap: break-word;
-		}
-
-		.cc-node-file-count {
-			background: #f0f0f0;
-			border-radius: 3px;
-			padding: 1px 3px;
-			color: black;
-
-			.added-files {
-				color: #64d051;
-			}
-
-			.removed-files {
-				color: rgb(255, 14, 14);
-			}
-
-			.changed-files {
-				color: rgb(14, 46, 255);
-			}
-		}
-	}
-
-	.node-name,
-	.node-origin,
-	.node-path {
-		word-break: break-all;
-		-webkit-user-select: text;
-		-moz-user-select: text;
-		-ms-user-select: text;
-		user-select: text;
-	}
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/attributeSideBarHeaderSection.component.spec.ts

@@ -1,28 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render } from "@testing-library/angular"
-import { provideMockStore } from "@ngrx/store/testing"
-import { CodeMapNode } from "../../../codeCharta.model"
-import { AttributeSideBarModule } from "../attributeSideBar.module"
-import { AttributeSideBarHeaderSectionComponent } from "./attributeSideBarHeaderSection.component"
-import { IsAttributeSideBarVisibleService } from "../../../services/isAttributeSideBarVisible.service"
-
-describe("attributeSideBarHeaderSection", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [AttributeSideBarModule],
-			providers: [{ provide: IsAttributeSideBarVisibleService, useValue: { isOpen: true } }, provideMockStore()]
-		})
-	})
-
-	it("should have file link when given node has a link", async () => {
-		const { container } = await render(AttributeSideBarHeaderSectionComponent, {
-			providers: [{ provide: IsAttributeSideBarVisibleService, useValue: { isOpen: true } }],
-			componentProperties: {
-				node: { name: "myNode", children: [{}], path: "./myNode.ts", link: "myNode.com" } as CodeMapNode,
-				fileName: "myNode.ts"
-			}
-		})
-
-		expect(container.querySelector("[data-testid=file-link] a[href='myNode.com']")).not.toBe(null)
-	})
-})

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/attributeSideBarHeaderSection.component.ts

@@ -1,21 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-
-import { CodeMapNode } from "../../../codeCharta.model"
-import { IsAttributeSideBarVisibleService } from "../../../services/isAttributeSideBarVisible.service"
-
-@Component({
-	selector: "cc-attribute-side-bar-header-section",
-	templateUrl: "./attributeSideBarHeaderSection.component.html",
-	styleUrls: ["./attributeSideBarHeaderSection.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class AttributeSideBarHeaderSectionComponent {
-	@Input() node: Pick<CodeMapNode, "children" | "name" | "link" | "path">
-	@Input() fileName: string
-
-	constructor(private isAttributeSideBarVisibleService: IsAttributeSideBarVisibleService) {}
-
-	closeSideBar() {
-		this.isAttributeSideBarVisibleService.isOpen = false
-	}
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/nodePath/fileCount.selector.spec.ts

@@ -1,18 +0,0 @@
-import { getFileCount } from "./fileCountSelector"
-
-describe("getFileCount", () => {
-	it("should return nothing when it receives no building", () => {
-		const node = undefined
-		expect(getFileCount(node)).toBe(undefined)
-	})
-
-	it("should return file count object with default values when it receives a building with no attributes and changed files", () => {
-		const node = {}
-		expect(getFileCount(node)).toEqual({ all: 0, added: 0, removed: 0, changed: 0 })
-	})
-
-	it("should return file count object that has the same values as the value assignments of the received attributes and changed files", () => {
-		const node = { attributes: { unary: 4 }, fileCount: { added: 2, removed: 1, changed: 3 } }
-		expect(getFileCount(node)).toEqual({ all: 4, added: 2, removed: 1, changed: 3 })
-	})
-})

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/nodePath/fileCountSelector.ts

@@ -1,18 +0,0 @@
-import { selectedNodeSelector } from "../../../../state/selectors/selectedNode.selector"
-import { CodeMapNode, FileCount } from "../../../../codeCharta.model"
-import { createSelector } from "@ngrx/store"
-
-export const getFileCount = (node?: Pick<CodeMapNode, "attributes" | "fileCount">): FileCount => {
-	if (!node) {
-		return
-	}
-
-	return {
-		all: node.attributes?.unary ?? 0,
-		added: node.fileCount?.added ?? 0,
-		removed: node.fileCount?.removed ?? 0,
-		changed: node.fileCount?.changed ?? 0
-	}
-}
-
-export const fileCountSelector = createSelector(selectedNodeSelector, getFileCount)

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/nodePath/nodePath.component.html

@@ -1,14 +0,0 @@
-<p class="cc-node-path">
-	<span *ngIf="node" class="file-path">
-		{{ node.path }}
-		<span *ngIf="node.children?.length && fileCount$ | async as fileCount" class="cc-node-file-count">
-			(
-			{{ fileCount.all }} {{ fileCount.all === 1 ? "file" : "files" }}
-			<span *ngIf="node.children?.length && (isDeltaMode$ | async)" class="cc-node-file-count">
-				| <span class="added-files" title="Number of added files"> Δ{{ fileCount.added }}</span> |
-				<span class="removed-files" title="Number of removed files"> Δ{{ fileCount.removed > 0 ? -fileCount.removed : 0 }}</span> |
-				<span class="files-with-metric-changes" title="Number of files with metric changes"> Δ{{ fileCount.changed }}</span> </span
-			>)
-		</span>
-	</span>
-</p>

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/nodePath/nodePath.component.spec.ts

@@ -1,121 +0,0 @@
-import { render } from "@testing-library/angular"
-import { CodeMapNode } from "../../../../codeCharta.model"
-import { provideMockStore, MockStore } from "@ngrx/store/testing"
-import { selectedNodeSelector } from "../../../../state/selectors/selectedNode.selector"
-import { NodePathComponent } from "./nodePath.component"
-import { isDeltaStateSelector } from "../../../../state/selectors/isDeltaState.selector"
-import { TestBed } from "@angular/core/testing"
-
-describe("nodePathComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			providers: [
-				provideMockStore({
-					selectors: [
-						{ selector: selectedNodeSelector, value: null },
-						{ selector: isDeltaStateSelector, value: false }
-					]
-				})
-			]
-		})
-	})
-
-	it("should display an empty p tag, if no building is selected", async () => {
-		const { container } = await render(NodePathComponent, { componentProperties: { node: undefined } })
-		const pTag = container.querySelector("p")
-		expect(pTag).not.toBe(null)
-		expect(pTag.textContent).toBe("")
-	})
-
-	it("should display only node path, when a file is selected", async () => {
-		const node = { path: "some/file.ts" } as CodeMapNode
-		const { container, detectChanges } = await render(NodePathComponent, { componentProperties: { node } })
-		const store = TestBed.inject(MockStore)
-		store.overrideSelector(selectedNodeSelector, node)
-		store.refreshState()
-		detectChanges()
-
-		expect(container.textContent).toContain("some/file.ts")
-	})
-
-	it("should display node path and amount of files, when a folder is selected and delta mode is disabled", async () => {
-		const node = {
-			children: [{}] as CodeMapNode[],
-			path: "some/folder",
-			attributes: { unary: 2 },
-			fileCount: {
-				added: 1,
-				removed: 2
-			}
-		} as unknown as CodeMapNode
-		const { container, detectChanges } = await render(NodePathComponent, { componentProperties: { node } })
-		const store = TestBed.inject(MockStore)
-		store.overrideSelector(selectedNodeSelector, node)
-		store.refreshState()
-		detectChanges()
-
-		expect(container.textContent.replaceAll(/\s+/g, " ")).toContain("some/folder ( 2 files )")
-	})
-
-	it("should display node path,amount of files, added and removed files, when a folder is selected and delta mode is enabled", async () => {
-		const node = {
-			children: [{}] as CodeMapNode[],
-			path: "some/folder",
-			attributes: { unary: 2 },
-			fileCount: {
-				added: 1,
-				removed: 2,
-				changed: 3
-			}
-		} as unknown as CodeMapNode
-		const { container, detectChanges } = await render(NodePathComponent, { componentProperties: { node } })
-		const store = TestBed.inject(MockStore)
-		store.overrideSelector(selectedNodeSelector, node)
-		store.overrideSelector(isDeltaStateSelector, true)
-		store.refreshState()
-		detectChanges()
-
-		expect(container.textContent.replaceAll(/\s+/g, " ")).toContain("some/folder ( 2 files | Δ1 | Δ-2 | Δ3)")
-	})
-
-	it("should display amount of files with correct english grammar, when an empty folder is selected and delta mode is enabled", async () => {
-		const node = {
-			children: [{}] as CodeMapNode[],
-			path: "some/emptyFolder",
-			attributes: { unary: 0 },
-			fileCount: {
-				added: 0,
-				removed: 2,
-				changed: 0
-			}
-		} as unknown as CodeMapNode
-		const { container, detectChanges } = await render(NodePathComponent, { componentProperties: { node } })
-		const store = TestBed.inject(MockStore)
-		store.overrideSelector(selectedNodeSelector, node)
-		store.overrideSelector(isDeltaStateSelector, true)
-		store.refreshState()
-		detectChanges()
-
-		expect(container.textContent).toContain(" 0 files ") // because "zero file" is not grammatically correct
-	})
-
-	it("should display amount of files with correct english grammar, when a folder with 1 file is selected and delta mode is enabled", async () => {
-		const node = {
-			children: [{}] as CodeMapNode[],
-			path: "some/folderWithOneFile",
-			attributes: { unary: 1 },
-			fileCount: {
-				added: 1,
-				removed: 0
-			}
-		} as unknown as CodeMapNode
-		const { container, detectChanges } = await render(NodePathComponent, { componentProperties: { node } })
-		const store = TestBed.inject(MockStore)
-		store.overrideSelector(selectedNodeSelector, node)
-		store.overrideSelector(isDeltaStateSelector, true)
-		store.refreshState()
-		detectChanges()
-
-		expect(container.textContent).toContain(" 1 file ") // because "one files" is not grammatically correct
-	})
-})

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/nodePath/nodePath.component.ts

@@ -1,22 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { Observable } from "rxjs"
-import { CodeMapNode, FileCount, CcState } from "../../../../codeCharta.model"
-import { isDeltaStateSelector } from "../../../../state/selectors/isDeltaState.selector"
-import { fileCountSelector } from "./fileCountSelector"
-
-@Component({
-	selector: "cc-node-path",
-	templateUrl: "./nodePath.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class NodePathComponent {
-	@Input() node?: Pick<CodeMapNode, "path" | "children">
-	fileCount$: Observable<FileCount | undefined>
-	isDeltaMode$: Observable<boolean>
-
-	constructor(store: Store<CcState>) {
-		this.fileCount$ = store.select(fileCountSelector)
-		this.isDeltaMode$ = store.select(isDeltaStateSelector)
-	}
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBarPrimaryMetrics/attributeSideBarPrimaryMetric/attributeSideBarPrimaryMetric.component.html

@@ -1,20 +0,0 @@
-<div class="primary-metric-box">
-	<div class="primary-metric-row">
-		<i [class]="iconName"></i>
-		<cc-attribute-type-selector
-			*ngIf="showAttributeTypeSelector$ | async"
-			class="attribute-type-select"
-			[metricName]="metric.name"
-			[metricType]="'nodes'"
-		></cc-attribute-type-selector>
-		<span class="primary-metric-value">{{ metric.value | number: "1.0-0" }}</span>
-	</div>
-	<cc-metric-delta-selected [metricName]="metric.name"></cc-metric-delta-selected>
-	<a class="metric-name" [href]="link" target="_blank" *ngIf="metricLink as link; else primaryMetricNoLink">
-		{{ metric.name }}
-		<i class="fa fa-external-link"></i>
-	</a>
-	<ng-template #primaryMetricNoLink
-		><span class="metric-name">{{ metric.name }}</span></ng-template
-	>
-</div>

package/app/codeCharta/ui/attributeSideBar/attributeSideBarPrimaryMetrics/attributeSideBarPrimaryMetric/attributeSideBarPrimaryMetric.component.ts

@@ -1,23 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { Observable } from "rxjs"
-import { CcState } from "../../../../codeCharta.model"
-
-import { Metric } from "../../util/metric"
-import { showAttributeTypeSelectorSelector } from "../../util/showAttributeTypeSelector.selector"
-
-@Component({
-	selector: "cc-attribute-side-bar-primary-metric",
-	templateUrl: "./attributeSideBarPrimaryMetric.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class AttributeSideBarPrimaryMetricComponent {
-	@Input() iconName: string
-	@Input() metric: Metric
-	@Input() metricLink: string
-	showAttributeTypeSelector$: Observable<boolean>
-
-	constructor(store: Store<CcState>) {
-		this.showAttributeTypeSelector$ = store.select(showAttributeTypeSelectorSelector)
-	}
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBarPrimaryMetrics/attributeSideBarPrimaryMetrics.component.html

@@ -1,68 +0,0 @@
-<div class="metric-box" *ngIf="attributeDescriptors$ | async as attributeDescriptors">
-	<table *ngIf="primaryMetrics$ | async; let primaryMetrics" class="primary-metrics" aria-hidden="true">
-		<th scope="col">Primary Metrics</th>
-
-		<tr>
-			<td [title]="attributeDescriptors[primaryMetrics.area.name] | attributeDescriptorTooltip: primaryMetrics.area.name">
-				<cc-attribute-side-bar-primary-metric
-					[iconName]="'fa fa-arrows-alt'"
-					[metric]="primaryMetrics.area"
-					[metricLink]="attributeDescriptors[primaryMetrics.area.name]?.link"
-				></cc-attribute-side-bar-primary-metric>
-			</td>
-			<td [title]="attributeDescriptors[primaryMetrics.height.name] | attributeDescriptorTooltip: primaryMetrics.height.name">
-				<cc-attribute-side-bar-primary-metric
-					[iconName]="'fa fa-arrows-v'"
-					[metric]="primaryMetrics.height"
-					[metricLink]="attributeDescriptors[primaryMetrics.height.name]?.link"
-				></cc-attribute-side-bar-primary-metric>
-			</td>
-		</tr>
-		<tr>
-			<td [title]="attributeDescriptors[primaryMetrics.color.name] | attributeDescriptorTooltip: primaryMetrics.color.name">
-				<cc-attribute-side-bar-primary-metric
-					[iconName]="'fa fa-paint-brush'"
-					[metric]="primaryMetrics.color"
-					[metricLink]="attributeDescriptors[primaryMetrics.color.name]?.link"
-				></cc-attribute-side-bar-primary-metric>
-			</td>
-			<ng-container *ngIf="primaryMetrics.edge as edge; else sidebarPrimaryMetricsEdgeElse">
-				<td [title]="attributeDescriptors[edge.name] | attributeDescriptorTooltip: edge.name">
-					<div class="primary-metric-box">
-						<div class="primary-metric-row">
-							<i class="fa fa-exchange"></i>
-							<cc-attribute-type-selector
-								*ngIf="showAttributeTypeSelector$ | async"
-								class="attribute-type-select"
-								[metricName]="edge.name"
-								[metricType]="'edges'"
-							></cc-attribute-type-selector>
-							<span>
-								{{ edge.incoming | number: "1.0-0" }}
-								<span>/</span>
-								{{ edge.outgoing | number: "1.0-0" }}
-							</span>
-						</div>
-						<a
-							class="metric-name"
-							[href]="link"
-							target="_blank"
-							*ngIf="attributeDescriptors[edge.name]?.link as link; else primaryMetricNoLink"
-						>
-							{{ edge.name }} (in/out)
-							<i class="fa fa-external-link"></i>
-						</a>
-						<ng-template #primaryMetricNoLink
-							><span class="metric-name">{{ edge.name }} (in/out)</span></ng-template
-						>
-					</div>
-				</td>
-			</ng-container>
-			<ng-template #sidebarPrimaryMetricsEdgeElse>
-				<td>
-					<span class="metric-name">No edge metric available</span>
-				</td>
-			</ng-template>
-		</tr>
-	</table>
-</div>

package/app/codeCharta/ui/attributeSideBar/attributeSideBarPrimaryMetrics/attributeSideBarPrimaryMetrics.component.ts

@@ -1,25 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { Observable } from "rxjs"
-
-import { showAttributeTypeSelectorSelector } from "../util/showAttributeTypeSelector.selector"
-import { PrimaryMetrics, primaryMetricsSelector } from "../../../state/selectors/primaryMetrics/primaryMetrics.selector"
-import { Store } from "@ngrx/store"
-import { AttributeDescriptors, CcState } from "../../../codeCharta.model"
-import { attributeDescriptorsSelector } from "../../../state/store/fileSettings/attributeDescriptors/attributeDescriptors.selector"
-
-@Component({
-	selector: "cc-attribute-side-bar-primary-metrics",
-	templateUrl: "./attributeSideBarPrimaryMetrics.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class AttributeSideBarPrimaryMetricsComponent {
-	primaryMetrics$: Observable<PrimaryMetrics>
-	showAttributeTypeSelector$: Observable<boolean>
-	attributeDescriptors$: Observable<AttributeDescriptors>
-
-	constructor(private store: Store<CcState>) {
-		this.primaryMetrics$ = this.store.select(primaryMetricsSelector)
-		this.showAttributeTypeSelector$ = this.store.select(showAttributeTypeSelectorSelector)
-		this.attributeDescriptors$ = this.store.select(attributeDescriptorsSelector)
-	}
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBarSecondaryMetrics/attributeSideBarSecondaryMetrics.component.html

@@ -1,45 +0,0 @@
-<div class="secondary-metrics-wrapper">
-	<div class="metrics-wrapper">
-		<div class="metric-box scrollable-content" *ngIf="attributeDescriptors$ | async as attributeDescriptors">
-			<table class="secondary-metrics" aria-hidden="true">
-				<tr>
-					<th scope="col" colspan="2">Secondary Metrics</th>
-				</tr>
-				<tr
-					*ngFor="let secondaryMetric of secondaryMetrics$ | async"
-					[title]="attributeDescriptors[secondaryMetric.name] | attributeDescriptorTooltip: secondaryMetric.name"
-				>
-					<td class="secondary-metric-box">
-						<div class="secondary-metric-row">
-							<cc-attribute-type-selector
-								*ngIf="showAttributeTypeSelector$ | async"
-								class="attribute-type-select"
-								[metricName]="secondaryMetric.name"
-								[metricType]="'nodes'"
-							>
-							</cc-attribute-type-selector>
-							<span class="metric-value">{{ secondaryMetric.value | number: "1.0-0" }}</span>
-						</div>
-					</td>
-					<td class="delta-value-box" [hidden]="!(showDeltaValue$ | async)">
-						<cc-metric-delta-selected [metricName]="secondaryMetric.name"></cc-metric-delta-selected>
-					</td>
-					<td>
-						<a
-							class="metric-name"
-							[href]="link"
-							target="_blank"
-							*ngIf="attributeDescriptors[secondaryMetric.name]?.link as link; else secondaryMetricNoLink"
-						>
-							{{ secondaryMetric.name }}
-							<i class="fa fa-external-link"></i>
-						</a>
-						<ng-template #secondaryMetricNoLink
-							><span class="metric-name">{{ secondaryMetric.name }}</span>
-						</ng-template>
-					</td>
-				</tr>
-			</table>
-		</div>
-	</div>
-</div>

package/app/codeCharta/ui/attributeSideBar/attributeSideBarSecondaryMetrics/attributeSideBarSecondaryMetrics.component.ts

@@ -1,29 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { Observable } from "rxjs"
-import { AttributeDescriptors, CcState } from "../../../codeCharta.model"
-
-import { Metric } from "../util/metric"
-import { showAttributeTypeSelectorSelector } from "../util/showAttributeTypeSelector.selector"
-import { showDeltaValueSelector } from "../util/showDeltaValueSelector"
-import { secondaryMetricsSelector } from "./secondaryMetrics.selector"
-import { attributeDescriptorsSelector } from "../../../state/store/fileSettings/attributeDescriptors/attributeDescriptors.selector"
-
-@Component({
-	selector: "cc-attribute-side-bar-secondary-metrics",
-	templateUrl: "./attributeSideBarSecondaryMetrics.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class AttributeSideBarSecondaryMetricsComponent {
-	secondaryMetrics$: Observable<Metric[]>
-	showAttributeTypeSelector$: Observable<boolean>
-	showDeltaValue$: Observable<boolean>
-	attributeDescriptors$: Observable<AttributeDescriptors>
-
-	constructor(private store: Store<CcState>) {
-		this.secondaryMetrics$ = this.store.select(secondaryMetricsSelector)
-		this.showAttributeTypeSelector$ = this.store.select(showAttributeTypeSelectorSelector)
-		this.showDeltaValue$ = this.store.select(showDeltaValueSelector)
-		this.attributeDescriptors$ = this.store.select(attributeDescriptorsSelector)
-	}
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBarSecondaryMetrics/secondaryMetrics.selector.spec.ts

@@ -1,28 +0,0 @@
-import { DIFFERENT_NODE } from "../../../util/dataMocks"
-import { _calculateSecondaryMetrics } from "./secondaryMetrics.selector"
-
-const primaryMetricNames = {
-	areaMetric: "a",
-	heightMetric: "a",
-	colorMetric: "a",
-	edgeMetric: "None"
-}
-
-describe("secondaryMetricsSelector", () => {
-	it("should return an empty list if there is no selectedNode", () => {
-		expect(_calculateSecondaryMetrics(primaryMetricNames)).toEqual([])
-	})
-
-	it("should return a by name sorted list of metrics without primary metrics", () => {
-		expect(_calculateSecondaryMetrics(primaryMetricNames, DIFFERENT_NODE)).toEqual([
-			{
-				name: "b",
-				value: 15
-			},
-			{
-				name: "mcc",
-				value: 14
-			}
-		])
-	})
-})

package/app/codeCharta/ui/attributeSideBar/attributeSideBarSecondaryMetrics/secondaryMetrics.selector.ts

@@ -1,23 +0,0 @@
-import { CodeMapNode, PrimaryMetrics } from "../../../codeCharta.model"
-import { primaryMetricNamesSelector } from "../../../state/selectors/primaryMetrics/primaryMetricNames.selector"
-import { selectedNodeSelector } from "../../../state/selectors/selectedNode.selector"
-import { Metric } from "../util/metric"
-import { createSelector } from "@ngrx/store"
-
-export const _calculateSecondaryMetrics = (primaryMetrics: PrimaryMetrics, node?: Pick<CodeMapNode, "attributes">) => {
-	if (!node) {
-		return [] as Metric[]
-	}
-
-	const primaryMetricNamesList = Object.values(primaryMetrics)
-	const secondaryMetricNames = Object.keys(node.attributes)
-		.filter(metricName => metricName !== "unary" && !primaryMetricNamesList.includes(metricName))
-		.sort((metricNameA, metricNameB) => metricNameA.localeCompare(metricNameB))
-
-	return secondaryMetricNames.map(secondaryMetricName => ({
-		name: secondaryMetricName,
-		value: node.attributes[secondaryMetricName]
-	}))
-}
-
-export const secondaryMetricsSelector = createSelector(primaryMetricNamesSelector, selectedNodeSelector, _calculateSecondaryMetrics)

package/app/codeCharta/ui/attributeSideBar/attributeTypeSelector/attributeTypeSelector.component.html

@@ -1,4 +0,0 @@
-<mat-button-toggle-group [value]="(attributeTypes$ | async)[metricType][metricName] ?? 'absolute'">
-	<mat-button-toggle title="Select Sum" (click)="setToAbsolute()" value="absolute">Σ</mat-button-toggle>
-	<mat-button-toggle title="Select Median" (click)="setToRelative()" value="relative">x͂</mat-button-toggle>
-</mat-button-toggle-group>

package/app/codeCharta/ui/attributeSideBar/attributeTypeSelector/attributeTypeSelector.component.scss

@@ -1,24 +0,0 @@
-@use "../../../../material/theme";
-cc-attribute-type-selector {
-	.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
-		display: flex;
-		align-items: center;
-		height: 100%;
-	}
-
-	button {
-		align-items: center;
-		height: 100%;
-
-		&:hover {
-			background-color: rgba(0, 0, 0, 0.05);
-			color: theme.$cc-primary-color;
-		}
-	}
-
-	.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*="mat-elevation-z"]),
-	.mat-button-toggle-group-appearance-standard:not([class*="mat-elevation-z"]) {
-		height: 22px;
-		border: 0.5px solid darkgrey;
-	}
-}