angular: remove module.ts files of the diagrams

Author: tom-wegener

packages/angular/README.md

@@ -43,9 +43,8 @@ The required styles should be imported from `@carbon/charts-angular/dist/styles.
 
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
 
-This package uses IBM Telemetry to collect de-identified and anonymized metrics
-data. By installing this package as a dependency you are agreeing to telemetry
-collection. To opt out, see
+This package uses IBM Telemetry to collect de-identified and anonymized metrics data. By installing
+this package as a dependency you are agreeing to telemetry collection. To opt out, see
 [Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
 
 For more information on the data being collected, please see the

packages/angular/src/index.ts

@@ -40,19 +40,15 @@ export {
 	CardNodeLabelComponent,
 	CardNodeSubtitleComponent,
 	CardNodeTitleComponent,
-	CardNodeModule, // <-- Module
 	EdgeComponent,
-	EdgeModule, // <-- Module
 	MarkerArrowLeftComponent,
 	MarkerArrowRightComponent,
 	MarkerComponent,
 	MarkerDiamondComponent,
-	MarkerModule, // <-- Module
 	MarkerShapeNodeComponent,
 	MarkerSquareComponent,
 	MarkerTeeComponent,
-	ShapeNodeComponent,
-	ShapeNodeModule // <-- Module
+	ShapeNodeComponent
 } from './lib'
 
 // Republish essential types from core so it's not a required dependency

packages/angular/src/lib/diagrams/edges/edge.module.ts

@@ -5,19 +5,15 @@ export {
 	MarkerShapeNodeComponent,
 	MarkerDiamondComponent,
 	MarkerSquareComponent,
-	MarkerTeeComponent,
-	MarkerModule
-} from './edges/marker/marker.module'
+	MarkerTeeComponent
+} from './edges/marker/marker.component'
 
-export { EdgeComponent, EdgeModule } from './edges/edge.module'
+export { EdgeComponent } from './edges/edge.component'
 
-export {
-	CardNodeComponent,
-	CardNodeColumnComponent,
-	CardNodeLabelComponent,
-	CardNodeSubtitleComponent,
-	CardNodeTitleComponent,
-	CardNodeModule
-} from './nodes/cards/card-node.module'
+export { CardNodeComponent } from './nodes/cards/card-node.component'
+export { CardNodeColumnComponent } from './nodes/cards/card-node-column.component'
+export { CardNodeLabelComponent } from './nodes/cards/card-node-label.component'
+export { CardNodeTitleComponent } from './nodes/cards/card-node-title.component'
+export { CardNodeSubtitleComponent } from './nodes/cards/card-node-subtitle.component'
 
-export { ShapeNodeComponent, ShapeNodeModule } from './nodes/shape/shape-node.module'
+export { ShapeNodeComponent } from './nodes/shape/shape-node.component'

packages/angular/src/lib/diagrams/index.ts

@@ -34,17 +34,13 @@ export {
 	CardNodeLabelComponent,
 	CardNodeSubtitleComponent,
 	CardNodeTitleComponent,
-	CardNodeModule,
 	EdgeComponent,
-	EdgeModule,
 	MarkerArrowLeftComponent,
 	MarkerArrowRightComponent,
 	MarkerComponent,
 	MarkerDiamondComponent,
-	MarkerModule,
 	MarkerShapeNodeComponent,
 	MarkerSquareComponent,
 	MarkerTeeComponent,
-	ShapeNodeComponent,
-	ShapeNodeModule
+	ShapeNodeComponent
 } from './diagrams'

packages/angular/src/lib/diagrams/nodes/cards/card-node.module.ts

@@ -37,9 +37,8 @@ The required styles should be imported from `@carbon/charts/dist/styles.css`.
 
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
 
-This package uses IBM Telemetry to collect de-identified and anonymized metrics
-data. By installing this package as a dependency you are agreeing to telemetry
-collection. To opt out, see
+This package uses IBM Telemetry to collect de-identified and anonymized metrics data. By installing
+this package as a dependency you are agreeing to telemetry collection. To opt out, see
 [Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
 For more information on the data being collected, please see the
 [IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

packages/angular/src/lib/diagrams/nodes/shape/shape-node.module.ts

@@ -39,9 +39,10 @@ export class Highlight extends Component {
 		})
 
 		// Grab container SVG
-		const svg = this.getComponentContainer({ 
+		const svg = this.getComponentContainer({
 			ariaLabel: 'highlight areas',
-			withinChartClip: true })
+			withinChartClip: true
+		})
 
 		// Update data on all axis highlight groups
 		const highlightAxisGroups = svg

packages/angular/src/lib/index.ts

@@ -36,7 +36,10 @@ export class GroupedBar extends Bar {
 		this.setGroupScale()
 
 		// Grab container SVG
-		const svg = this.getComponentContainer({ ariaLabel: 'grouped bar graphs', withinChartClip: true })
+		const svg = this.getComponentContainer({
+			ariaLabel: 'grouped bar graphs',
+			withinChartClip: true
+		})
 
 		const allDataLabels = uniq(
 			displayData.map((datum: any) => {

packages/core/README.md

@@ -21,7 +21,10 @@ export class StackedBar extends Bar {
 
 	render(animate: boolean) {
 		// Grab container SVG
-		const svg = this.getComponentContainer({ ariaLabel: 'stacked bar graphs', withinChartClip: true })
+		const svg = this.getComponentContainer({
+			ariaLabel: 'stacked bar graphs',
+			withinChartClip: true
+		})
 
 		// Chart options mixed with the internal configurations
 		const options = this.getOptions()

packages/core/src/components/essentials/highlights.ts

@@ -82,7 +82,9 @@ export class Gauge extends Component {
 	render(animate = true) {
 		const svg = this.getComponentContainer({
 			ariaLabel: 'gauge graph'
-		}).attr('width', '100%').attr('height', '100%')
+		})
+			.attr('width', '100%')
+			.attr('height', '100%')
 		const options = this.getOptions()
 
 		const value = this.getValue()

packages/core/src/components/graphs/bar-grouped.ts

@@ -61,7 +61,7 @@ export class Treemap extends Component {
 
 	render(animate = true) {
 		const svg = this.getComponentContainer({
-			ariaLabel: 'treemap',
+			ariaLabel: 'treemap'
 		})
 
 		this.model.getData()

packages/core/src/components/graphs/bar-stacked.ts

@@ -23,7 +23,9 @@ export class WordCloud extends Component {
 		const self = this
 		const svg = this.getComponentContainer({
 			ariaLabel: 'word cloud'
-		}).attr('width', '100%').attr('height', '100%')
+		})
+			.attr('width', '100%')
+			.attr('height', '100%')
 
 		const displayData = this.model.getDisplayData()
 		const fontSizeScale = this.getFontSizeScale(displayData)

packages/core/src/components/graphs/gauge.ts

@@ -131,7 +131,9 @@ export class LayoutComponent extends Component {
 
 					// if parent is missing aria-label, set it to the title of the parent
 					if (isRenderingSVG && !selection.select('svg.layout-svg-wrapper').attr('aria-label')) {
-						selection.select('svg.layout-svg-wrapper').attr('aria-label', options?.accessibility?.svgAriaLabel || options?.title)
+						selection
+							.select('svg.layout-svg-wrapper')
+							.attr('aria-label', options?.accessibility?.svgAriaLabel || options?.title)
 					}
 
 					// Render preffered & fixed items

packages/core/src/components/graphs/treemap.ts

@@ -37,9 +37,8 @@ The required styles should be imported from `@carbon/charts-react/dist/styles.cs
 
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
 
