codecharta-visualization 1.119.1 → 1.120.1

package/app/codeCharta/ui/resetSettingsButton/resetSettingsButton.component.ts

@@ -1,29 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-import { Store, State } from "@ngrx/store"
-import { CcState } from "../../codeCharta.model"
-import { getPartialDefaultState } from "./getPartialDefaultState"
-import { setState } from "../../state/store/state.actions"
-
-@Component({
-	selector: "cc-reset-settings-button",
-	templateUrl: "./resetSettingsButton.component.html",
-	styleUrls: ["./resetSettingsButton.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class ResetSettingsButtonComponent {
-	@Input() settingsKeys: string[]
-	@Input() tooltip?: string
-	@Input() label?: string
-	@Input() callback?: () => void
-
-	constructor(private store: Store<CcState>, private state: State<CcState>) {}
-
-	applyDefaultSettings() {
-		const partialDefaultState = getPartialDefaultState(this.settingsKeys, this.state.getValue())
-		this.store.dispatch(setState({ value: partialDefaultState }))
-
-		if (this.callback) {
-			this.callback()
-		}
-	}
-}

package/app/codeCharta/ui/resetSettingsButton/resetSettingsButton.module.ts

@@ -1,11 +0,0 @@
-import { ResetSettingsButtonComponent } from "./resetSettingsButton.component"
-import { NgModule } from "@angular/core"
-import { CommonModule } from "@angular/common"
-import { MaterialModule } from "../../../material/material.module"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule],
-	declarations: [ResetSettingsButtonComponent],
-	exports: [ResetSettingsButtonComponent]
-})
-export class ResetSettingsButtonModule {}

package/app/codeCharta/ui/ribbonBar/areaMetricChooser/areaMetricChooser.component.html

@@ -1,10 +0,0 @@
-<i class="fa fa-arrows-alt"></i>
-
-<cc-metric-chooser
-	[selectedMetricName]="areaMetric$ | async"
-	[searchPlaceholder]="'Area Metric (highest value)'"
-	[handleMetricChanged]="handleAreaMetricChanged"
-	title="Change area metric"
->
-	<cc-metric-chooser-value-hovered hoveredInformation [metricFor]="'areaMetric'"></cc-metric-chooser-value-hovered>
-</cc-metric-chooser>

package/app/codeCharta/ui/ribbonBar/areaMetricChooser/areaMetricChooser.component.spec.ts

@@ -1,60 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import { expect } from "@jest/globals"
-import userEvent from "@testing-library/user-event"
-import { AreaMetricChooserComponent } from "./areaMetricChooser.component"
-import { AreaMetricChooserModule } from "./areaMetricChooser.module"
-import { MockStore, provideMockStore } from "@ngrx/store/testing"
-import { metricDataSelector } from "../../../state/selectors/accumulatedData/metricData/metricData.selector"
-import { areaMetricSelector } from "../../../state/store/dynamicSettings/areaMetric/areaMetric.selector"
-import { hoveredNodeSelector } from "../../../state/selectors/hoveredNode.selector"
-import { attributeDescriptorsSelector } from "../../../state/store/fileSettings/attributeDescriptors/attributeDescriptors.selector"
-import { getLastAction } from "../../../util/testUtils/store.utils"
-import { setAreaMetric } from "../../../state/store/dynamicSettings/areaMetric/areaMetric.actions"
-
-describe("areaMetricChooserComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [AreaMetricChooserModule],
-			providers: [
-				provideMockStore({
-					selectors: [
-						{
-							selector: metricDataSelector,
-							value: {
-								nodeMetricData: [
-									{ name: "aMetric", maxValue: 1 },
-									{ name: "bMetric", maxValue: 2 }
-								]
-							}
-						},
-						{ selector: areaMetricSelector, value: "aMetric" },
-						{ selector: hoveredNodeSelector, value: null },
-						{ selector: attributeDescriptorsSelector, value: {} }
-					]
-				})
-			]
-		})
-	})
-
-	it("should be a select for area metric", async () => {
-		const { detectChanges } = await render(AreaMetricChooserComponent, { excludeComponentDeclaration: true })
-
-		await userEvent.click(await screen.findByText("aMetric"))
-		expect(screen.getByPlaceholderText("Area Metric (highest value)")).not.toBe(null)
-		const options = screen.queryAllByRole("option")
-		expect(options[0].textContent).toMatch("aMetric (1)")
-		expect(options[1].textContent).toMatch("bMetric (2)")
-
-		await userEvent.click(options[1])
-
-		const store = TestBed.inject(MockStore)
-		expect(await getLastAction(store)).toEqual(setAreaMetric({ value: "bMetric" }))
-		store.overrideSelector(areaMetricSelector, "bMetric")
-		store.refreshState()
-		detectChanges()
-
-		expect(screen.queryByText("aMetric")).toBe(null)
-		expect(screen.queryByText("bMetric")).not.toBe(null)
-	})
-})

