From d0c918935afbfb23450b4cef057693a33f916a89 Mon Sep 17 00:00:00 2001
From: mddifilippo89 <mdifilippo@infragistics.com>
Date: Mon, 21 Jul 2025 17:00:34 -0400
Subject: [PATCH] mdd-update-wc-package

mdd-update-wc-package
---
 browser/package.json                                            | 2 +-
 browser/scripts/browser.js                                      | 2 +-
 browser/src/browser-info.json                                   | 2 +-
 samples/charts/category-chart/annotations-all/package.json      | 2 +-
 samples/charts/category-chart/annotations-callouts/package.json | 2 +-
 .../charts/category-chart/annotations-crosshairs/package.json   | 2 +-
 samples/charts/category-chart/annotations-custom/package.json   | 2 +-
 .../charts/category-chart/annotations-final-value/package.json  | 2 +-
 .../charts/category-chart/annotations-highlighting/package.json | 2 +-
 samples/charts/category-chart/axis-gap/package.json             | 2 +-
 samples/charts/category-chart/axis-gridlines/package.json       | 2 +-
 samples/charts/category-chart/axis-inverted/package.json        | 2 +-
 samples/charts/category-chart/axis-labels/package.json          | 2 +-
 samples/charts/category-chart/axis-locations/package.json       | 2 +-
 samples/charts/category-chart/axis-overlap/package.json         | 2 +-
 samples/charts/category-chart/axis-range/package.json           | 2 +-
 samples/charts/category-chart/axis-tickmarks/package.json       | 2 +-
 .../charts/category-chart/chart-highlight-filter/package.json   | 2 +-
 .../category-chart/column-chart-with-tooltips/package.json      | 2 +-
 samples/charts/category-chart/data-aggregations/package.json    | 2 +-
 samples/charts/category-chart/data-filter/package.json          | 2 +-
 .../charts/category-chart/data-tooltip-positioning/package.json | 2 +-
 .../charts/category-chart/highlighting-behavior/package.json    | 2 +-
 samples/charts/category-chart/highlighting-mode/package.json    | 2 +-
 samples/charts/category-chart/marker-options/package.json       | 2 +-
 .../charts/category-chart/selection-multiple-modes/package.json | 2 +-
 samples/charts/category-chart/value-lines/package.json          | 2 +-
 samples/charts/data-chart/axis-label-rotation/package.json      | 2 +-
 .../data-chart/chart-highlight-filter-datasource/package.json   | 2 +-
 .../chart-highlight-filter-multiple-series/package.json         | 2 +-
 samples/charts/data-chart/chart-highlight-filter/package.json   | 2 +-
 samples/charts/data-chart/radial-label-mode/package.json        | 2 +-
 samples/charts/data-chart/transition-event/package.json         | 2 +-
 samples/charts/data-pie-chart/animation-replay/package.json     | 2 +-
 samples/charts/data-pie-chart/animation/package.json            | 2 +-
 samples/charts/data-pie-chart/highlighting/package.json         | 2 +-
 samples/charts/data-pie-chart/others/package.json               | 2 +-
 samples/charts/data-pie-chart/selection/package.json            | 2 +-
 samples/charts/sparkline/markers/package.json                   | 2 +-
 samples/charts/sparkline/normal-range/package.json              | 2 +-
 samples/charts/sparkline/trendlines/package.json                | 2 +-
 samples/charts/sparkline/unknown-values/package.json            | 2 +-
 samples/charts/toolbar/theming/package.json                     | 2 +-
 samples/charts/tree-map/highlighting/package.json               | 2 +-
 samples/charts/tree-map/layout/package.json                     | 2 +-
 45 files changed, 45 insertions(+), 45 deletions(-)

diff --git a/browser/package.json b/browser/package.json
index 725e9ff9..1d1468d9 100644
--- a/browser/package.json
+++ b/browser/package.json
@@ -54,7 +54,7 @@
     "igniteui-angular-spreadsheet": "20.0.0",
     "igniteui-angular-spreadsheet-chart-adapter": "20.0.0",
     "igniteui-theming": "18.1.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "immediate": "3.2.3",
     "intl": "1.2.5",
     "jszip": "3.8.0",
diff --git a/browser/scripts/browser.js b/browser/scripts/browser.js
index ab8f3608..3ee29c69 100644
--- a/browser/scripts/browser.js
+++ b/browser/scripts/browser.js
@@ -1119,7 +1119,7 @@ function updateIG(cb) {
         { version: "20.0.0", name: "igniteui-angular-datasources" },
         { version: "20.0.0", name: "igniteui-angular-dashboards" },
         // these IG packages are sometimes updated:
-        { version: "6.0.0" , name: "igniteui-webcomponents" },
+        { version: "6.1.0" , name: "igniteui-webcomponents" },
         { version: "18.1.0", name: "igniteui-theming" },
         { version: "20.0.0-rc.0", name: "igniteui-angular" },
         { version: "20.0.1", name: "@angular/animations" },
diff --git a/browser/src/browser-info.json b/browser/src/browser-info.json
index 510236ca..c54858b6 100644
--- a/browser/src/browser-info.json
+++ b/browser/src/browser-info.json
@@ -12,5 +12,5 @@
 {"ver":"20.0.0","name":"igniteui-angular-spreadsheet"},
 {"ver":"20.0.0","name":"igniteui-angular-spreadsheet-chart-adapter"},
 {"ver":"18.1.0","name":"igniteui-theming"},
-{"ver":"6.0.0","name":"igniteui-webcomponents"}
+{"ver":"6.1.0","name":"igniteui-webcomponents"}
 ]
\ No newline at end of file
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-pie-chart/animation-replay/package.json b/samples/charts/data-pie-chart/animation-replay/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-pie-chart/animation-replay/package.json
+++ b/samples/charts/data-pie-chart/animation-replay/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index 9cc8092c..d84025e3 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -21,7 +21,7 @@
     "igniteui-angular-core": "20.0.0",
     "igniteui-angular-inputs": "20.0.0",
     "igniteui-angular-layouts": "20.0.0",
-    "igniteui-webcomponents": "6.0.0",
+    "igniteui-webcomponents": "6.1.0",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "rxjs": "7.8.1",