diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 36b6147bb8..39fe37ffcc 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -994,6 +994,8 @@ function updateIG(cb) {
         { name: "webpack", version: "^5.74.0"  },
         { name: "webpack-cli", version: "^4.10.0"  },
         { name: "webpack-dev-server", version: "^4.11.1"  },
+        { name: "lit", version: "^3.2.0"  },
+        { name: "lit-html", version: "^3.2.0"  },
     ];
 
     var packagePaths = [
diff --git a/package-lock.json b/package-lock.json
index 2d2bfaabd4..022b045d5b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,8 +33,8 @@
         "igniteui-webcomponents-maps": "5.0.0-beta.3",
         "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
         "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.0-beta.3",
-        "lit": "^2.0.2",
-        "lit-html": "^2.0.0"
+        "lit": "^3.2.0",
+        "lit-html": "^3.2.0"
       },
       "devDependencies": {
         "@babel/cli": "^7.8.3",
@@ -2012,53 +2012,17 @@
         "tslib": "^2.0.3"
       }
     },
-    "node_modules/@lit-labs/virtualizer/node_modules/@lit/reactive-element": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.0.3.tgz",
-      "integrity": "sha512-e067EuTNNgOHm1tZcc0Ia7TCzD/9ZpoPegHKgesrGK6pSDRGkGDAQbYuQclqLPIoJ9eC8Kb9mYtGryWcM5AywA==",
-      "dependencies": {
-        "@lit-labs/ssr-dom-shim": "^1.1.2"
-      }
-    },
-    "node_modules/@lit-labs/virtualizer/node_modules/lit": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/lit/-/lit-3.1.1.tgz",
-      "integrity": "sha512-hF1y4K58+Gqrz+aAPS0DNBwPqPrg6P04DuWK52eMkt/SM9Qe9keWLcFgRcEKOLuDlRZlDsDbNL37Vr7ew1VCuw==",
-      "dependencies": {
-        "@lit/reactive-element": "^2.0.0",
-        "lit-element": "^4.0.0",
-        "lit-html": "^3.1.0"
-      }
-    },
-    "node_modules/@lit-labs/virtualizer/node_modules/lit-element": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.0.3.tgz",
-      "integrity": "sha512-2vhidmC7gGLfnVx41P8UZpzyS0Fb8wYhS5RCm16cMW3oERO0Khd3EsKwtRpOnttuByI5rURjT2dfoA7NlInCNw==",
-      "dependencies": {
-        "@lit-labs/ssr-dom-shim": "^1.1.2",
-        "@lit/reactive-element": "^2.0.0",
-        "lit-html": "^3.1.0"
-      }
-    },
-    "node_modules/@lit-labs/virtualizer/node_modules/lit-html": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.1.1.tgz",
-      "integrity": "sha512-x/EwfGk2D/f4odSFM40hcGumzqoKv0/SUh6fBO+1Ragez81APrcAMPo1jIrCDd9Sn+Z4CT867HWKViByvkDZUA==",
-      "dependencies": {
-        "@types/trusted-types": "^2.0.2"
-      }
-    },
     "node_modules/@lit-labs/virtualizer/node_modules/tslib": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/@lit/reactive-element": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.6.3.tgz",
-      "integrity": "sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.0.4.tgz",
+      "integrity": "sha512-GFn91inaUa2oHLak8awSIigYz0cU0Payr1rcFsrkf5OJ5eSPxElyZfKh0f2p9FsTiZWXQdWGJeXZICEfXXYSXQ==",
       "dependencies": {
-        "@lit-labs/ssr-dom-shim": "^1.0.0"
+        "@lit-labs/ssr-dom-shim": "^1.2.0"
       }
     },
     "node_modules/@material/animation": {
@@ -10081,13 +10045,13 @@
       "dev": true
     },
     "node_modules/lit": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/lit/-/lit-2.8.0.tgz",
-      "integrity": "sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-3.2.0.tgz",
+      "integrity": "sha512-s6tI33Lf6VpDu7u4YqsSX78D28bYQulM+VAzsGch4fx2H0eLZnJsUBsPWmGYSGoKDNbjtRv02rio1o+UdPVwvw==",
       "dependencies": {
-        "@lit/reactive-element": "^1.6.0",
-        "lit-element": "^3.3.0",
-        "lit-html": "^2.8.0"
+        "@lit/reactive-element": "^2.0.4",
+        "lit-element": "^4.1.0",
+        "lit-html": "^3.2.0"
       }
     },
     "node_modules/lit-element": {
@@ -10104,21 +10068,21 @@
       "integrity": "sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA=="
     },
     "node_modules/lit-html": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.8.0.tgz",
-      "integrity": "sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.2.0.tgz",
+      "integrity": "sha512-pwT/HwoxqI9FggTrYVarkBKFN9MlTUpLrDHubTmW4SrkL3kkqW5gxwbxMMUnbbRHBC0WTZnYHcjDSCM559VyfA==",
       "dependencies": {
         "@types/trusted-types": "^2.0.2"
       }
     },
     "node_modules/lit/node_modules/lit-element": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.3.3.tgz",
