fix(selection): unselect selected elements

Author: nivekcode

projects/ng-sortgrid/src/lib/ngsg-elements.helper.ts

@@ -9,6 +9,6 @@ export class NgsgElementsHelper {
     if (parentElement.matches(selector)) {
       return parentElement;
     }
-    this.findHost(parentElement, selector);
+    return this.findHost(parentElement, selector);
   }
 }

projects/ng-sortgrid/src/lib/ngsg-item.directive.ts

@@ -24,12 +24,11 @@ const selector = '[ngSortgridItem]';
 
 @Directive({selector})
 export class NgsgItemDirective implements OnInit, AfterViewInit, OnDestroy {
-  @Input() private ngSortGridGroup: string = this.DEFAULT_GROUP;
+  @Input() private ngSortGridGroup = 'defaultGroup';
   @Input() ngSortGridItems;
 
   @Output() sorted = new EventEmitter<any>();
 
-  private DEFAULT_GROUP = 'defaultGroup';
   private selected = false;
   private destroy$ = new Subject();
 

projects/ng-sortgrid/src/lib/ngsg-store.service.ts

@@ -1,5 +1,5 @@
-import { Injectable } from '@angular/core';
-import { NgsgDragelement } from './ngsg-dragelement.model';
+import {Injectable} from '@angular/core';
+import {NgsgDragelement} from './ngsg-dragelement.model';
 
 // TODO add interfaces for classes
 export interface NgsgState {
@@ -15,15 +15,17 @@ export class NgsgStoreService {
   private state = new Map<string, NgsgState>();
 
   public initState(group: string, items: any[] = [], classes: any): void {
-    this.state.set(group, { items: [...items], classes, selectedItems: [] });
+    this.state.set(group, {items: [...items], classes, selectedItems: []});
   }
 
   public addSelectedItem(group: string, dragElement: NgsgDragelement): void {
     this.state.get(group).selectedItems.push(dragElement);
   }
 
   public removeSelectedItem(group: string, item: Element): void {
-    this.state.get(group).selectedItems.filter((dragElement: NgsgDragelement) => dragElement.node !== item);
+    const updatedItems = this.state.get(group).selectedItems
+      .filter((dragElement: NgsgDragelement) => dragElement.node !== item);
+    this.setSelectedItems(group, updatedItems);
   }
 
   public setItems(group: string, items: any): void {
@@ -38,6 +40,10 @@ export class NgsgStoreService {
     return this.state.get(group).selectedItems;
   }
 
+  public setSelectedItems(group: string, selectedItems: any[]): void {
+    this.state.get(group).selectedItems = [...selectedItems];
+  }
+
   public getFirstSelectItem(group: string): NgsgDragelement {
     return this.state.get(group).selectedItems[0];
   }
@@ -47,7 +53,7 @@ export class NgsgStoreService {
   }
 
   public resetSelectedItems(group: string): void {
-    this.state.get(group).selectedItems = [];
+    this.setSelectedItems(group, []);
   }
 
   public getClasses(group: string): any[] {