package/app/codeCharta/ui/ribbonBar/areaMetricChooser/areaMetricChooser.component.ts

@@ -1,20 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { CcState } from "../../../codeCharta.model"
-import { setAreaMetric } from "../../../state/store/dynamicSettings/areaMetric/areaMetric.actions"
-import { areaMetricSelector } from "../../../state/store/dynamicSettings/areaMetric/areaMetric.selector"
-
-@Component({
-	selector: "cc-area-metric-chooser",
-	templateUrl: "./areaMetricChooser.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class AreaMetricChooserComponent {
-	areaMetric$ = this.store.select(areaMetricSelector)
-
-	constructor(private store: Store<CcState>) {}
-
-	handleAreaMetricChanged(value: string) {
-		this.store.dispatch(setAreaMetric({ value }))
-	}
-}

package/app/codeCharta/ui/ribbonBar/areaMetricChooser/areaMetricChooser.module.ts

@@ -1,12 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { MetricChooserModule } from "../../metricChooser/metricChooser.module"
-import { MetricChooserValueHoveredModule } from "../../metricChooser/metricChooserValueHovered/metricChooserValueHovered.module"
-import { AreaMetricChooserComponent } from "./areaMetricChooser.component"
-
-@NgModule({
-	imports: [CommonModule, MetricChooserModule, MetricChooserValueHoveredModule],
-	declarations: [AreaMetricChooserComponent],
-	exports: [AreaMetricChooserComponent]
-})
-export class AreaMetricChooserModule {}

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/areaSettingsPanel.component.html

@@ -1,18 +0,0 @@
-<div class="options">
-	<cc-slider
-		title="Amount of space between buildings in percent"
-		label="Margin"
-		[value]="margin$ | async"
-		[onChange]="applyDebouncedMargin"
-		[min]="1"
-		[max]="100"
-	></cc-slider>
-	<mat-checkbox [checked]="enableFloorLabels$ | async" (change)="setEnableFloorLabel($event)">Enable Floor Labels</mat-checkbox>
-	<mat-checkbox [checked]="isInvertedArea$ | async" (change)="toggleInvertingArea($event)">Invert Area</mat-checkbox>
-
-	<cc-reset-settings-button
-		[settingsKeys]="['dynamicSettings.margin', 'appSettings.invertArea', 'appSettings.enableFloorLabels']"
-		tooltip="Reset area metric settings to their defaults"
-		label="Reset area metric settings"
-	></cc-reset-settings-button>
-</div>

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/areaSettingsPanel.component.scss

@@ -1,19 +0,0 @@
-cc-area-settings-panel {
-	text-align: left;
-	max-height: 300px;
-
-	.options {
-		display: flex;
-		flex-direction: column;
-
-		.margin-option {
-			position: relative;
-
-			cc-reset-settings-button {
-				position: absolute;
-				top: -20%;
-				left: 20%;
-			}
-		}
-	}
-}

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/areaSettingsPanel.component.spec.ts

@@ -1,46 +0,0 @@
-import { TestbedHarnessEnvironment } from "@angular/cdk/testing/testbed"
-import { TestBed } from "@angular/core/testing"
-import { MatInputHarness } from "@angular/material/input/testing"
-import { render, screen } from "@testing-library/angular"
-import userEvent from "@testing-library/user-event"
-import { AreaSettingsPanelComponent } from "./areaSettingsPanel.component"
-import { AreaSettingsPanelModule } from "./areaSettingsPanel.module"
-import { State, StoreModule } from "@ngrx/store"
-import { appReducers, setStateMiddleware } from "../../../state/store/state.manager"
-import { CcState } from "../../../codeCharta.model"
-
-describe("AreaSettingsPanelComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [AreaSettingsPanelModule, StoreModule.forRoot(appReducers, { metaReducers: [setStateMiddleware] })]
-		})
-	})
-
-	it("should allow for change and resetting of 'margin', 'enable floor label' and 'invert area'", async () => {
-		const { fixture } = await render(AreaSettingsPanelComponent, { excludeComponentDeclaration: true })
-		const loader = TestbedHarnessEnvironment.loader(fixture)
-		const state = TestBed.inject(State)
-		const initialValues = extractRelatedValues(state.getValue())
-
-		const marginInput = await loader.getHarness(MatInputHarness.with({ ancestor: 'cc-slider[label="Margin"]' }))
-		await marginInput.setValue(String(initialValues.margin + 1))
-		await userEvent.click(await screen.findByText("Enable Floor Labels"))
-		await userEvent.click(await screen.findByText("Invert Area"))
-		const changedValues = extractRelatedValues(state.getValue())
-		expect(changedValues.margin).toBe(initialValues.margin + 1)
-		expect(changedValues.enableFloorLabels).toBe(!initialValues.enableFloorLabels)
-		expect(changedValues.invertArea).toBe(!initialValues.invertArea)
-
-		await userEvent.click(await screen.findByText("Reset area metric settings"))
-		const resetValues = extractRelatedValues(state.getValue())
-		expect(resetValues).toEqual(initialValues)
-	})
-
-	function extractRelatedValues(state: CcState) {
-		return {
-			margin: state.dynamicSettings.margin,
-			enableFloorLabels: state.appSettings.enableFloorLabels,
-			invertArea: state.appSettings.invertArea
-		}
-	}
-})

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/areaSettingsPanel.component.ts

