feat: change components to be standalone

Author: philenius

projects/ngx-annotate-text/src/lib/components/annotation-renderer/annotation-renderer.component.spec.ts

@@ -12,10 +12,8 @@ describe('AnnotationRendererComponent', () => {
   const getAnnotationParentElement = (): HTMLElement => fixture.nativeElement.querySelector('button.annotation-parent');
 
   beforeEach(async () => {
-    await TestBed.configureTestingModule({ declarations: [NgxAnnotationRendererComponent] }).compileComponents();
-  });
+    await TestBed.configureTestingModule({ imports: [NgxAnnotationRendererComponent] }).compileComponents();
 
-  beforeEach(() => {
     fixture = TestBed.createComponent(NgxAnnotationRendererComponent);
     component = fixture.componentInstance;
     component.clickAnnotation = jasmine.createSpy('clickAnnotation');

projects/ngx-annotate-text/src/lib/components/annotation-renderer/annotation-renderer.components.ts

@@ -7,6 +7,7 @@ import { NgxAnnotationRendererComponentInterface } from '../../models/annotation
   selector: 'ngx-annotation-renderer',
   templateUrl: './annotation-renderer.component.html',
   styleUrls: ['./annotation-renderer.component.css'],
+  standalone: true,
 })
 export class NgxAnnotationRendererComponent implements NgxAnnotationRendererComponentInterface {
   @Input({ required: true }) annotation!: Annotation;

projects/ngx-annotate-text/src/lib/components/ngx-annotate-text/ngx-annotate-text.component.spec.ts

@@ -1,4 +1,3 @@
- 
 import { SimpleChange } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Annotation } from '../../models/annotation.model';
@@ -12,7 +11,9 @@ describe('NgxAnnotateTextComponent', () => {
   let fixture: ComponentFixture<NgxAnnotateTextComponent>;
 
   beforeEach(async () => {
-    await TestBed.configureTestingModule({ declarations: [NgxAnnotateTextComponent, NgxAnnotationRendererComponent] });
+    await TestBed.configureTestingModule({
+      imports: [NgxAnnotateTextComponent, NgxAnnotationRendererComponent],
+    }).compileComponents();
 
     fixture = TestBed.createComponent(NgxAnnotateTextComponent);
     component = fixture.componentInstance;

projects/ngx-annotate-text/src/lib/components/ngx-annotate-text/ngx-annotate-text.component.ts

@@ -14,12 +14,15 @@ import { ISelection } from '../../models/selection.model';
 import { TokenizerService } from '../../services/tokenizer.service';
 import { NgxAnnotationRendererComponent } from '../annotation-renderer/annotation-renderer.components';
 import { NgxAnnotationRendererComponentInterface } from '../../models/annotation-renderer-component.model';
+import { NgComponentOutlet } from '@angular/common';
 
 @Component({
   // eslint-disable-next-line @angular-eslint/component-selector
   selector: 'ngx-annotate-text',
   templateUrl: './ngx-annotate-text.component.html',
   styleUrls: ['./ngx-annotate-text.component.css'],
+  imports: [NgComponentOutlet],
+  standalone: true,
 })
 export class NgxAnnotateTextComponent implements OnInit, OnChanges {
   /** Represents the parts of the given text which shall be annotated. */

projects/ngx-annotate-text/src/lib/ngx-annotate-text.module.ts

@@ -4,8 +4,8 @@ import { NgxAnnotationRendererComponent } from './components/annotation-renderer
 import { NgxAnnotateTextComponent } from './components/ngx-annotate-text/ngx-annotate-text.component';
 
 @NgModule({
-  declarations: [NgxAnnotationRendererComponent, NgxAnnotateTextComponent],
-  imports: [CommonModule, NgComponentOutlet],
-  exports: [NgxAnnotateTextComponent, NgxAnnotationRendererComponent],
+  declarations: [],
+  imports: [CommonModule, NgComponentOutlet, NgxAnnotationRendererComponent, NgxAnnotateTextComponent],
+  exports: [NgxAnnotationRendererComponent, NgxAnnotateTextComponent],
 })
 export class NgxAnnotateTextModule {}