chore: update CHANGELOG and bump package version

Author: philenius

CHANGELOG.md

@@ -1,5 +1,12 @@
 # CHANGELOG
 
+## 17.3.0
+
+Pull request: https://github.com/philenius/ngx-annotate-text/pull/29
+
+- Adds the optional input `annotationRendererComponent` that defines which Angular component shall be used for rendering the annotations. By default, it uses the provided `NgxAnnotationRendererComponent`. You can implement your own annotation rendering component to customize the visualization of annotations. The custom component must implement the interface `NgxAnnotationRendererComponentInterface`. This implements feature request https://github.com/philenius/ngx-annotate-text/issues/9.
+- Update dependencies
+
 ## 17.2.0
 
 Pull request: https://github.com/philenius/ngx-annotate-text/pull/22

projects/ngx-annotate-text/package.json

@@ -1,9 +1,9 @@
 {
   "name": "ngx-annotate-text",
-  "version": "17.2.0",
+  "version": "17.3.0",
   "author": "Philipp Perez, (https://philenius.github.io)",
   "license": "MIT",
-  "description": "An Angular component library for interactively highlighting / annotating parts of text.",
+  "description": "This Angular component library is perfect for tasks like visualizing named entity recognition, part of speech tagging, or annotating text datasets. It allows for interactively highlighting and annotating parts of text.",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"
@@ -15,14 +15,23 @@
     "Angular",
     "TypeScript library",
     "Angular component",
+    "Angular component library",
     "annotate",
     "annotation documents",
     "annotation tool",
     "annotate text",
-    "mark entities",
+    "annotate parts of text",
+    "annotate entities",
+    "highlighting",
+    "highlight text",
+    "highlight entities",
+    "highlight words",
+    "named entity recognition",
+    "NER",
+    "part of speech tagging",
+    "pos-tagging",
     "NLP",
-    "entities",
-    "pos-tagging"
+    "entities"
   ],
   "repository": {
     "type": "git",

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

@@ -18,6 +18,8 @@ describe('AnnotationRendererComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(NgxAnnotationRendererComponent);
     component = fixture.componentInstance;
+    component.clickAnnotation = () => {};
+    component.removeAnnotation = () => {};
     fixture.detectChanges();
   });
 
@@ -84,7 +86,6 @@ describe('AnnotationRendererComponent', () => {
   });
 
   it("should call the callback function 'removeAnnotation' when a user clicks on the remove button", async () => {
-    component.removeAnnotation = () => {};
     spyOn(component, 'removeAnnotation');
 
     const annotation = new Annotation(0, 13, 'City', 'rgb(60, 65, 75)');
@@ -102,7 +103,6 @@ describe('AnnotationRendererComponent', () => {
   });
 
   it("should call the callback function 'clickAnnotation' when a user clicks on the annotation's box", async () => {
-    component.clickAnnotation = () => {};
     spyOn(component, 'clickAnnotation');
 
     const annotation = new Annotation(0, 13, 'City', 'rgb(60, 65, 75)');
@@ -119,7 +119,6 @@ describe('AnnotationRendererComponent', () => {
   });
 
   it("should call the callback function 'clickAnnotation' when the user clicks on the annotation's text", async () => {
-    component.clickAnnotation = () => {};
     spyOn(component, 'clickAnnotation');
 
     const annotation = new Annotation(0, 11, 'City', 'rgb(0, 255, 255)');
@@ -136,7 +135,6 @@ describe('AnnotationRendererComponent', () => {
   });
 
   it("should call the callback function 'clickAnnotation' when the user clicks on the annotation's label", async () => {
-    component.clickAnnotation = () => {};
     spyOn(component, 'clickAnnotation');
 
     const annotation = new Annotation(0, 9, 'City', 'rgb(255, 255, 0)');

src/app/my-annotation-renderer/my-annotation-renderer.component.spec.ts

@@ -1,19 +1,20 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { MyAnnotationRendererComponent } from './my-annotation-renderer.component';
+import { Annotation } from '../../../projects/ngx-annotate-text/src/public-api';
 
 describe('MyAnnotationRendererComponent', () => {
   let component: MyAnnotationRendererComponent;
   let fixture: ComponentFixture<MyAnnotationRendererComponent>;
 
   beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [MyAnnotationRendererComponent]
-    })
-    .compileComponents();
-    
+    await TestBed.configureTestingModule({ imports: [MyAnnotationRendererComponent] }).compileComponents();
+
     fixture = TestBed.createComponent(MyAnnotationRendererComponent);
     component = fixture.componentInstance;
+    component.annotation = new Annotation(7, 12, 'noun', 'red');
+    component.clickAnnotation = () => {};
+    component.removeAnnotation = () => {};
     fixture.detectChanges();
   });