-      "integrity": "sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.1.0.tgz",
+      "integrity": "sha512-gSejRUQJuMQjV2Z59KAS/D4iElUhwKpIyJvZ9w+DIagIQjfJnhR20h2Q5ddpzXGS+fF0tMZ/xEYGMnKmaI/iww==",
       "dependencies": {
-        "@lit-labs/ssr-dom-shim": "^1.1.0",
-        "@lit/reactive-element": "^1.3.0",
-        "lit-html": "^2.8.0"
+        "@lit-labs/ssr-dom-shim": "^1.2.0",
+        "@lit/reactive-element": "^2.0.4",
+        "lit-html": "^3.2.0"
       }
     },
     "node_modules/load-json-file": {
diff --git a/package.json b/package.json
index 0534f0ce41..0fb7395ce9 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,6 @@
   "description": "Samples for Ignite UI Web Components",
   "version": "23.1.712",
   "author": "Infragistics",
-  "bundleDependencies": [],
   "deprecated": false,
   "directories": {
     "test": "tests"
@@ -54,8 +53,8 @@
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.0-beta.3",
-    "lit": "^2.0.2",
-    "lit-html": "^2.0.0"
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.3",
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index e14a1b6537..19976e35bd 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/column-chart-with-highlighting/package.json b/samples/charts/category-chart/column-chart-with-highlighting/package.json
index e07aeda18a..6c08e4ede1 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 555f2fccdc..9b2f4ab05d 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index 86b88e4490..44a1cdabe7 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index e07aeda18a..6c08e4ede1 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/line-chart-with-animations/package.json b/samples/charts/category-chart/line-chart-with-animations/package.json
index 2d144168e8..ba980ab42c 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/line-chart-with-annotations/package.json b/samples/charts/category-chart/line-chart-with-annotations/package.json
index e14a1b6537..19976e35bd 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index 3915330931..b37dc607fb 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 01554540ab..6bd11387a9 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index ad82187667..711bb6984b 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index ad82187667..711bb6984b 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index a59981da30..f0a5149286 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index c8cbee9425..ec4472702b 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index ed0ac00609..99ff42934c 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index ed0ac00609..99ff42934c 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index f115b5ab97..ac2897f95a 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index 17e55cff0a..1a4cc24101 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index 970eb5fee1..e9e3375d69 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index 3e6f9e2707..cd73a3f842 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 52a1ab2a17..ffad47bd19 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index e326018817..8fdde0ad42 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index a03827b126..34428aaacd 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 90a31d0822..7c3fe1a61a 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 52a1ab2a17..ffad47bd19 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 8c8275cd78..ba867efd8f 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index b92b0ff08f..1931edb8a0 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index 5179b5e8c1..d1dead8b04 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -28,7 +28,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 5179b5e8c1..d1dead8b04 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -28,7 +28,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index 5179b5e8c1..d1dead8b04 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -28,7 +28,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index 5179b5e8c1..d1dead8b04 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -28,7 +28,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index 5179b5e8c1..d1dead8b04 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -28,7 +28,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/final-value-layer-styling/package.json b/samples/charts/data-chart/final-value-layer-styling/package.json
index 41d87d8461..ecda4ba802 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index 5179b5e8c1..d1dead8b04 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -28,7 +28,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index 4cf952bc04..69d3eeb553 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index 9563aa09fe..265e3d4b8e 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index dfc973df0e..2bff07c3c7 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-animations/package.json b/samples/charts/data-chart/series-animations/package.json
index eb999ec79c..8e198cb09d 100644
--- a/samples/charts/data-chart/series-animations/package.json
+++ b/samples/charts/data-chart/series-animations/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 1f4c03445a..c21fc89ca0 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-error-bars/package.json b/samples/charts/data-chart/series-error-bars/package.json
index ee2d808443..234ffac8c0 100644
--- a/samples/charts/data-chart/series-error-bars/package.json
+++ b/samples/charts/data-chart/series-error-bars/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index b179afa685..ad7fb45d5f 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index 120bb2d1ff..e50da7518e 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 3ba8620a74..fdb27fa9cf 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 7a5f9d2312..a4704d362d 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index 3ebe5e04b6..a619ba5f17 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index a86d87fe2c..3ec65bfaf6 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index 9483152947..083bb79dc7 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index 7566f101f3..d712f2135b 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-financial-candlestick-series/package.json b/samples/charts/data-chart/type-financial-candlestick-series/package.json
index fa12c20372..46ddaf70d9 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-financial-indicator-column/package.json b/samples/charts/data-chart/type-financial-indicator-column/package.json
index 27195f4f64..fed8a85294 100644
--- a/samples/charts/data-chart/type-financial-indicator-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-column/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-financial-indicator-line/package.json b/samples/charts/data-chart/type-financial-indicator-line/package.json
index 102ae30984..e7b077b365 100644
--- a/samples/charts/data-chart/type-financial-indicator-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-line/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-financial-ohlc-series/package.json b/samples/charts/data-chart/type-financial-ohlc-series/package.json
index 7438c24af6..46064d1e8c 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index 307455c6cf..ff460af3fe 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index 2c3b6b7640..6a4c56d869 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-range-area-series/package.json b/samples/charts/data-chart/type-range-area-series/package.json
index 27a6ff92f8..19b6a7b457 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-range-column-series/package.json b/samples/charts/data-chart/type-range-column-series/package.json
index 2229c42175..c284ebfd59 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 8d295e2215..94c43cc439 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-scatter-area-series/package.json b/samples/charts/data-chart/type-scatter-area-series/package.json
index 5927caf7fe..ce1b188e25 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-scatter-bubble-series/package.json b/samples/charts/data-chart/type-scatter-bubble-series/package.json
index bb1232550b..c58d59e27f 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-scatter-contour-series/package.json b/samples/charts/data-chart/type-scatter-contour-series/package.json
index 5544df642e..0b29880446 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-scatter-hd-series/package.json b/samples/charts/data-chart/type-scatter-hd-series/package.json
index 275eef65f8..3b36a4fa5f 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-scatter-polygon-series/package.json b/samples/charts/data-chart/type-scatter-polygon-series/package.json
index 60260799a0..d6d6508c0e 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-scatter-polyline-series/package.json b/samples/charts/data-chart/type-scatter-polyline-series/package.json
index 2843a4179b..66eaa0dcaf 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 88cf44e02d..42f46bfa93 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index 7f6ae6fbc6..2f1f7f5083 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index b59ffbb88c..d5bc33ff39 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index 7a91e74d45..678a73049c 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index 28c55c9e88..4362e82890 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index fe370094a5..5e0fb75243 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index b7f39e43b0..2401da3e56 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 3653d8fa25..e1db46b72e 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index eac74d04cd..dee4c80a49 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index 6c140e3ee1..5b764bca5a 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index 618f34bf3b..3a4f880742 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index 609ab7a101..f33d2a7dbb 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 030e37ebee..da1e5b63b1 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index 0cc95023db..83bf1f504b 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index fdae21aad1..31f77a912e 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 6385378b68..91ad9c6c19 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index 0e770352d2..de7d91b371 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index edfdad3490..06a900f0ee 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index aa3cad3529..aaf6143be4 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index 2244294439..05fab99e8c 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index e9852c1820..f2123757b4 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index 55b005f00d..a901b52aea 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index 654f75b016..aaf9e59779 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index 29384e3c1a..ead7506075 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index 6476066c12..7851b84697 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index 565a102500..3785767c14 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index 56da89086b..bf6288c787 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index aa1152dccd..88c0482888 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index 26cda0bc87..6a6f6c9796 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/overview/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index d2dbffe465..8b59a50bdf 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.0-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.0-beta.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index f7ea1c284b..72721c4747 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.0-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.0-beta.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index 6fb30c2da7..effee7f112 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.0-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.0-beta.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index 3793317cdf..01c5a4294d 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.0-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.0-beta.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index 9f362ba726..104df39f81 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -23,10 +23,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.0-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.0-beta.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index 0addafd604..5f581c5130 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index fc1edc461b..79706666e1 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -27,7 +27,7 @@
     "file-saver": "^1.3.8",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index c2defc6d67..147fdf7412 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -27,7 +27,7 @@
     "file-saver": "^1.3.8",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index 84ba86b7eb..7e2c6b1552 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -27,7 +27,7 @@
     "file-saver": "^1.3.8",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index 005f15f073..1f6ad29891 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index beb9dc93fd..05a53d8111 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index 5181e30ef5..2f9f868ca1 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index 5552f7c1f4..7ea0a39e82 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index 863937cea4..a287a448f5 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index c851c27971..a538809c6a 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index 96f5948165..33cfa1659c 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index 34bd8d9d36..5645431ab1 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index 07a488958a..5253ee4683 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index c1f310201e..9c365df19e 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 0d86d92d1c..bb06976351 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index 192b67029f..1065a551ba 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index b59acc238c..54d555a115 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index 7d322d18d8..7242c9508e 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 928a548a50..aa589060a1 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-excel": "5.0.0-beta.3",
     "igniteui-webcomponents-spreadsheet": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index e82777e690..1497a76d8b 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 4416911f44..580073485b 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index 98696da5ce..2f3bfcac72 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index 81b05783f4..1cf32285f2 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 3c15fb3846..43e7351e39 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index c6749b914f..7ccbc1bdc5 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index d38acbf449..0dd77d264d 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index 52e35d0ab1..71f25a2c2e 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index 958e34d844..38490cd8ca 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index 905e946dd0..e5b3b681b6 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index c6fa00a5a0..847735f494 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index efd0c10158..93754abc7a 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index dd618563bf..8e38b96c4a 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index d84fe43dc6..cc3a9b8e8e 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index e3bb4aee60..48e586a97d 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index f3b376dedf..0cbe35dd22 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index ea2dc9d6cf..89370f68b5 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 41a39fee97..2d7fd4b448 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index 234b09c893..fe30db3c4c 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index 59b39600a3..dd1d1c396f 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index f9e8d8f8b8..f272192ada 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index 5537c6072e..e56fa675d8 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index f957715922..b0c442730e 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index 7f2d6c4e3f..20370db221 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index 6add33ce2f..17405f409a 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index b59097a24d..17798e1bf3 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index 5b37674e7b..6b8329f556 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index 0c915ac836..f5147b7272 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index e6c9a6e509..6930b0715b 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index 996690533d..3a15a4b82d 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 152f4b7805..d8080f62f3 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 390f879c98..7978db840f 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index e8acfb52ef..93fe8259a8 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 390f879c98..7978db840f 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index 21da34b56a..e25405c6b0 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index d91deffc0f..9fdfe394ec 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index e619f6ff17..5ecd42bf92 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index 0fb31107ea..5f53d8e422 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index 85706f4980..d275f67212 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index 208c46908a..c41bde8aa8 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index f62af7366b..875c7701f7 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index a8735d4660..49c33db8a3 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index 80b7e5a999..e2a155aa46 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index 95ba18d5db..52f6ceb41a 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index 191e9a453a..52f29715ac 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index 06eda7306d..72d92607ab 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index 989ac3034d..168a43907e 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index 600f152406..4c1c5a8550 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index af712dcd81..a470763635 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -34,7 +34,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index 60b5f3476f..a1333a7a82 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index b297619c4a..6384208fb6 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index b3872d08a7..c5c0d52443 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index 7dabd4e94a..eb6b292ac7 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-editing/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 070b280cee..62563417ea 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index 765081b3c1..fdb47592b4 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 3121bd139a..53cc165b42 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index be81d7f4b1..76dd87dba3 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index 63f95954a3..a3484cade9 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index c516ac84ab..dc2fd94c27 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index 71c6c56d68..086838cc31 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index 66ff66ea86..ddae54de6c 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index a88ac5adc3..966c68448c 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index 80754d7838..6e3115c0a4 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index 8079a3225c..418e7b0156 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -29,7 +29,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index 77580f4c07..c993390408 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index a8737d2fda..76bd7b0cf5 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index 75c5868d82..7ed29a80ae 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index 7fe3d3d612..785e22966b 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index 6de758eca5..ecae383021 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index 0463ae5012..e38dea038e 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 79a63b767e..0134a520a1 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index 54677b7980..5aba7b73c1 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index 8d3e930859..2fdfe803f8 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 31b3b9db8e..9eeda0f017 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index 83744134d2..8ea1d3de3d 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index 487784fa16..2f27a2cb5b 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index 487784fa16..2f27a2cb5b 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index d3eae138d6..821d807a3c 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index 00a74417c2..bfab13aa99 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index 4da0384f18..6d21d762e0 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index 765081b3c1..fdb47592b4 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index 1ce30665e3..e82b8dac11 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 9dfe6bf694..4852bc9af4 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index 31d4aa3ca6..c122f58d81 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index 0903d3d8b0..4112d5a278 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index 09723a50de..d115c616d4 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/data-grid/type-table/package.json b/samples/grids/data-grid/type-table/package.json
index 6c4ce5f413..a163879820 100644
--- a/samples/grids/data-grid/type-table/package.json
+++ b/samples/grids/data-grid/type-table/package.json
@@ -27,7 +27,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 608e499cca..5203a288a8 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -27,11 +27,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0-beta.2",
-    "igniteui-webcomponents-grids": "5.0.0-beta.2",
-    "igniteui-webcomponents-inputs": "5.0.0-beta.2",
-    "igniteui-webcomponents-layouts": "5.0.0-beta.2",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-grids": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/grid/custom-filtering/package.json
+++ b/samples/grids/grid/custom-filtering/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/grid/data-exporting-indicator/package.json
+++ b/samples/grids/grid/data-exporting-indicator/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/grid/data-paste-options/package.json
+++ b/samples/grids/grid/data-paste-options/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/grid/data-summaries-custom/package.json
+++ b/samples/grids/grid/data-summaries-custom/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index 8dd1d372f2..0bc34a5c8e 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index 965f632009..e3838c4938 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "rxjs": "7.8.1",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/keyboard-navigation-guide/package.json b/samples/grids/grid/keyboard-navigation-guide/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/grid/keyboard-navigation-guide/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index 5d338e1d79..73d83603a6 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "4.8.0",
-    "igniteui-webcomponents-grids": "4.8.0",
-    "igniteui-webcomponents-inputs": "4.8.0",
-    "igniteui-webcomponents-layouts": "4.8.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-grids": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/grid/toolbar-sample-4/package.json b/samples/grids/grid/toolbar-sample-4/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/grid/toolbar-sample-4/package.json
+++ b/samples/grids/grid/toolbar-sample-4/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/remote-paging-sample/package.json b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
index 5d338e1d79..73d83603a6 100644
--- a/samples/grids/hierarchical-grid/remote-paging-sample/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "4.8.0",
-    "igniteui-webcomponents-grids": "4.8.0",
-    "igniteui-webcomponents-inputs": "4.8.0",
-    "igniteui-webcomponents-layouts": "4.8.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-grids": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index ebfb36e521..5203a288a8 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -26,12 +26,12 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "4.11.1",
-    "igniteui-webcomponents-core": "4.8.1",
-    "igniteui-webcomponents-grids": "4.8.1",
-    "igniteui-webcomponents-inputs": "4.8.1",
-    "igniteui-webcomponents-layouts": "4.8.1",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-grids": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index ebfb36e521..5203a288a8 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -26,12 +26,12 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "4.11.1",
-    "igniteui-webcomponents-core": "4.8.1",
-    "igniteui-webcomponents-grids": "4.8.1",
-    "igniteui-webcomponents-inputs": "4.8.1",
-    "igniteui-webcomponents-layouts": "4.8.1",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-grids": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 06525ad9a0..ae33417820 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -25,8 +25,8 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/list/list-item-content/package.json b/samples/grids/list/list-item-content/package.json
index 94b8346cd9..2def0e3748 100644
--- a/samples/grids/list/list-item-content/package.json
+++ b/samples/grids/list/list-item-content/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/list/overview/package.json b/samples/grids/list/overview/package.json
index 8a4d14e6bb..caf7dd4fed 100644
--- a/samples/grids/list/overview/package.json
+++ b/samples/grids/list/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/list/styling/package.json b/samples/grids/list/styling/package.json
index 53a2cf6d0a..73a81991a3 100644
--- a/samples/grids/list/styling/package.json
+++ b/samples/grids/list/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/pivot-grid/basic/package.json b/samples/grids/pivot-grid/basic/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/pivot-grid/basic/package.json
+++ b/samples/grids/pivot-grid/basic/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json
index 47707397e5..26a21dfcdb 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/package.json
+++ b/samples/grids/pivot-grid/data-persistence-noop/package.json
@@ -26,12 +26,12 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0-rc.1",
-    "igniteui-webcomponents-core": "5.0.0-beta.0",
-    "igniteui-webcomponents-grids": "5.0.0-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.0-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.0-beta.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-grids": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index d6c8261cba..f4994e217d 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/pivot-grid/remote/package.json b/samples/grids/pivot-grid/remote/package.json
index d6c8261cba..f4994e217d 100644
--- a/samples/grids/pivot-grid/remote/package.json
+++ b/samples/grids/pivot-grid/remote/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index ebfb36e521..5203a288a8 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -26,12 +26,12 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "4.11.1",
-    "igniteui-webcomponents-core": "4.8.1",
-    "igniteui-webcomponents-grids": "4.8.1",
-    "igniteui-webcomponents-inputs": "4.8.1",
-    "igniteui-webcomponents-layouts": "4.8.1",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-grids": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index c45d59e146..5203a288a8 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -26,12 +26,12 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0-rc.1",
-    "igniteui-webcomponents-core": "5.0.0-beta.0",
-    "igniteui-webcomponents-grids": "5.0.0-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.0-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.0-beta.0",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.0-beta.3",
+    "igniteui-webcomponents-grids": "5.0.0-beta.3",
+    "igniteui-webcomponents-inputs": "5.0.0-beta.3",
+    "igniteui-webcomponents-layouts": "5.0.0-beta.3",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/custom-filtering/package.json
+++ b/samples/grids/tree-grid/custom-filtering/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/data-summaries-custom/package.json
+++ b/samples/grids/tree-grid/data-summaries-custom/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json
index 8dd1d372f2..0bc34a5c8e 100644
--- a/samples/grids/tree-grid/finjs/package.json
+++ b/samples/grids/tree-grid/finjs/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/load-on-demand/package.json
+++ b/samples/grids/tree-grid/load-on-demand/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/multi-cell-selection-mode/package.json b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 87d8241b8e..5203a288a8 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -31,7 +31,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index 038574ab52..73d83603a6 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -30,7 +30,7 @@
     "igniteui-webcomponents-grids": "5.0.0-beta.3",
     "igniteui-webcomponents-inputs": "5.0.0-beta.3",
     "igniteui-webcomponents-layouts": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree/basic-example/package.json b/samples/grids/tree/basic-example/package.json
index 483b6ace9e..4c0db4c1f0 100644
--- a/samples/grids/tree/basic-example/package.json
+++ b/samples/grids/tree/basic-example/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.1.1",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree/load-on-demand-virtualized/package.json b/samples/grids/tree/load-on-demand-virtualized/package.json
index b21a234051..b777fef150 100644
--- a/samples/grids/tree/load-on-demand-virtualized/package.json
+++ b/samples/grids/tree/load-on-demand-virtualized/package.json
@@ -26,8 +26,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.1.1",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/grids/tree/load-on-demand/package.json b/samples/grids/tree/load-on-demand/package.json
index 7a0a4b55af..4cb7c1bbc1 100644
--- a/samples/grids/tree/load-on-demand/package.json
+++ b/samples/grids/tree/load-on-demand/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.1.1",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json
index a8e2fcd56e..5ddc3b2f0c 100644
--- a/samples/inputs/badge/outlined/package.json
+++ b/samples/inputs/badge/outlined/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/badge/shape/package.json b/samples/inputs/badge/shape/package.json
index b67e77eae7..6dea48ae5d 100644
--- a/samples/inputs/badge/shape/package.json
+++ b/samples/inputs/badge/shape/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/badge/variants/package.json b/samples/inputs/badge/variants/package.json
index 826ba803a0..f6fb9e31b0 100644
--- a/samples/inputs/badge/variants/package.json
+++ b/samples/inputs/badge/variants/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button-group/alignment/package.json b/samples/inputs/button-group/alignment/package.json
index b03799598a..b060fb467f 100644
--- a/samples/inputs/button-group/alignment/package.json
+++ b/samples/inputs/button-group/alignment/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button-group/overview/package.json b/samples/inputs/button-group/overview/package.json
index b943af0e1f..9b88cb1263 100644
--- a/samples/inputs/button-group/overview/package.json
+++ b/samples/inputs/button-group/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button-group/selection/package.json b/samples/inputs/button-group/selection/package.json
index c9d7596845..35405b401c 100644
--- a/samples/inputs/button-group/selection/package.json
+++ b/samples/inputs/button-group/selection/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button-group/size/package.json b/samples/inputs/button-group/size/package.json
index 6b0fcae027..b1de656c1c 100644
--- a/samples/inputs/button-group/size/package.json
+++ b/samples/inputs/button-group/size/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button-group/styling/package.json b/samples/inputs/button-group/styling/package.json
index ff06f4bec7..306c0dfe69 100644
--- a/samples/inputs/button-group/styling/package.json
+++ b/samples/inputs/button-group/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button/contained/package.json b/samples/inputs/button/contained/package.json
index e0bf2b1334..7971f98af7 100644
--- a/samples/inputs/button/contained/package.json
+++ b/samples/inputs/button/contained/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button/download/package.json b/samples/inputs/button/download/package.json
index 987180854c..51d2dec6c6 100644
--- a/samples/inputs/button/download/package.json
+++ b/samples/inputs/button/download/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button/fab/package.json b/samples/inputs/button/fab/package.json
index b6d455b171..b4a64e4ca2 100644
--- a/samples/inputs/button/fab/package.json
+++ b/samples/inputs/button/fab/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button/flat/package.json b/samples/inputs/button/flat/package.json
index 636fba0e31..f6938a57c2 100644
--- a/samples/inputs/button/flat/package.json
+++ b/samples/inputs/button/flat/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button/outlined/package.json b/samples/inputs/button/outlined/package.json
index aa6ad5e5cc..2dd38c69d8 100644
--- a/samples/inputs/button/outlined/package.json
+++ b/samples/inputs/button/outlined/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button/overview/package.json b/samples/inputs/button/overview/package.json
index b1bd10fdd2..3303df20e6 100644
--- a/samples/inputs/button/overview/package.json
+++ b/samples/inputs/button/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button/size/package.json b/samples/inputs/button/size/package.json
index 6bf26d0ff9..9167797c99 100644
--- a/samples/inputs/button/size/package.json
+++ b/samples/inputs/button/size/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/button/styling/package.json b/samples/inputs/button/styling/package.json
index f2195cefe0..10e4ae091c 100644
--- a/samples/inputs/button/styling/package.json
+++ b/samples/inputs/button/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/checkbox/checking/package.json b/samples/inputs/checkbox/checking/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/inputs/checkbox/checking/package.json
+++ b/samples/inputs/checkbox/checking/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/checkbox/disabled/package.json b/samples/inputs/checkbox/disabled/package.json
index 84c65a7aa5..35191b9a46 100644
--- a/samples/inputs/checkbox/disabled/package.json
+++ b/samples/inputs/checkbox/disabled/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/checkbox/indeterminate/package.json b/samples/inputs/checkbox/indeterminate/package.json
index fedbefc094..f4269f5c38 100644
--- a/samples/inputs/checkbox/indeterminate/package.json
+++ b/samples/inputs/checkbox/indeterminate/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/checkbox/label/package.json b/samples/inputs/checkbox/label/package.json
index 533377131b..2862116ccd 100644
--- a/samples/inputs/checkbox/label/package.json
+++ b/samples/inputs/checkbox/label/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/checkbox/overview/package.json b/samples/inputs/checkbox/overview/package.json
index ff8bfcd952..c35a4cfe8e 100644
--- a/samples/inputs/checkbox/overview/package.json
+++ b/samples/inputs/checkbox/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/chip/multiple/package.json b/samples/inputs/chip/multiple/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/inputs/chip/multiple/package.json
+++ b/samples/inputs/chip/multiple/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/chip/overview/package.json b/samples/inputs/chip/overview/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/inputs/chip/overview/package.json
+++ b/samples/inputs/chip/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/chip/size/package.json b/samples/inputs/chip/size/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/inputs/chip/size/package.json
+++ b/samples/inputs/chip/size/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/chip/styling/package.json b/samples/inputs/chip/styling/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/inputs/chip/styling/package.json
+++ b/samples/inputs/chip/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/chip/variants/package.json b/samples/inputs/chip/variants/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/inputs/chip/variants/package.json
+++ b/samples/inputs/chip/variants/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/circular-progress-indicator/dynamic/package.json b/samples/inputs/circular-progress-indicator/dynamic/package.json
index 6af8335abb..5c76eec6bb 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/package.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/circular-progress-indicator/indeterminate/package.json b/samples/inputs/circular-progress-indicator/indeterminate/package.json
index 88730f6532..0c9cd2820d 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/package.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/circular-progress-indicator/simple/package.json b/samples/inputs/circular-progress-indicator/simple/package.json
index 3d33a81ff3..e78260f6fc 100644
--- a/samples/inputs/circular-progress-indicator/simple/package.json
+++ b/samples/inputs/circular-progress-indicator/simple/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/circular-progress-indicator/styling/package.json b/samples/inputs/circular-progress-indicator/styling/package.json
index f98c868d65..ef3f17b709 100644
--- a/samples/inputs/circular-progress-indicator/styling/package.json
+++ b/samples/inputs/circular-progress-indicator/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/combo/features/package.json b/samples/inputs/combo/features/package.json
index 87d06f0bb6..0a3cb77b59 100644
--- a/samples/inputs/combo/features/package.json
+++ b/samples/inputs/combo/features/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/combo/overview/package.json b/samples/inputs/combo/overview/package.json
index 2de4cf84b0..7998a15ee4 100644
--- a/samples/inputs/combo/overview/package.json
+++ b/samples/inputs/combo/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/combo/selection/package.json b/samples/inputs/combo/selection/package.json
index 2ad292b5a1..d976a76275 100644
--- a/samples/inputs/combo/selection/package.json
+++ b/samples/inputs/combo/selection/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/combo/simplified/package.json b/samples/inputs/combo/simplified/package.json
index f512a03ac1..d21f420acc 100644
--- a/samples/inputs/combo/simplified/package.json
+++ b/samples/inputs/combo/simplified/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/combo/styling/package.json b/samples/inputs/combo/styling/package.json
index 7df3161b8a..468b715cf5 100644
--- a/samples/inputs/combo/styling/package.json
+++ b/samples/inputs/combo/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/combo/templates/package.json b/samples/inputs/combo/templates/package.json
index 95808a010b..51c68ac18d 100644
--- a/samples/inputs/combo/templates/package.json
+++ b/samples/inputs/combo/templates/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/date-time-input/input-format-display-format/package.json b/samples/inputs/date-time-input/input-format-display-format/package.json
index 467afb7813..e9fa0c39d2 100644
--- a/samples/inputs/date-time-input/input-format-display-format/package.json
+++ b/samples/inputs/date-time-input/input-format-display-format/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/date-time-input/min-max-value/package.json b/samples/inputs/date-time-input/min-max-value/package.json
index 2de440ca2d..4608411c5a 100644
--- a/samples/inputs/date-time-input/min-max-value/package.json
+++ b/samples/inputs/date-time-input/min-max-value/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/date-time-input/overview/package.json b/samples/inputs/date-time-input/overview/package.json
index 400282098d..f0c3b3fc59 100644
--- a/samples/inputs/date-time-input/overview/package.json
+++ b/samples/inputs/date-time-input/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/date-time-input/step-up-down/package.json b/samples/inputs/date-time-input/step-up-down/package.json
index 570deac7a0..9178a9397b 100644
--- a/samples/inputs/date-time-input/step-up-down/package.json
+++ b/samples/inputs/date-time-input/step-up-down/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/dropdown/group/package.json b/samples/inputs/dropdown/group/package.json
index db8189d96e..eda366efc2 100644
--- a/samples/inputs/dropdown/group/package.json
+++ b/samples/inputs/dropdown/group/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/dropdown/header/package.json b/samples/inputs/dropdown/header/package.json
index 6afcb59575..25c7f0bea0 100644
--- a/samples/inputs/dropdown/header/package.json
+++ b/samples/inputs/dropdown/header/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/dropdown/item/package.json b/samples/inputs/dropdown/item/package.json
index ddb9c17fcc..16a3ff1923 100644
--- a/samples/inputs/dropdown/item/package.json
+++ b/samples/inputs/dropdown/item/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/dropdown/overview/package.json b/samples/inputs/dropdown/overview/package.json
index 7fd166dbd5..3e201fdd73 100644
--- a/samples/inputs/dropdown/overview/package.json
+++ b/samples/inputs/dropdown/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/dropdown/position/package.json b/samples/inputs/dropdown/position/package.json
index fc875be151..0e6feef8e8 100644
--- a/samples/inputs/dropdown/position/package.json
+++ b/samples/inputs/dropdown/position/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/dropdown/styling/package.json b/samples/inputs/dropdown/styling/package.json
index 34c26eccd2..bcd75272c7 100644
--- a/samples/inputs/dropdown/styling/package.json
+++ b/samples/inputs/dropdown/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/dropdown/target/package.json b/samples/inputs/dropdown/target/package.json
index f04c8f101d..f217cf1920 100644
--- a/samples/inputs/dropdown/target/package.json
+++ b/samples/inputs/dropdown/target/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json
index e0bf2b1334..7971f98af7 100644
--- a/samples/inputs/icon-button/size/package.json
+++ b/samples/inputs/icon-button/size/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/icon-button/styling/package.json b/samples/inputs/icon-button/styling/package.json
index e0bf2b1334..7971f98af7 100644
--- a/samples/inputs/icon-button/styling/package.json
+++ b/samples/inputs/icon-button/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/icon-button/variant/package.json b/samples/inputs/icon-button/variant/package.json
index e0bf2b1334..7971f98af7 100644
--- a/samples/inputs/icon-button/variant/package.json
+++ b/samples/inputs/icon-button/variant/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/input/helper-text/package.json b/samples/inputs/input/helper-text/package.json
index 356962b010..bec71e0512 100644
--- a/samples/inputs/input/helper-text/package.json
+++ b/samples/inputs/input/helper-text/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/input/overview/package.json b/samples/inputs/input/overview/package.json
index 4a5d0d8a07..dda7535a77 100644
--- a/samples/inputs/input/overview/package.json
+++ b/samples/inputs/input/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/input/prefix-suffix/package.json b/samples/inputs/input/prefix-suffix/package.json
index a82fc18610..3a8842227a 100644
--- a/samples/inputs/input/prefix-suffix/package.json
+++ b/samples/inputs/input/prefix-suffix/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/input/size/package.json b/samples/inputs/input/size/package.json
index 6de5a1ee63..4ddf07bb44 100644
--- a/samples/inputs/input/size/package.json
+++ b/samples/inputs/input/size/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/input/styling/package.json b/samples/inputs/input/styling/package.json
index 0c65f5ccb3..caeea56ebd 100644
--- a/samples/inputs/input/styling/package.json
+++ b/samples/inputs/input/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/linear-progress-indicator/dynamic/package.json b/samples/inputs/linear-progress-indicator/dynamic/package.json
index 6af8335abb..5c76eec6bb 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/package.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/linear-progress-indicator/simple/package.json b/samples/inputs/linear-progress-indicator/simple/package.json
index 0353c2407b..f1e0071d07 100644
--- a/samples/inputs/linear-progress-indicator/simple/package.json
+++ b/samples/inputs/linear-progress-indicator/simple/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/linear-progress-indicator/striped/package.json b/samples/inputs/linear-progress-indicator/striped/package.json
index dc99357665..c8398a9ebd 100644
--- a/samples/inputs/linear-progress-indicator/striped/package.json
+++ b/samples/inputs/linear-progress-indicator/striped/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/linear-progress-indicator/styling/package.json b/samples/inputs/linear-progress-indicator/styling/package.json
index a2b970075c..9c153934fc 100644
--- a/samples/inputs/linear-progress-indicator/styling/package.json
+++ b/samples/inputs/linear-progress-indicator/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/linear-progress-indicator/types/package.json b/samples/inputs/linear-progress-indicator/types/package.json
index 7f62c1f962..5c25e2b166 100644
--- a/samples/inputs/linear-progress-indicator/types/package.json
+++ b/samples/inputs/linear-progress-indicator/types/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/mask-input/applying-mask/package.json b/samples/inputs/mask-input/applying-mask/package.json
index 63aca7dc9c..0db555fa7a 100644
--- a/samples/inputs/mask-input/applying-mask/package.json
+++ b/samples/inputs/mask-input/applying-mask/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/mask-input/overview/package.json b/samples/inputs/mask-input/overview/package.json
index 08fdcf902d..790804b01b 100644
--- a/samples/inputs/mask-input/overview/package.json
+++ b/samples/inputs/mask-input/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/mask-input/value-modes/package.json b/samples/inputs/mask-input/value-modes/package.json
index 25aade9b85..c808170d54 100644
--- a/samples/inputs/mask-input/value-modes/package.json
+++ b/samples/inputs/mask-input/value-modes/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/radio/alignment/package.json b/samples/inputs/radio/alignment/package.json
index 3a3a69870f..8db4043b4b 100644
--- a/samples/inputs/radio/alignment/package.json
+++ b/samples/inputs/radio/alignment/package.json
@@ -26,8 +26,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/radio/disabled/package.json b/samples/inputs/radio/disabled/package.json
index a0a2b1d2ac..f1dba73686 100644
--- a/samples/inputs/radio/disabled/package.json
+++ b/samples/inputs/radio/disabled/package.json
@@ -26,8 +26,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/radio/group/package.json b/samples/inputs/radio/group/package.json
index 46f7ab396e..d15497bc5c 100644
--- a/samples/inputs/radio/group/package.json
+++ b/samples/inputs/radio/group/package.json
@@ -26,8 +26,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/radio/invalid/package.json b/samples/inputs/radio/invalid/package.json
index f8e183abd4..2465b1e2ec 100644
--- a/samples/inputs/radio/invalid/package.json
+++ b/samples/inputs/radio/invalid/package.json
@@ -26,8 +26,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/radio/label/package.json b/samples/inputs/radio/label/package.json
index d6ad7510a1..2f06e76ee5 100644
--- a/samples/inputs/radio/label/package.json
+++ b/samples/inputs/radio/label/package.json
@@ -26,8 +26,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/radio/styling/package.json b/samples/inputs/radio/styling/package.json
index ce3684fc6d..80e2812ae9 100644
--- a/samples/inputs/radio/styling/package.json
+++ b/samples/inputs/radio/styling/package.json
@@ -26,8 +26,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/rating/basic/package.json b/samples/inputs/rating/basic/package.json
index a8e2fcd56e..5ddc3b2f0c 100644
--- a/samples/inputs/rating/basic/package.json
+++ b/samples/inputs/rating/basic/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/rating/custom/package.json b/samples/inputs/rating/custom/package.json
index 3df6d7cf52..a92c142d36 100644
--- a/samples/inputs/rating/custom/package.json
+++ b/samples/inputs/rating/custom/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/rating/empty/package.json b/samples/inputs/rating/empty/package.json
index 3fb5945796..dfc4512d50 100644
--- a/samples/inputs/rating/empty/package.json
+++ b/samples/inputs/rating/empty/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/rating/single-selection/package.json b/samples/inputs/rating/single-selection/package.json
index 8d4181a970..cac304b96d 100644
--- a/samples/inputs/rating/single-selection/package.json
+++ b/samples/inputs/rating/single-selection/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/rating/styling/package.json b/samples/inputs/rating/styling/package.json
index a8e2fcd56e..5ddc3b2f0c 100644
--- a/samples/inputs/rating/styling/package.json
+++ b/samples/inputs/rating/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/ripple/button/package.json b/samples/inputs/ripple/button/package.json
index 89c33ba453..3a4ebd36dc 100644
--- a/samples/inputs/ripple/button/package.json
+++ b/samples/inputs/ripple/button/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/ripple/color/package.json b/samples/inputs/ripple/color/package.json
index 5267476edf..db75e1b472 100644
--- a/samples/inputs/ripple/color/package.json
+++ b/samples/inputs/ripple/color/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/select/group/package.json b/samples/inputs/select/group/package.json
index 1fe3e5a14f..d56146a911 100644
--- a/samples/inputs/select/group/package.json
+++ b/samples/inputs/select/group/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/select/header/package.json b/samples/inputs/select/header/package.json
index 020f615189..a8fe3758de 100644
--- a/samples/inputs/select/header/package.json
+++ b/samples/inputs/select/header/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/select/item/package.json b/samples/inputs/select/item/package.json
index fa824b5725..0da14a7747 100644
--- a/samples/inputs/select/item/package.json
+++ b/samples/inputs/select/item/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/select/overview/package.json b/samples/inputs/select/overview/package.json
index 4c127a89c0..f9a7372a83 100644
--- a/samples/inputs/select/overview/package.json
+++ b/samples/inputs/select/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/select/styling/package.json b/samples/inputs/select/styling/package.json
index 22bc18755d..1b11e6785e 100644
--- a/samples/inputs/select/styling/package.json
+++ b/samples/inputs/select/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/constraints/package.json b/samples/inputs/slider/constraints/package.json
index 1ec3db0a38..3a3c6065ad 100644
--- a/samples/inputs/slider/constraints/package.json
+++ b/samples/inputs/slider/constraints/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/disabled/package.json b/samples/inputs/slider/disabled/package.json
index 8e2fed5841..1d8077650a 100644
--- a/samples/inputs/slider/disabled/package.json
+++ b/samples/inputs/slider/disabled/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/discrete/package.json b/samples/inputs/slider/discrete/package.json
index 8f33145392..ff5733185c 100644
--- a/samples/inputs/slider/discrete/package.json
+++ b/samples/inputs/slider/discrete/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/labels/package.json b/samples/inputs/slider/labels/package.json
index e2a583cddd..d2f1e79f21 100644
--- a/samples/inputs/slider/labels/package.json
+++ b/samples/inputs/slider/labels/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/overview/package.json b/samples/inputs/slider/overview/package.json
index 512f71888e..7a1b723c11 100644
--- a/samples/inputs/slider/overview/package.json
+++ b/samples/inputs/slider/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/styling/package.json b/samples/inputs/slider/styling/package.json
index e3f809f1b4..c37912f8e8 100644
--- a/samples/inputs/slider/styling/package.json
+++ b/samples/inputs/slider/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/tick-labels/package.json b/samples/inputs/slider/tick-labels/package.json
index d27877accb..78f739b051 100644
--- a/samples/inputs/slider/tick-labels/package.json
+++ b/samples/inputs/slider/tick-labels/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/ticks/package.json b/samples/inputs/slider/ticks/package.json
index 5bb1a1165e..d5cea5db38 100644
--- a/samples/inputs/slider/ticks/package.json
+++ b/samples/inputs/slider/ticks/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/value-format/package.json b/samples/inputs/slider/value-format/package.json
index 720b71dd9b..93dc8d00a7 100644
--- a/samples/inputs/slider/value-format/package.json
+++ b/samples/inputs/slider/value-format/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/slider/value/package.json b/samples/inputs/slider/value/package.json
index 1a539347f1..123665940e 100644
--- a/samples/inputs/slider/value/package.json
+++ b/samples/inputs/slider/value/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/switches/checking/package.json b/samples/inputs/switches/checking/package.json
index 9bbdb5a505..8f45704b77 100644
--- a/samples/inputs/switches/checking/package.json
+++ b/samples/inputs/switches/checking/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/switches/disabled/package.json b/samples/inputs/switches/disabled/package.json
index bab914d303..b9ddf0f663 100644
--- a/samples/inputs/switches/disabled/package.json
+++ b/samples/inputs/switches/disabled/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/switches/label/package.json b/samples/inputs/switches/label/package.json
index af83d283fa..78574b5512 100644
--- a/samples/inputs/switches/label/package.json
+++ b/samples/inputs/switches/label/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/switches/overview/package.json b/samples/inputs/switches/overview/package.json
index f7dea25f98..a7b6d21b99 100644
--- a/samples/inputs/switches/overview/package.json
+++ b/samples/inputs/switches/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/inputs/textarea/form-integration/package.json b/samples/inputs/textarea/form-integration/package.json
index 304cda8726..d198ed3777 100644
--- a/samples/inputs/textarea/form-integration/package.json
+++ b/samples/inputs/textarea/form-integration/package.json
@@ -24,8 +24,8 @@
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-        "lit": "^2.0.2",
-        "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
diff --git a/samples/inputs/textarea/overview/package.json b/samples/inputs/textarea/overview/package.json
index 6e4f88bcc0..80924183fa 100644
--- a/samples/inputs/textarea/overview/package.json
+++ b/samples/inputs/textarea/overview/package.json
@@ -24,8 +24,8 @@
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-        "lit": "^2.0.2",
-        "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
diff --git a/samples/inputs/textarea/resize/package.json b/samples/inputs/textarea/resize/package.json
index 55d4287013..c8f06fd0ef 100644
--- a/samples/inputs/textarea/resize/package.json
+++ b/samples/inputs/textarea/resize/package.json
@@ -24,8 +24,8 @@
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-        "lit": "^2.0.2",
-        "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
diff --git a/samples/inputs/textarea/slots/package.json b/samples/inputs/textarea/slots/package.json
index 296e46f634..4bc51a209f 100644
--- a/samples/inputs/textarea/slots/package.json
+++ b/samples/inputs/textarea/slots/package.json
@@ -24,8 +24,8 @@
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-        "lit": "^2.0.2",
-        "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
diff --git a/samples/inputs/textarea/styling/package.json b/samples/inputs/textarea/styling/package.json
index 7a385f3e8a..cd20a957e8 100644
--- a/samples/inputs/textarea/styling/package.json
+++ b/samples/inputs/textarea/styling/package.json
@@ -24,8 +24,8 @@
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-        "lit": "^2.0.2",
-        "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json
index 4eac4b543d..9438518b78 100644
--- a/samples/layouts/accordion/customization/package.json
+++ b/samples/layouts/accordion/customization/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/accordion/nested-scenario/package.json b/samples/layouts/accordion/nested-scenario/package.json
index 4eac4b543d..9438518b78 100644
--- a/samples/layouts/accordion/nested-scenario/package.json
+++ b/samples/layouts/accordion/nested-scenario/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/accordion/overview/package.json b/samples/layouts/accordion/overview/package.json
index 4eac4b543d..9438518b78 100644
--- a/samples/layouts/accordion/overview/package.json
+++ b/samples/layouts/accordion/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/avatar/icon/package.json b/samples/layouts/avatar/icon/package.json
index 87cfa55c64..ee715a82b1 100644
--- a/samples/layouts/avatar/icon/package.json
+++ b/samples/layouts/avatar/icon/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/avatar/image/package.json b/samples/layouts/avatar/image/package.json
index 87aabfac59..6405b64bd3 100644
--- a/samples/layouts/avatar/image/package.json
+++ b/samples/layouts/avatar/image/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/avatar/initials/package.json b/samples/layouts/avatar/initials/package.json
index aee07f11fa..0f146effc8 100644
--- a/samples/layouts/avatar/initials/package.json
+++ b/samples/layouts/avatar/initials/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/avatar/shape/package.json b/samples/layouts/avatar/shape/package.json
index ebf7d84084..7f69e9b5bf 100644
--- a/samples/layouts/avatar/shape/package.json
+++ b/samples/layouts/avatar/shape/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/avatar/size/package.json b/samples/layouts/avatar/size/package.json
index f97ea794c3..cdb11aaaea 100644
--- a/samples/layouts/avatar/size/package.json
+++ b/samples/layouts/avatar/size/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/card/horizontal/package.json b/samples/layouts/card/horizontal/package.json
index 3a5932d3ca..041988facf 100644
--- a/samples/layouts/card/horizontal/package.json
+++ b/samples/layouts/card/horizontal/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/card/integration/package.json b/samples/layouts/card/integration/package.json
index f343d0c363..fc1bbef83a 100644
--- a/samples/layouts/card/integration/package.json
+++ b/samples/layouts/card/integration/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/card/overview/package.json b/samples/layouts/card/overview/package.json
index 74869a31ef..765144318a 100644
--- a/samples/layouts/card/overview/package.json
+++ b/samples/layouts/card/overview/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/card/semi-horizontal/package.json b/samples/layouts/card/semi-horizontal/package.json
index 92ce570ae5..a1749e3905 100644
--- a/samples/layouts/card/semi-horizontal/package.json
+++ b/samples/layouts/card/semi-horizontal/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/card/styling/package.json b/samples/layouts/card/styling/package.json
index 0d255893e0..56d31f656c 100644
--- a/samples/layouts/card/styling/package.json
+++ b/samples/layouts/card/styling/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/divider/base/package.json b/samples/layouts/divider/base/package.json
index 4c127a89c0..f9a7372a83 100644
--- a/samples/layouts/divider/base/package.json
+++ b/samples/layouts/divider/base/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/divider/dashed/package.json b/samples/layouts/divider/dashed/package.json
index 4c127a89c0..f9a7372a83 100644
--- a/samples/layouts/divider/dashed/package.json
+++ b/samples/layouts/divider/dashed/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/divider/middle/package.json b/samples/layouts/divider/middle/package.json
index 22bc18755d..1b11e6785e 100644
--- a/samples/layouts/divider/middle/package.json
+++ b/samples/layouts/divider/middle/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/divider/select/package.json b/samples/layouts/divider/select/package.json
index 4c127a89c0..f9a7372a83 100644
--- a/samples/layouts/divider/select/package.json
+++ b/samples/layouts/divider/select/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/divider/vertical/package.json b/samples/layouts/divider/vertical/package.json
index 22bc18755d..1b11e6785e 100644
--- a/samples/layouts/divider/vertical/package.json
+++ b/samples/layouts/divider/vertical/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/add-content-runtime/package.json b/samples/layouts/dock-manager/add-content-runtime/package.json
index 407265f7d2..2902e2ef23 100644
--- a/samples/layouts/dock-manager/add-content-runtime/package.json
+++ b/samples/layouts/dock-manager/add-content-runtime/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/contained-in-boundaries/package.json b/samples/layouts/dock-manager/contained-in-boundaries/package.json
index d6bee9fd9a..45d225d12f 100644
--- a/samples/layouts/dock-manager/contained-in-boundaries/package.json
+++ b/samples/layouts/dock-manager/contained-in-boundaries/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json
index f3d096f7dc..833f49f332 100644
--- a/samples/layouts/dock-manager/customize-buttons/package.json
+++ b/samples/layouts/dock-manager/customize-buttons/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 978e923977..1f527daeeb 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/focus-panes/package.json b/samples/layouts/dock-manager/focus-panes/package.json
index 407265f7d2..2902e2ef23 100644
--- a/samples/layouts/dock-manager/focus-panes/package.json
+++ b/samples/layouts/dock-manager/focus-panes/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/hide-pane-headers/package.json b/samples/layouts/dock-manager/hide-pane-headers/package.json
index 407265f7d2..2902e2ef23 100644
--- a/samples/layouts/dock-manager/hide-pane-headers/package.json
+++ b/samples/layouts/dock-manager/hide-pane-headers/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json
index b3709498aa..b5b81a2a48 100644
--- a/samples/layouts/dock-manager/hiding-panes/package.json
+++ b/samples/layouts/dock-manager/hiding-panes/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index d93e216eda..509a627ab5 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/proximity-dock/package.json b/samples/layouts/dock-manager/proximity-dock/package.json
index 0b508feb77..906d7a8bc0 100644
--- a/samples/layouts/dock-manager/proximity-dock/package.json
+++ b/samples/layouts/dock-manager/proximity-dock/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index d672108249..3c46f947ae 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -27,7 +27,7 @@
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents": "5.0.0",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/toggle-inner-dock/package.json b/samples/layouts/dock-manager/toggle-inner-dock/package.json
index c202f87a87..c3d7dd9db1 100644
--- a/samples/layouts/dock-manager/toggle-inner-dock/package.json
+++ b/samples/layouts/dock-manager/toggle-inner-dock/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index 346c4e19c5..16a6f7c11d 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -28,7 +28,7 @@
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-gauges": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/expansion-panel/component-customization/package.json b/samples/layouts/expansion-panel/component-customization/package.json
index e95b3d124e..28977e9428 100644
--- a/samples/layouts/expansion-panel/component-customization/package.json
+++ b/samples/layouts/expansion-panel/component-customization/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/expansion-panel/properties-and-events/package.json b/samples/layouts/expansion-panel/properties-and-events/package.json
index 7084d7add1..c587aab107 100644
--- a/samples/layouts/expansion-panel/properties-and-events/package.json
+++ b/samples/layouts/expansion-panel/properties-and-events/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/expansion-panel/styling/package.json b/samples/layouts/expansion-panel/styling/package.json
index c3fdf9f3a4..8b91d59a03 100644
--- a/samples/layouts/expansion-panel/styling/package.json
+++ b/samples/layouts/expansion-panel/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/expansion-panel/usage/package.json b/samples/layouts/expansion-panel/usage/package.json
index 4eac4b543d..9438518b78 100644
--- a/samples/layouts/expansion-panel/usage/package.json
+++ b/samples/layouts/expansion-panel/usage/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/icon/sizing/package.json b/samples/layouts/icon/sizing/package.json
index 8bc1a876cc..9d36ea65b5 100644
--- a/samples/layouts/icon/sizing/package.json
+++ b/samples/layouts/icon/sizing/package.json
@@ -27,8 +27,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/icon/styling/package.json b/samples/layouts/icon/styling/package.json
index 8bc1a876cc..9d36ea65b5 100644
--- a/samples/layouts/icon/styling/package.json
+++ b/samples/layouts/icon/styling/package.json
@@ -27,8 +27,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/stepper/animations/package.json b/samples/layouts/stepper/animations/package.json
index a05118bb08..a67a1a3a8a 100644
--- a/samples/layouts/stepper/animations/package.json
+++ b/samples/layouts/stepper/animations/package.json
@@ -25,8 +25,8 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
     "install": "^0.13.0",
-    "lit": "^2.1.1",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "npm": "^8.19.2",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/stepper/linear/package.json b/samples/layouts/stepper/linear/package.json
index 6b924b6219..a648838a88 100644
--- a/samples/layouts/stepper/linear/package.json
+++ b/samples/layouts/stepper/linear/package.json
@@ -25,8 +25,8 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
     "install": "^0.13.0",
-    "lit": "^2.1.1",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "npm": "^8.19.2",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/stepper/orientation/package.json b/samples/layouts/stepper/orientation/package.json
index 8562a37693..a0afb7456d 100644
--- a/samples/layouts/stepper/orientation/package.json
+++ b/samples/layouts/stepper/orientation/package.json
@@ -25,8 +25,8 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
     "install": "^0.13.0",
-    "lit": "^2.1.1",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "npm": "^8.19.2",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/stepper/overview/package.json b/samples/layouts/stepper/overview/package.json
index 2ededade6c..a6e39ec9d1 100644
--- a/samples/layouts/stepper/overview/package.json
+++ b/samples/layouts/stepper/overview/package.json
@@ -25,8 +25,8 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
     "install": "^0.13.0",
-    "lit": "^2.1.1",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "npm": "^8.19.2",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/stepper/steptypes/package.json b/samples/layouts/stepper/steptypes/package.json
index e2426afb64..527b02daf2 100644
--- a/samples/layouts/stepper/steptypes/package.json
+++ b/samples/layouts/stepper/steptypes/package.json
@@ -25,8 +25,8 @@
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
     "install": "^0.13.0",
-    "lit": "^2.1.1",
-    "lit-html": "^2.0.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "npm": "^8.19.2",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/tabs/alignment/package.json b/samples/layouts/tabs/alignment/package.json
index d10de37419..734032b59b 100644
--- a/samples/layouts/tabs/alignment/package.json
+++ b/samples/layouts/tabs/alignment/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/tabs/overview/package.json b/samples/layouts/tabs/overview/package.json
index 6be04c04c5..120f4c8348 100644
--- a/samples/layouts/tabs/overview/package.json
+++ b/samples/layouts/tabs/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/tabs/prefix-suffix/package.json b/samples/layouts/tabs/prefix-suffix/package.json
index e64eb55942..bd05d89276 100644
--- a/samples/layouts/tabs/prefix-suffix/package.json
+++ b/samples/layouts/tabs/prefix-suffix/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/layouts/tabs/scrolling/package.json b/samples/layouts/tabs/scrolling/package.json
index 3e935b56b9..cd3663153d 100644
--- a/samples/layouts/tabs/scrolling/package.json
+++ b/samples/layouts/tabs/scrolling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index 09e7055b32..bf8135802d 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/binding-data-json-points/package.json b/samples/maps/geo-map/binding-data-json-points/package.json
index ac441511cf..e0c2296f28 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index 9de47d7544..a6657a142d 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index 7eabd5a503..4443ea6548 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index 4f84db1aa0..ac7c1ef8fb 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index f9c470fa91..1d147a51d7 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index f9a263aca8..5402400c37 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index 37ff5c4306..cbd8084ceb 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index 17da69907e..01e1f39b9b 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 8b953e7112..8f08ba0d82 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index 0f5b9a1b7c..f82b034dc2 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index e418cb21ab..5b416a0af8 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index acb654c30f..cf6a8f7b1d 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.0.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index 16a1e5dd2c..53aa1a8f61 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 5b08592509..1552550360 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index 8e8b403f88..be268c20c0 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 552ea85fa5..215f9c3469 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index e82b52f9ea..2b36461066 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index 6a91c2b5d4..fee465896a 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index 06a7ec3c43..30a4a4e9ec 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index 77a670d684..b4122d5656 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/type-scatter-area-series/package.json b/samples/maps/geo-map/type-scatter-area-series/package.json
index 4f0ba64902..fea24a1442 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/type-scatter-bubble-series/package.json b/samples/maps/geo-map/type-scatter-bubble-series/package.json
index 93bb7a2e37..18b4e9a1e4 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/type-scatter-contour-series/package.json b/samples/maps/geo-map/type-scatter-contour-series/package.json
index 6cf50df859..b9f7c7e598 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/type-scatter-density-series/package.json b/samples/maps/geo-map/type-scatter-density-series/package.json
index dc34cf4c90..61a3c969de 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/type-scatter-symbol-series/package.json b/samples/maps/geo-map/type-scatter-symbol-series/package.json
index 28cea5e201..38e8a87dc8 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/type-shape-polygon-series/package.json b/samples/maps/geo-map/type-shape-polygon-series/package.json
index 6c40757b80..7e5617d2b1 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/maps/geo-map/type-shape-polyline-series/package.json b/samples/maps/geo-map/type-shape-polyline-series/package.json
index a56c6e09e1..509e075708 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -26,7 +26,7 @@
     "igniteui-webcomponents-charts": "5.0.0-beta.3",
     "igniteui-webcomponents-core": "5.0.0-beta.3",
     "igniteui-webcomponents-maps": "5.0.0-beta.3",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/menus/nav-bar/overview/package.json b/samples/menus/nav-bar/overview/package.json
index 88cec8624a..74ab8c8a49 100644
--- a/samples/menus/nav-bar/overview/package.json
+++ b/samples/menus/nav-bar/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/menus/nav-bar/styling/package.json b/samples/menus/nav-bar/styling/package.json
index d8e3572fd4..6817eccda6 100644
--- a/samples/menus/nav-bar/styling/package.json
+++ b/samples/menus/nav-bar/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/menus/nav-drawer/add-drawer-items/package.json b/samples/menus/nav-drawer/add-drawer-items/package.json
index ddc6f5179e..09ddeba761 100644
--- a/samples/menus/nav-drawer/add-drawer-items/package.json
+++ b/samples/menus/nav-drawer/add-drawer-items/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/menus/nav-drawer/add-mini/package.json b/samples/menus/nav-drawer/add-mini/package.json
index c764ce7c98..8f1a8ff6c5 100644
--- a/samples/menus/nav-drawer/add-mini/package.json
+++ b/samples/menus/nav-drawer/add-mini/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/menus/nav-drawer/add-positions-navbar/package.json b/samples/menus/nav-drawer/add-positions-navbar/package.json
index c47eddbddf..8ccc914a2a 100644
--- a/samples/menus/nav-drawer/add-positions-navbar/package.json
+++ b/samples/menus/nav-drawer/add-positions-navbar/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/menus/nav-drawer/styling/package.json b/samples/menus/nav-drawer/styling/package.json
index 4cbaef5c00..24f2c3dfa6 100644
--- a/samples/menus/nav-drawer/styling/package.json
+++ b/samples/menus/nav-drawer/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/banner/banner-advanced-sample/package.json b/samples/notifications/banner/banner-advanced-sample/package.json
index 7e95cd3e67..6643f343f2 100644
--- a/samples/notifications/banner/banner-advanced-sample/package.json
+++ b/samples/notifications/banner/banner-advanced-sample/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/banner/banner-sample-1/package.json b/samples/notifications/banner/banner-sample-1/package.json
index 71a0378476..95d2d7a2db 100644
--- a/samples/notifications/banner/banner-sample-1/package.json
+++ b/samples/notifications/banner/banner-sample-1/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/banner/banner-sample-2/package.json b/samples/notifications/banner/banner-sample-2/package.json
index 0c62d83a09..de0e77980c 100644
--- a/samples/notifications/banner/banner-sample-2/package.json
+++ b/samples/notifications/banner/banner-sample-2/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/banner/banner-styling/package.json b/samples/notifications/banner/banner-styling/package.json
index f41a62bfb2..ef97a4852a 100644
--- a/samples/notifications/banner/banner-styling/package.json
+++ b/samples/notifications/banner/banner-styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/dialog/closing-variations/package.json b/samples/notifications/dialog/closing-variations/package.json
index b9b59b0712..5f16be04fd 100644
--- a/samples/notifications/dialog/closing-variations/package.json
+++ b/samples/notifications/dialog/closing-variations/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/dialog/form/package.json b/samples/notifications/dialog/form/package.json
index 0b852e8b0c..51d9e2ccb3 100644
--- a/samples/notifications/dialog/form/package.json
+++ b/samples/notifications/dialog/form/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/dialog/overview/package.json b/samples/notifications/dialog/overview/package.json
index 46f0e7efa6..04ea6be75b 100644
--- a/samples/notifications/dialog/overview/package.json
+++ b/samples/notifications/dialog/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/dialog/styling/package.json b/samples/notifications/dialog/styling/package.json
index 65eb79b577..183eaa1f08 100644
--- a/samples/notifications/dialog/styling/package.json
+++ b/samples/notifications/dialog/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/snackbar/action-text/package.json b/samples/notifications/snackbar/action-text/package.json
index 99e1c48407..bd1265fb62 100644
--- a/samples/notifications/snackbar/action-text/package.json
+++ b/samples/notifications/snackbar/action-text/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/snackbar/display-time/package.json b/samples/notifications/snackbar/display-time/package.json
index 99e1c48407..bd1265fb62 100644
--- a/samples/notifications/snackbar/display-time/package.json
+++ b/samples/notifications/snackbar/display-time/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/snackbar/overview/package.json b/samples/notifications/snackbar/overview/package.json
index 99e1c48407..bd1265fb62 100644
--- a/samples/notifications/snackbar/overview/package.json
+++ b/samples/notifications/snackbar/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/snackbar/styling/package.json b/samples/notifications/snackbar/styling/package.json
index 99e1c48407..bd1265fb62 100644
--- a/samples/notifications/snackbar/styling/package.json
+++ b/samples/notifications/snackbar/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/toast/overview/package.json b/samples/notifications/toast/overview/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/notifications/toast/overview/package.json
+++ b/samples/notifications/toast/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/toast/properties/package.json b/samples/notifications/toast/properties/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/notifications/toast/properties/package.json
+++ b/samples/notifications/toast/properties/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/notifications/toast/styling/package.json b/samples/notifications/toast/styling/package.json
index baa75b8459..5fd1817d03 100644
--- a/samples/notifications/toast/styling/package.json
+++ b/samples/notifications/toast/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/disabled-dates/package.json b/samples/scheduling/calendar/disabled-dates/package.json
index 05ebcb2b9e..fd152c8fbd 100644
--- a/samples/scheduling/calendar/disabled-dates/package.json
+++ b/samples/scheduling/calendar/disabled-dates/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/formatting/package.json b/samples/scheduling/calendar/formatting/package.json
index 650296ae6a..7ba652bae0 100644
--- a/samples/scheduling/calendar/formatting/package.json
+++ b/samples/scheduling/calendar/formatting/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/header/package.json b/samples/scheduling/calendar/header/package.json
index d90a71627e..3c9f697e53 100644
--- a/samples/scheduling/calendar/header/package.json
+++ b/samples/scheduling/calendar/header/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/multiple-months/package.json b/samples/scheduling/calendar/multiple-months/package.json
index 6b8ed76b8c..3b84a1eced 100644
--- a/samples/scheduling/calendar/multiple-months/package.json
+++ b/samples/scheduling/calendar/multiple-months/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/multiple-selection/package.json b/samples/scheduling/calendar/multiple-selection/package.json
index ed5897c9f2..582856d6dd 100644
--- a/samples/scheduling/calendar/multiple-selection/package.json
+++ b/samples/scheduling/calendar/multiple-selection/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/overview/package.json b/samples/scheduling/calendar/overview/package.json
index 0a4e5de418..16e8b0ae65 100644
--- a/samples/scheduling/calendar/overview/package.json
+++ b/samples/scheduling/calendar/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/range-selection/package.json b/samples/scheduling/calendar/range-selection/package.json
index 3aca338fdd..bed47bd8c5 100644
--- a/samples/scheduling/calendar/range-selection/package.json
+++ b/samples/scheduling/calendar/range-selection/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/size/package.json b/samples/scheduling/calendar/size/package.json
index e256f834c0..bd1367b236 100644
--- a/samples/scheduling/calendar/size/package.json
+++ b/samples/scheduling/calendar/size/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/special-dates/package.json b/samples/scheduling/calendar/special-dates/package.json
index 9f54b2a490..5c9db7fb7f 100644
--- a/samples/scheduling/calendar/special-dates/package.json
+++ b/samples/scheduling/calendar/special-dates/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/styling/package.json b/samples/scheduling/calendar/styling/package.json
index 7d2f91c6f2..171b614d9b 100644
--- a/samples/scheduling/calendar/styling/package.json
+++ b/samples/scheduling/calendar/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/calendar/week-numbers/package.json b/samples/scheduling/calendar/week-numbers/package.json
index 8e346f98c3..eaed7c1f7d 100644
--- a/samples/scheduling/calendar/week-numbers/package.json
+++ b/samples/scheduling/calendar/week-numbers/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.0",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/date-picker/dialog-mode/package.json b/samples/scheduling/date-picker/dialog-mode/package.json
index 8e50ce3de6..406c81213e 100644
--- a/samples/scheduling/date-picker/dialog-mode/package.json
+++ b/samples/scheduling/date-picker/dialog-mode/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/date-picker/form/package.json b/samples/scheduling/date-picker/form/package.json
index fcb41d35ec..250e0b771d 100644
--- a/samples/scheduling/date-picker/form/package.json
+++ b/samples/scheduling/date-picker/form/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/date-picker/format/package.json b/samples/scheduling/date-picker/format/package.json
index 7331562be6..ce7fa20947 100644
--- a/samples/scheduling/date-picker/format/package.json
+++ b/samples/scheduling/date-picker/format/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/date-picker/overview/package.json b/samples/scheduling/date-picker/overview/package.json
index fb1f760b15..e86c42ef6f 100644
--- a/samples/scheduling/date-picker/overview/package.json
+++ b/samples/scheduling/date-picker/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
diff --git a/samples/scheduling/date-picker/styling/package.json b/samples/scheduling/date-picker/styling/package.json
index b979d80ef3..e9f8d21eb6 100644
--- a/samples/scheduling/date-picker/styling/package.json
+++ b/samples/scheduling/date-picker/styling/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
   "devDependencies": {