Group delete added.

Author: Saqib92

projects/angular-editor-fabric-js/src/lib/angular-editor-fabric-js.component.ts

@@ -502,10 +502,10 @@ export class FabricjsEditorComponent implements AfterViewInit {
 
 
   removeSelected() {
-    const activeObject = this.canvas.getActiveObject();
-    const activeGroup = this.canvas.getActiveObjects();
+    const activeObject:any = this.canvas.getActiveObject();
+    const activeGroup:any = this.canvas.getActiveObjects();
 
-    if (activeObject) {
+    if (activeObject && !activeObject._objects) {
       this.canvas.remove(activeObject);
       // this.textString = '';
     } else if (activeGroup) {

src/app/app.component.html

@@ -146,7 +146,7 @@ <h4>Github: <a href="https://github.com/saqib92/angular-editor-fabric-js">angula
               <div class="card-header">Options</div>
               <div class="card-body text-center">
                   <div class="btn-group" role="group" aria-label="...">
-                      <button data-toggle="tooltip" data-placement="bottom" title="Delete element" type="button" class="btn btn-outline-danger" [disabled]="!canvas.selected"
+                      <button data-toggle="tooltip" data-placement="bottom" title="Delete element" type="button" class="btn btn-outline-danger" 
                           (click)="removeSelected();">
                           <i class="fa fa-trash" aria-hidden="true"></i>
                       </button>