@progress/kendo-angular-listbox 21.0.0-develop.9 → 21.0.1-develop.1

package/esm2022/selection.service.mjs

@@ -8,17 +8,138 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ListBoxSelectionService {
+    selectedIndices = [];
+    selectionMode = 'single';
+    lastSelectedOrUnselectedIndex = null;
+    rangeSelectionTargetIndex = null;
+    rangeSelectionAnchorIndex = null;
     onSelect = new EventEmitter();
-    selectedIndex = null;
-    select(index) {
-        this.onSelect.next({ index: index, prevIndex: this.selectedIndex });
-        this.selectedIndex = index;
+    select(index, ctrlKey = false, shiftKey = false) {
+        const previousSelection = [...this.selectedIndices];
+        let selectedIndices = [];
+        let deselectedIndices = null;
+        const previousTargetIndex = this.rangeSelectionTargetIndex;
+        if (this.selectionMode === 'single') {
+            if (ctrlKey) {
+                const isSelected = this.isSelected(index);
+                if (isSelected) {
+                    this.selectedIndices = [];
+                    deselectedIndices = [index];
+                }
+                else {
+                    this.selectedIndices = [index];
+                    selectedIndices = [index];
+                    if (previousSelection.length > 0) {
+                        deselectedIndices = previousSelection;
+                    }
+                }
+                this.lastSelectedOrUnselectedIndex = index;
+            }
+            else {
+                this.selectedIndices = [index];
+                selectedIndices = [index];
+                this.lastSelectedOrUnselectedIndex = index;
+                this.rangeSelectionAnchorIndex = index;
+                if (previousSelection.length > 0 && previousSelection[0] !== index) {
+                    deselectedIndices = previousSelection;
+                }
+            }
+        }
+        else if (this.selectionMode === 'multiple') {
+            if (shiftKey) {
+                let anchorIndex = this.rangeSelectionAnchorIndex ?? this.lastSelectedOrUnselectedIndex ?? 0;
+                if (index === anchorIndex) {
+                    this.selectedIndices = [anchorIndex];
+                    this.rangeSelectionTargetIndex = index;
+                    selectedIndices = this.selectedIndices.filter(i => !previousSelection.includes(i));
+                    const nowDeselected = previousSelection.filter(i => !this.selectedIndices.includes(i));
+                    deselectedIndices = nowDeselected.length > 0 ? nowDeselected : null;
+                }
+                else {
+                    if (previousTargetIndex !== null && previousTargetIndex !== anchorIndex) {
+                        const previousDirection = previousTargetIndex > anchorIndex ? 'down' : 'up';
+                        const currentDirection = index > anchorIndex ? 'down' : 'up';
+                        if (previousDirection !== currentDirection) {
+                            this.rangeSelectionAnchorIndex = previousTargetIndex;
+                            anchorIndex = previousTargetIndex;
+                        }
+                    }
+                    const startIndex = Math.min(anchorIndex, index);
+                    const endIndex = Math.max(anchorIndex, index);
+                    this.selectedIndices = [];
+                    for (let i = startIndex; i <= endIndex; i++) {
+                        this.selectedIndices.push(i);
+                    }
+                    this.rangeSelectionTargetIndex = index;
+                    selectedIndices = this.selectedIndices.filter(i => !previousSelection.includes(i));
+                    const nowDeselected = previousSelection.filter(i => !this.selectedIndices.includes(i));
+                    deselectedIndices = nowDeselected.length > 0 ? nowDeselected : null;
+                }
+            }
+            else if (ctrlKey) {
+                const indexInSelection = this.selectedIndices.indexOf(index);
+                if (indexInSelection === -1) {
+                    this.selectedIndices.push(index);
+                    selectedIndices = [index];
+                }
+                else {
+                    this.selectedIndices.splice(indexInSelection, 1);
+                    deselectedIndices = [index];
+                }
+                this.lastSelectedOrUnselectedIndex = index;
+                this.rangeSelectionAnchorIndex = index;
+                this.rangeSelectionTargetIndex = index;
+            }
+            else {
+                this.selectedIndices = [index];
+                selectedIndices = [index];
+                this.lastSelectedOrUnselectedIndex = index;
+                this.rangeSelectionAnchorIndex = index;
+                this.rangeSelectionTargetIndex = index;
+                const nowDeselected = previousSelection.filter(i => i !== index);
+                deselectedIndices = nowDeselected.length > 0 ? nowDeselected : null;
+            }
+        }
+        this.onSelect.next({
+            selectedIndices: selectedIndices.length > 0 ? selectedIndices : null,
+            deselectedIndices
+        });
+    }
+    selectRange(targetIndex) {
+        const anchorIndex = this.lastSelectedOrUnselectedIndex ?? 0;
+        const startIndex = Math.min(anchorIndex, targetIndex);
+        const endIndex = Math.max(anchorIndex, targetIndex);
+        this.selectedIndices = [];
+        for (let i = startIndex; i <= endIndex; i++) {
+            this.selectedIndices.push(i);
+        }
+    }
+    setSelectedIndices(indices) {
+        this.selectedIndices = [...indices];
+    }
+    addToSelectedIndices(index) {
+        if (this.selectionMode === 'single') {
+            this.selectedIndices = [index];
+        }
+        else if (this.selectedIndices.indexOf(index) === -1) {
+            this.selectedIndices = [...this.selectedIndices, index];
+        }
+    }
+    selectAll(totalItems) {
+        if (this.selectionMode === 'multiple') {
+            this.selectedIndices = Array.from({ length: totalItems }, (_, i) => i);
+        }
+    }
+    areAllSelected(totalItems) {
+        return this.selectedIndices.length === totalItems && totalItems > 0;
     }
     isSelected(index) {
-        return index === this.selectedIndex;
+        return this.selectedIndices.indexOf(index) !== -1;
     }
     clearSelection() {
-        this.selectedIndex = null;
+        this.selectedIndices = [];
+        this.lastSelectedOrUnselectedIndex = null;
+        this.rangeSelectionAnchorIndex = null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListBoxSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListBoxSelectionService });