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",