@@ -1,39 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { marginSelector } from "../../../state/store/dynamicSettings/margin/margin.selector"
-import { setMargin } from "../../../state/store/dynamicSettings/margin/margin.actions"
-import { MatCheckboxChange } from "@angular/material/checkbox"
-import { setEnableFloorLabels } from "../../../state/store/appSettings/enableFloorLabels/enableFloorLabels.actions"
-import { enableFloorLabelsSelector } from "../../../state/store/appSettings/enableFloorLabels/enableFloorLabels.selector"
-import { invertAreaSelector } from "../../../state/store/appSettings/invertArea/invertArea.selector"
-import { debounce } from "../../../util/debounce"
-import { setInvertArea } from "../../../state/store/appSettings/invertArea/invertArea.actions"
-import { Store } from "@ngrx/store"
-import { CcState } from "../../../codeCharta.model"
-
-@Component({
-	selector: "cc-area-settings-panel",
-	templateUrl: "./areaSettingsPanel.component.html",
-	styleUrls: ["./areaSettingsPanel.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class AreaSettingsPanelComponent {
-	static DEBOUNCE_TIME = 400
-
-	margin$ = this.store.select(marginSelector)
-	enableFloorLabels$ = this.store.select(enableFloorLabelsSelector)
-	isInvertedArea$ = this.store.select(invertAreaSelector)
-
-	constructor(private store: Store<CcState>) {}
-
-	applyDebouncedMargin = debounce((margin: number) => {
-		this.store.dispatch(setMargin({ value: margin }))
-	}, AreaSettingsPanelComponent.DEBOUNCE_TIME)
-
-	setEnableFloorLabel(event: MatCheckboxChange) {
-		this.store.dispatch(setEnableFloorLabels({ value: event.checked }))
-	}
-
-	toggleInvertingArea(event: MatCheckboxChange) {
-		this.store.dispatch(setInvertArea({ value: event.checked }))
-	}
-}

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/areaSettingsPanel.module.ts

@@ -1,13 +0,0 @@
-import { NgModule } from "@angular/core"
-import { CommonModule } from "@angular/common"
-import { MaterialModule } from "../../../../material/material.module"
-import { AreaSettingsPanelComponent } from "./areaSettingsPanel.component"
-import { SliderModule } from "../../slider/slider.module"
-import { ResetSettingsButtonModule } from "../../resetSettingsButton/resetSettingsButton.module"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule, SliderModule, ResetSettingsButtonModule],
-	declarations: [AreaSettingsPanelComponent],
-	exports: [AreaSettingsPanelComponent]
-})
-export class AreaSettingsPanelModule {}

