Refactor/2318/migrate download button

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/)
 
 ## [unreleased] (Added 🚀 | Changed | Removed 🗑 | Fixed 🐞 | Chore 👨‍💻 👩‍💻)
 
+### Chore 👨‍💻 👩‍💻
+
+-   Migrate download button to Angular [#2973](https://github.com/MaibornWolff/codecharta/pull/2973)
+
 ## [1.103.3] - 2022-08-10
 
 ### Fixed 🐞

visualization/app/app.module.ts

@@ -58,6 +58,7 @@ import { ActionIconModule } from "./codeCharta/ui/actionIcon/actionIcon.module"
 import { ColorSettingsPanelModule } from "./codeCharta/ui/ribbonBar/colorSettingsPanel/colorSettingsPanel.module"
 import { ScreenshotButtonModule } from "./codeCharta/ui/screenshotButton/screenshotButton.module"
 import { SplitStateActionsEffect } from "./codeCharta/state/effects/splitStateActionsEffect/splitStateActions.effect"
+import { DownloadButtonModule } from "./codeCharta/ui/toolBar/downloadButton/downloadButton.module"
 
 @NgModule({
 	imports: [
@@ -99,7 +100,8 @@ import { SplitStateActionsEffect } from "./codeCharta/state/effects/splitStateAc
 		HoveredNodePathPanelModule,
 		ActionIconModule,
 		ColorSettingsPanelModule,
-		ScreenshotButtonModule
+		ScreenshotButtonModule,
+		DownloadButtonModule
 	],
 	providers: [
 		threeSceneServiceProvider,

visualization/app/codeCharta/ui/dialog/dialog.component.scss

@@ -27,26 +27,6 @@ cc-reset-settings-button {
 	min-width: 50%;
 }
 
-.download-dialog {
-	.dialog-list {
-		margin: 5px 0 5px 0;
-
-		&.md-block {
-			display: block;
-			margin-top: 8px;
-		}
-	}
-
-	.filename-input {
-		width: 80%;
-	}
-
-	.cc-file-extension {
-		color: grey;
-		vertical-align: -webkit-baseline-middle;
-	}
-}
-
 .custom-config-dialog {
 	.warning {
 		color: #ff6161;