-This package uses IBM Telemetry to collect de-identified and anonymized metrics
-data. By installing this package as a dependency you are agreeing to telemetry
-collection. To opt out, see
+This package uses IBM Telemetry to collect de-identified and anonymized metrics data. By installing
+this package as a dependency you are agreeing to telemetry collection. To opt out, see
 [Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
 For more information on the data being collected, please see the
 [IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

packages/core/src/components/graphs/wordcloud.ts

@@ -262,9 +262,8 @@ let chart: ChartProps['chart'] = null
 
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
 
-This package uses IBM Telemetry to collect de-identified and anonymized metrics
-data. By installing this package as a dependency you are agreeing to telemetry
-collection. To opt out, see
+This package uses IBM Telemetry to collect de-identified and anonymized metrics data. By installing
+this package as a dependency you are agreeing to telemetry collection. To opt out, see
 [Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
 For more information on the data being collected, please see the
 [IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

packages/core/src/components/layout/layout.ts

@@ -43,9 +43,8 @@ The required styles should be imported from `@carbon/charts-vue/styles.css`.
 
 ## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
 
-This package uses IBM Telemetry to collect de-identified and anonymized metrics
-data. By installing this package as a dependency you are agreeing to telemetry
-collection. To opt out, see
+This package uses IBM Telemetry to collect de-identified and anonymized metrics data. By installing
+this package as a dependency you are agreeing to telemetry collection. To opt out, see
 [Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
 For more information on the data being collected, please see the
 [IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).