package/app/codeCharta/ui/ribbonBar/artificialIntelligence/artificialIntelligence.component.html

@@ -1,4 +0,0 @@
-<ng-container *ngIf="data$ | async; let data">
-	<cc-suspicious-metrics [data]="data"></cc-suspicious-metrics>
-	<cc-high-risk-profile [data]="data"></cc-high-risk-profile>
-</ng-container>

package/app/codeCharta/ui/ribbonBar/artificialIntelligence/artificialIntelligence.component.scss

@@ -1,93 +0,0 @@
-cc-artificial-intelligence {
-	display: flex;
-	justify-content: center;
-	gap: 4px;
-
-	.suspicious-metrics-badge {
-		position: absolute;
-		bottom: 10px;
-		padding: 4px 6px;
-		border-radius: 50%;
-		background: red;
-		color: white;
-		font-size: 10px;
-		line-height: 10px;
-	}
-}
-.mat-mdc-menu-panel.mat-mdc-menu-panel.ai-drop-down {
-	padding: 8px 16px;
-	max-width: 33em;
-
-	.title {
-		margin-bottom: 8px;
-		font-weight: bold;
-	}
-
-	.new-section {
-		margin-top: 16px;
-	}
-
-	ul {
-		margin-block: 0;
-		padding-inline: 32px;
-	}
-
-	&.suspicious-metric-panel .suspicious-metric {
-		&:not(:last-child) {
-			margin-bottom: 12px;
-		}
-
-		button {
-			height: 36px;
-			background-color: rgba(230, 230, 230, 0.96);
-			&:hover {
-				background-color: #c8c8c8;
-			}
-		}
-
-		.metric-button {
-			border-radius: 5px;
-			padding: 0 12px;
-		}
-
-		.risk-button {
-			border-radius: 0 5px 5px 0;
-			margin-left: 4px;
-			width: 36px;
-			color: #9c0e6a;
-		}
-	}
-
-	&.high-risk-profile {
-		.suspicious-metrics-summary {
-			padding: 8px 0 16px 0;
-		}
-
-		.risk-profiles {
-			display: flex;
-			.risk-profile {
-				height: 36px;
-				text-align: center;
-				justify-content: center;
-				align-items: center;
-				overflow: hidden;
-			}
-
-			.low-risk {
-				background-color: #5cb34d;
-			}
-
-			.moderate-risk {
-				background-color: #eef432;
-			}
-
-			.high-risk {
-				background-color: #cc2900;
-			}
-
-			.very-high-risk {
-				background-color: #9c0e6a;
-			}
-		}
-	}
-}

package/app/codeCharta/ui/ribbonBar/artificialIntelligence/artificialIntelligence.component.ts

@@ -1,16 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { CcState } from "../../../codeCharta.model"
-import { artificialIntelligenceSelector } from "./selectors/artificialIntelligence.selector"
-
-@Component({
-	selector: "cc-artificial-intelligence",
-	templateUrl: "./artificialIntelligence.component.html",
-	styleUrls: ["./artificialIntelligence.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class ArtificialIntelligenceComponent {
-	data$ = this.store.select(artificialIntelligenceSelector)
-
-	constructor(private store: Store<CcState>) {}
-}

package/app/codeCharta/ui/ribbonBar/artificialIntelligence/artificialIntelligence.module.ts

@@ -1,14 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { MaterialModule } from "../../../../material/material.module"
-import { ArtificialIntelligenceComponent } from "./artificialIntelligence.component"
-import { HighRiskProfileComponent } from "./highRiskProfile/highRiskProfile.component"
-import { RiskProfileBarDirective } from "./highRiskProfile/riskProfileBar.directive"
-import { SuspiciousMetricComponent } from "./suspiciousMetrics/suspiciousMetrics.component"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule],
-	declarations: [ArtificialIntelligenceComponent, HighRiskProfileComponent, SuspiciousMetricComponent, RiskProfileBarDirective],
-	exports: [ArtificialIntelligenceComponent]
-})
-export class ArtificialIntelligenceModule {}

