drugstone-prefix to avioud prefixing css

src/app/components/toast/toast.component.html

 <div class="toast-holder">
-    <div *ngFor="let toast of toasts | keyvalue" id="{{toastIdPrefix + toast.key}}">
-        <div class="toast {{toast.value.type}}" [class.fade-in]="isSeen(toast.key)">
+    <div *ngFor="let toast of toasts | keyvalue">
+        <div class="toast {{toast.value.type}}">
             <a (click)="close(toast.key)" aria-label="close" class="close">
                 <span class="icon" title="Close analysis">
-                <i class="fas fa-times" aria-hidden="true"></i>
+                    <i class="fas fa-times" aria-hidden="true"></i>
                 </span>
             </a>
             <p>{{toast.value.message}}</p>

src/app/components/toast/toast.component.scss

@@ -16,19 +16,19 @@
   box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1),
     0 0 0 1px hsla(0, 0%, 4%, 0.02);
   margin: 0 auto;
-  &.danger {
+  &.drugstone-prefix-danger {
     color: var(--drgstn-text-secondary);
     background-color: var(--drgstn-danger);
   }
-  &.success {
+  &.drugstone-prefix-success {
     color: var(--drgstn-text-secondary) !important;
     background-color: var(--drgstn-success);
   }
-  &.warning {
+  &.drugstone-prefix-warning {
     color: var(--drgstn-text-secondary);
     background-color: var(--drgstn-warning);
   }
-  &.info {
+  &.drugstone-prefix-info {
     color: var(--drgstn-text-secondary);
     background-color: var(--drgstn-info);
   }

src/app/components/toast/toast.component.ts

@@ -10,7 +10,6 @@ import { ToastService } from 'src/app/services/toast/toast.service';
 export class ToastComponent implements OnInit {
 
   public toasts: LiveToasts = {};
-  public seen: any = new Set();
 
   public toastIdPrefix = 'drugstone-toast-id-';
 
@@ -22,19 +21,8 @@ export class ToastComponent implements OnInit {
     })
   }
 
-  public isSeen(id) {
-    console.log(this.seen.has(id))
-    if (this.seen.has(id)) {
-      return true
-    } else {
-      this.seen.add(id);
-      return false
-    }
-  }
-
   public close(id: number) {
     this.toast.deleteToast(id);
-    document.getElementById(`${this.toastIdPrefix}` + id).remove();
   }
   
 }

src/app/services/analysis/analysis.service.ts

@@ -2,7 +2,6 @@ import {Wrapper, Task, getWrapperFromNode, Node, Dataset, Tissue} from '../../in
 import {Subject} from 'rxjs';
 import {HttpClient} from '@angular/common/http';
 import {environment} from '../../../environments/environment';
-import {toast} from 'bulma-toast';
 import {Injectable} from '@angular/core';
 import {NetexControllerService} from '../netex-controller/netex-controller.service';
 import {DrugstoneConfigService} from "../drugstone-config/drugstone-config.service";