@progressio_resources/gravity-design-system 4.1.6 → 4.1.7

package/fesm2022/progressio_resources-gravity-design-system.mjs

@@ -6169,11 +6169,17 @@ class GravityAvatarStackComponent {
         this.stepThreshold = 30;
         this.touchStartIndex = 0;
         this.isTouchActive = false;
+        this.emitDebounceTimer = null;
+    }
+    ngOnDestroy() {
+        if (this.emitDebounceTimer) {
+            clearTimeout(this.emitDebounceTimer);
+        }
     }
     onItemClick(index) {
         if (this.isDragging)
             return;
-        this.selectItem(index);
+        this.selectItem(index, true);
     }
     get isCarousel() {
         return this.size === 'xl';
@@ -6221,7 +6227,7 @@ class GravityAvatarStackComponent {
     getItemLabel(item) {
         return this.config?.label && item?.[this.config.label] ? item[this.config.label] : '';
     }
-    selectItem(index) {
+    selectItem(index, immediateEmit = false) {
         if (!this.items?.length || this.selectionMode === 'none')
             return;
         if (this.selectionMode === 'multiple' && !this.isCarousel) {
@@ -6234,7 +6240,22 @@ class GravityAvatarStackComponent {
             this.selectedIndex = index;
             this.selectedIndexes = [index];
         }
-        this.clickOnIcon.emit(this.selectedItems);
+        this.emitSelectedItems(immediateEmit);
+    }
+    emitSelectedItems(immediateEmit = false) {
+        if (this.emitDebounceTimer) {
+            clearTimeout(this.emitDebounceTimer);
+            this.emitDebounceTimer = null;
+        }
+        if (immediateEmit || !this.isCarousel) {
+            this.clickOnIcon.emit(this.selectedItems);
+        }
+        else {
+            this.emitDebounceTimer = setTimeout(() => {
+                this.clickOnIcon.emit(this.selectedItems);
+                this.emitDebounceTimer = null;
+            }, 1000);
+        }
     }
     selectNext() {
         if (this.items?.length)