package/app/codeCharta/ui/ribbonBar/artificialIntelligence/highRiskProfile/highRiskProfile.component.html

@@ -1,62 +0,0 @@
-<button [matMenuTriggerFor]="menu" title="Open High Risk Profile" class="cc-ribbon-bar-menu-button">
-	<i class="fa fa-bar-chart"></i>
-</button>
-
-<mat-menu #menu="matMenu" class="ai-drop-down high-risk-profile">
-	<ng-container *ngIf="data.riskProfile !== undefined">
-		<div class="title">
-			<div>Risk Profile</div>
-		</div>
-		<div class="suspicious-metrics-summary">
-			The Risk Profile gives a quick overview about the complexity and risk structure of the code base. It tells you how much of the
-			code is placed in files associated with low/high risk in means of maintainability. The separation of code in risk classes like
-			low or high complexity is based on Java reference metric values and therefore may be inaccurate for other programming languages.
-			More information can be found here:
-			<a href="https://maibornwolff.github.io/codecharta/docs/risk-profile/">link</a> to How-To article.
-		</div>
-		<div class="title">
-			<div>Calculations are always based on mcc (cyclomatic complexity)</div>
-		</div>
-		<div class="suspicious-metrics-summary">
-			<ul>
-				<li>{{ data.riskProfile.lowRisk }}% of overall code is in files with low complexity</li>
-				<li>{{ data.riskProfile.moderateRisk }}% of overall code is in files with moderate complexity</li>
-				<li>{{ data.riskProfile.highRisk }}% of overall code is in files with high complexity</li>
-				<li>{{ data.riskProfile.veryHighRisk }}% of overall code is in files with extreme complexity</li>
-			</ul>
-		</div>
-		<div class="risk-profiles">
-			<div
-				[ccRiskProfileBar]="data.riskProfile.lowRisk"
-				title="Low Risk ({{ data.riskProfile.lowRisk }}% of code)"
-				class="risk-profile low-risk"
-			>
-				{{ data.riskProfile.lowRisk }}%
-			</div>
-			<div
-				[ccRiskProfileBar]="data.riskProfile.moderateRisk"
-				title="Moderate Risk ({{ data.riskProfile.moderateRisk }}% of code)"
-				class="risk-profile moderate-risk"
-			>
-				{{ data.riskProfile.moderateRisk }}%
-			</div>
-			<div
-				[ccRiskProfileBar]="data.riskProfile.highRisk"
-				title="High Risk ({{ data.riskProfile.highRisk }}% of code)"
-				class="risk-profile high-risk"
-			>
-				{{ data.riskProfile.highRisk }}%
-			</div>
-			<div
-				[ccRiskProfileBar]="data.riskProfile.veryHighRisk"
-				title="Very High Risk ({{ data.riskProfile.veryHighRisk }}% of code)"
-				class="risk-profile very-high-risk"
-			>
-				{{ data.riskProfile.veryHighRisk }}%
-			</div>
-		</div>
-	</ng-container>
-	<ng-container *ngIf="data.riskProfile === undefined">
-		Could not calculate Risk Profile. Metrics rloc(Real lines of code) and mcc(Cyclomatic complexity) not available.
-	</ng-container>
-</mat-menu>

package/app/codeCharta/ui/ribbonBar/artificialIntelligence/highRiskProfile/highRiskProfile.component.spec.ts

@@ -1,87 +0,0 @@
-import { render, screen } from "@testing-library/angular"
-import userEvent from "@testing-library/user-event"
-import { ArtificialIntelligenceModule } from "../artificialIntelligence.module"
-import { HighRiskProfileComponent } from "./highRiskProfile.component"
-
-describe("HighRiskProfileComponent", () => {
-	it("should render profile with an analyzed programming properties", async () => {
-		await render(HighRiskProfileComponent, {
-			excludeComponentDeclaration: true,
-			imports: [ArtificialIntelligenceModule],
-			componentProperties: {
-				data: {
-					analyzedProgrammingLanguage: "ts",
-					riskProfile: {
-						lowRisk: 0,
-						moderateRisk: 80,
-						highRisk: 16,
-						veryHighRisk: 4
-					}
-				}
-			}
-		})
-
-		await userEvent.click(screen.getByTitle("Open High Risk Profile"))
-
-		expect(screen.queryByText("Could not calculate Risk Profile. Metrics rloc and mcc not available.")).toBe(null)
-
-		expect(screen.getByText("0% of overall code is in files with low complexity")).toBeTruthy()
-		expect(screen.getByText("80% of overall code is in files with moderate complexity")).toBeTruthy()
-		expect(screen.getByText("16% of overall code is in files with high complexity")).toBeTruthy()
-		expect(screen.getByText("4% of overall code is in files with extreme complexity")).toBeTruthy()
-
-		const lowRiskBar = screen.queryByTitle("Low Risk 0% of code")
-		expect(lowRiskBar).toBe(null)
-		const moderateRiskBar = screen.getByTitle("Moderate Risk (80% of code)")
-		expect(moderateRiskBar.style.width).toBe("80%")
-		expect(moderateRiskBar.style.color).toBe("black")
-		const highRiskBar = screen.getByTitle("High Risk (16% of code)")
-		expect(highRiskBar.style.width).toBe("16%")
-		expect(highRiskBar.style.color).toBe("black")
-		const veryHighRiskBar = screen.getByTitle("Very High Risk (4% of code)")
-		expect(veryHighRiskBar.style.width).toBe("4%")
-		expect(veryHighRiskBar.style.color).toBe("rgba(0, 0, 0, 0)")
-	})
-
-	it("should explain that there couldn't be analyzed a risk profile", async () => {
-		await render(HighRiskProfileComponent, {
-			excludeComponentDeclaration: true,
-			imports: [ArtificialIntelligenceModule],
-			componentProperties: {
-				data: {
-					analyzedProgrammingLanguage: "",
-					riskProfile: undefined
-				}
-			}
-		})
-
-		await userEvent.click(screen.getByTitle("Open High Risk Profile"))
-
-		expect(
-			screen.getByText(
-				"Could not calculate Risk Profile. Metrics rloc(Real lines of code) and mcc(Cyclomatic complexity) not available."
-			)
-		).toBeTruthy()
-	})
-
-	it("should explain that there couldn't be analyzed a risk profile even when analyzedProgrammingLanguage is undefined", async () => {
-		await render(HighRiskProfileComponent, {
-			excludeComponentDeclaration: true,
-			imports: [ArtificialIntelligenceModule],
-			componentProperties: {
-				data: {
-					analyzedProgrammingLanguage: undefined,
-					riskProfile: undefined
-				}
-			}
-		})
-
-		await userEvent.click(screen.getByTitle("Open High Risk Profile"))
-
-		expect(
-			screen.getByText(
-				"Could not calculate Risk Profile. Metrics rloc(Real lines of code) and mcc(Cyclomatic complexity) not available."
-			)
-		).toBeTruthy()
-	})
-})

package/app/codeCharta/ui/ribbonBar/artificialIntelligence/highRiskProfile/highRiskProfile.component.ts

@@ -1,11 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-import { ArtificialIntelligenceData } from "../selectors/artificialIntelligence.selector"
-
-@Component({
-	selector: "cc-high-risk-profile",
-	templateUrl: "./highRiskProfile.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class HighRiskProfileComponent {
-	@Input() data: Pick<ArtificialIntelligenceData, "analyzedProgrammingLanguage" | "riskProfile">
-}

package/app/codeCharta/ui/ribbonBar/artificialIntelligence/highRiskProfile/riskProfileBar.directive.ts

@@ -1,18 +0,0 @@
-import { Directive, ElementRef, Input, OnChanges, SimpleChanges } from "@angular/core"
-
-@Directive({
-	selector: "[ccRiskProfileBar]"
-})
-export class RiskProfileBarDirective implements OnChanges {
-	@Input() ccRiskProfileBar = 0
-
-	constructor(private element: ElementRef) {}
-
-	ngOnChanges(changes: SimpleChanges) {
-		if (changes.ccRiskProfileBar) {
-			this.element.nativeElement.style.display = this.ccRiskProfileBar > 0 ? "flex" : "none"
-			this.element.nativeElement.style.width = `${this.ccRiskProfileBar}%`
-			this.element.nativeElement.style.color = this.ccRiskProfileBar > 5 ? "black" : "rgba(0,0,0,0)"
-		}
-	}
-}